使用功能強大的 HTML 及免編寫程式碼的網頁設計軟體，建構更出色的網站和應用程式。
網頁和應用程式需要乾淨俐落、精美且實用的設計，才能吸引來去匆匆又關注其他選擇的用戶目光。利用功能強大且直覺的網頁設計軟體及應用程式製作工具，加快從構想形成到作品發表的速度。頂尖的共同作業和即時預覽工具可縮短審核週期，而產生資產功能將使交付更輕鬆。跨越技術層面的障礙，專注於創作。
直覺且可自訂的網頁設計，無須編寫程式碼。
以雜誌排版或繪製插圖相同的方式，建立功能完備的網站：忘掉 HTML 標籤，只專注於用戶體驗。定義樣式和色盤。建立文字框和影像框。連結各頁面。確保網站在大螢幕和小螢幕上同樣出色。專注於創作，而非編寫程式碼。
進行網站規劃
定義網站的最高解析度、邊界和間距。定義構成頁面。稍後可視需要再增加頁面。
設計您的主版頁面
加入選單、頁首和頁尾。定義所有頁面上的通用元素。較為複雜的網站可能會有多個主版頁面。
建立中斷點
選擇根據觀看者的螢幕尺寸變更頁面的方式。使用中斷點可決定您的頁面將如何配合手機、平板電腦以及更大型螢幕進行重組。
充實您的規劃
有了設計元素後，您就可以開始為網站建立頁面。使用即時預覽和連結以獲得回饋，並潤飾您的版面。
利用 Muse 快速進行網頁設計。
線框圖工具
製作最終設計成品之前，建構並分享線框圖以便改進網站規劃。一應俱全的控制項包括靈活的繪圖工具，使建構線框圖更加方便迅速。
參考線和尺標
您可以在工作時顯示或隱藏尺標參考線，精準地對齊各元素。令您的設計更加一致。
資料庫面板
儲存設計元素以供重複使用。從「資料庫」面板儲存標誌、影像、色票、Widget 和文字樣式。
全面掌控所有細節的網頁設計軟體。
利用進階的程式碼編寫工具和即時預覽選項，更快且更精準地建立網站。有效率地從規劃、線框圖進展到網站完成。
規劃
規劃網站的功能和元素。選定必要的頁面，並以檔案夾結構整理您的資產。
樣式
使用 CSS 定義網站的樣式元素。建立類別並選擇其各自的字型、樣式、顏色和版面。
建立
利用進階的程式碼編寫工具，建構網站的構成頁面。開發動態元素和指令碼來強化您的內容。
測試、調整和發佈
在不同的螢幕上預覽您的設計，並向共同作業人員徵詢回饋意見。調整您的設計，然後發佈到裝載伺服器，或匯出資產交給另一團隊。
Dreamweaver 強大的功能使其成為理想的程式碼編寫應用程式。
程式碼提示和工具提示
在輸入程式碼時獲得建議，並由工具提示獲悉用法及用途，加快工作進度。自動加入結束標籤，節省鍵盤輸入時間。
程式碼編寫快速鍵
使用縮寫文字和鍵盤快速鍵，自動建立巢狀結構、Lorem Ipsum 文字等內容。透過即時錯誤檢查及提示，加速更正錯誤。
多方互動網頁設計
提高搜尋引擎排名，維持更加一致的設計。利用互動式設計工具，定義各種螢幕尺寸適用的網頁版面。
適用於行動裝置或網頁的原型、網站和應用程式設計工具。
製作網站和應用程式的互動式原型。使用桌上型電腦及行動裝置，打造用戶體驗並即時預覽。從構想形成到原型完工從未如此簡單。
利用 Adobe XD 簡化您的設計。
JPEG 匯出
將您的資產和工作畫板匯出為 JPEG 格式。透過調整品質設定，您可以建立較小的檔案，更方便分享。
連結區提示
突顯設計稿件中的互動式元素，引導測試人員完成整個原型測試。理出對重要區域的回饋意見重點。
原型影片
快速製作原型的實際運作影片。透過易懂的影片展示來分享用戶體驗。
比較網頁設計軟體與工具。
不同的應用程式適用於不同的目標。為您的專案尋找最佳應用程式。
Muse |
Dreamweaver |
XD |
|
| 直覺化的設計 | ● | ● | |
| 完整的網站建立 | ● | ● | |
| 手動編寫程式碼 | ● | ||
| 網頁版面 | ● | ● | |
| 自動編寫程式碼 | ● | ● | |
| 線框圖匯出 | ● | ● | |
| 線框圖匯入 | ● | ||
| 多方互動網頁設計 | ● | ● | |
| 上傳至網頁主機 | ● | ● |
進一步了解如何使用 Creative Cloud 工具進行網頁設計。
Creative Cloud 包含功能強大的設計與影像編輯應用程式，是您建立網頁和應用程式的理想工具組。探索初學者及專家教學課程，發現所有功能。
