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

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

網頁設計軟體

直覺且可自訂的網頁設計,無須編寫程式碼。


以雜誌排版或繪製插圖相同的方式,建立功能完備的網站:忘掉 HTML 標籤,只專注於用戶體驗。定義樣式和色盤。建立文字框和影像框。連結各頁面。確保網站在大螢幕和小螢幕上同樣出色。專注於創作,而非編寫程式碼。

進行網站規劃

進行網站規劃
定義網站的最高解析度、邊界和間距。定義構成頁面。稍後可視需要再增加頁面。
設計您的主版頁面

設計您的主版頁面
加入選單、頁首和頁尾。定義所有頁面上的通用元素。較為複雜的網站可能會有多個主版頁面。
建立中斷點

建立中斷點
選擇根據觀看者的螢幕尺寸變更頁面的方式。使用中斷點可決定您的頁面將如何配合手機、平板電腦以及更大型螢幕進行重組。
充實您的規劃

充實您的規劃
有了設計元素後,您就可以開始為網站建立頁面。使用即時預覽和連結以獲得回饋,並潤飾您的版面。

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


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

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

    Adobe Dreamweaver CC

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

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

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

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

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

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

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

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

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

適用於行動裝置或網頁的原型、網站和應用程式設計工具。


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

  • Adobe XD CC
  • 直覺的應用程式與網站設計軟體。

    Adobe XD CC

    由 UX/UI 設計師為同行打造的高效率用戶體驗工具組,免去諸多繁重無聊的工作,讓您專注於創作。
選擇工作畫板

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

定義樣式
挑選色票、字型和圖形元素,讓您的專案具有獨特風格。
設計和連接

設計和連接
設計個別頁面,然後拖曳不同元素間的箭頭,從功能上連接各頁面。
共同作業、預覽和匯出

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

利用 Adobe XD 簡化您的設計。

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

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

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

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


不同的應用程式適用於不同的目標。為您的專案尋找最佳應用程式。
Dreamweaver CC
XD CC
直覺化的設計
完整的網站建立
手動編寫程式碼
網頁版面
自動編寫程式碼
線框圖匯出
線框圖匯入
多方互動網頁設計
上傳至網頁主機

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

Creative Cloud 包含功能強大的設計與影像編輯應用程式,是您建立網頁和應用程式的理想工具組。探索初學者及專家教學課程,發現所有功能。
對您的應用程式或網站進行版面配置和設計。
進行低精確度的設計以定義網站或應用程式的結構,然後再潤飾為高精確度的原型。
利用 UI 套件更快速製作原型。
下載並使用 UI 套件,更快開始著手設計用戶體驗。調整並納入可重複使用的元素,充實您的原型。

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


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

個人
取得全套創意應用程式和服務。
學生與教師
學生與教師可享 Creative Cloud 最低 4 折優惠。
企業
領先業界的創意應用程式,不僅授權管理簡單且部署輕鬆。