使用功能強大的 HTML 及免編寫程式碼的網頁設計軟體,建構更出色的網站和應用程式。

網頁和應用程式需要乾淨俐落、精美且實用的設計,才能吸引來去匆匆的用戶目光。利用功能強大且直覺的網頁設計軟體及應用程式製作工具,加快從構想形成到作品發表的速度。頂尖的共同作業和即時預覽工具可縮短審核週期,而產生資產功能將使交付更輕鬆。跨越技術層面的障礙,專注於創作。

使用功能強大的 HTML 及免編寫程式碼的網頁設計軟體,建構更出色的網站和應用程式。

從多方互動網站到精美的應用程式設計,Adobe Creative Cloud 提供您所需的一切。

全面掌控所有細節的網頁設計軟體。

利用進階的程式碼編寫工具和即時預覽選項,更快且更精準地建立網站。有效率地從規劃、線框圖進展到網站完成。

Adobe Dreamweaver

Adobe Dreamweaver 
設計和開發現代化的互動式網站。
立即試用 ›

完備的網站程式碼編寫與設計。

有效率地編寫 HTML、CSS、JavaScript 等程式碼。利用程式碼編寫快速鍵、多行編輯、錯誤檢查和即時預覽,加快工作速度。

選擇計劃 ›

完備的網站程式碼編寫與設計。

Dreamweaver 強大的功能使其成為理想的程式碼編寫應用程式。

規劃
規劃網站的功能和元素。選定必要的頁面,並以檔案夾結構整理您的資產。

樣式
使用 CSS 定義網站的樣式元素。建立類別並選擇其各自的字型、樣式、顏色和版面。

建構
利用進階的程式碼編寫工具,建構網站的構成頁面。開發動態元素和指令碼來強化您的內容。

測試、調整和發佈

在不同的螢幕上預覽您的設計,並向共同作業人員徵詢回饋意見。調整您的設計,然後發佈到裝載伺服器,或匯出資產交給另一團隊。

程式碼提示和工具提示
在輸入程式碼時獲得建議,並由工具提示獲悉用法及用途,加快工作進度。自動加入結束標籤,節省鍵盤輸入時間。

程式碼編寫快速鍵
使用縮寫文字和鍵盤快速鍵,自動建立巢狀結構、Lorem Ipsum 文字等內容。透過即時錯誤檢查及提示,加速更正錯誤。

多方互動網頁設計
提高搜尋引擎排名,並維持更加一致的設計。利用互動式設計工具,定義各種螢幕尺寸適用的網頁版面。

專為所有人打造的原型設計、網站和應用程式設計工具。

製作網站和應用程式的互動式原型。使用桌上型電腦及行動裝置,打造用戶體驗並即時預覽。從構想形成到原型完工從未如此簡單。

Adobe XD

Adobe XD 
設計用戶體驗、製作原型並加以共用。立即試用 ›


直覺的應用程式與網站設計軟體。

直覺的應用程式與網站設計軟體。

由 UX/UI 設計師為同行打造的高效率用戶體驗工具組,可讓您專注於創作。

選擇計劃 ›

利用 Adobe XD 簡化您的設計。

選擇工作畫板

利用常見螢幕尺寸適用的預製工作畫板,以及常見網頁適用的範本,節省您的時間。

定義樣式

挑選色票、字體和圖形元素,讓您的專案具有獨特風格。

設計和連接

設計個別頁面,然後拖曳不同元素間的箭頭,在功能上連接各個頁面。

共同作業、預覽和匯出

進行共同作業,分享專案的即時預覽以獲得回饋意見。即時做出變更,並將完成的設計和資產匯出給開發團隊。

JPEG 匯出

將您的資產和工作畫板匯出為 JPEG 格式。透過調整品質設定,您可以建立較小的檔案,更方便分享。

連結區提示

突顯設計稿件中的互動式元素,引導測試人員完成整個原型測試。理出對重要區域的回饋意見重點。

原型影片

快速製作原型的實際運作影片。透過易懂的影片展示來分享用戶體驗。

比較網頁設計軟體與工具。

不同的應用程式適用於不同的目標。為您的專案尋找最佳應用程式。

Adobe Dreamweaver

Dreamweaver

Adobe XD

XD

直覺化的設計


完整的網站建立


手動編寫程式碼


網頁版面


自動編寫程式碼


線框圖匯出


多方互動網頁設計


上傳至網頁主機


進一步了解如何使用 Creative Cloud 工具進行網頁設計。

Creative Cloud 包含功能強大的設計與影像編輯應用程式,是您建立網頁和應用程式的理想工具組。透過初學者及專家教學課程來探索您可以做的所有事情。

對您的應用程式或網站進行版面配置和設計。

對您的應用程式或網站進行版面配置和設計。
進行低精確度的設計以定義網站或應用程式的結構,然後再潤飾為高精確度的原型。

更多資訊 ›

在您的手機上創作自然的影片

在您的手機上創作自然的影片.
建立能夠隨著螢幕尺寸變更而正確調整格式的單一網頁。了解如何建立中斷點以配合不同的螢幕,並定義各元素調整大小的方式。

更多資訊 ›

利用 UI 套件更快速製作原型。

利用 UI 套件更快速製作原型。

下載並使用 UI 套件,更快開始著手設計用戶體驗。調整並納入可重複使用的元素,充實您的原型。

更多資訊 ›

使用適用於 Windows、macOS、Android 和 iOS 的網頁設計軟體,建構出色的網站。

Creative Cloud 提供的應用程式將使您的網站脫穎而出、與眾不同。從照片編輯、平面設計、圖形化網頁設計到程式碼編寫,全套整合的工具組將涵蓋您所需的一切。利用全方位的創意解決方案,加快共用、共同作業及交付速度。我們提供吸引人的個人及企業會籍選項,以及適用於學生和教職員的折扣,讓所有人都能找到適合的計劃。尋找最適合您使用的計劃。

個人

個人
取得全套創意應用程式和服務。
更多資訊 ›

學生與教師

學生與教師
學生和教師購買 Creative Cloud 可享 4 折以下優惠。
更多資訊 ›

企業

企業
領先業界的創意應用程式,具有簡易授權管理和輕鬆部署功能。
更多資訊 ›

企業

Adobe Stock
為您的下一個創意專案尋找完美影像。第一個月可取得 10 張免費影像。
更多資訊 ›