運用直覺的 app 設計軟體,建立出色的用戶體驗。

只要您擁有合適的 app 設計軟體,建立俐落的 app 或網頁設計一點也不複雜。不論何種專案,都有可建立您 app 或網站的適當工具。透過強大的桌面、行動和網頁 app,您可以隨時隨地建立及美化您的專案,有效率的共同作業功能則能確保快速的工作流程。讓您的創意動起來。

app 設計軟體

製作正確的線框圖和原型。


由設計人員專為設計人員所打造。Adobe XD CC 致力於讓 app 設計更簡單、更有效率。加快改善流程,並提供開發人員可立即使用的設計。

  • Adobe XD
  • 使用全方位的 app 設計軟體,進行更出色的創作。

    Adobe XD CC

    從低精確度線框圖到即時原型,您都可以使用 Adobe XD 中的完整工具組來製作。透過有效率的共同作業功能和即時編輯,更快速地美化您的設計。
建立低精確度的線框圖

建立低精確度的線框圖
選擇您的工作畫板,並且新增方塊和按鈕來設計您的版面。從 UI 套件新增常用頁面,加速您的初始設計。
建立高精確度的設計

建立高精確度的設計
匯入並放置高品質內容,例如文字、圖示和影像。選擇顏色與漸層。美化字型和版面選項。
原型

原型
拖曳頁面和物件之間的框線,以建立用戶體驗。透過新增缺少的工作畫板或移除多餘的工作畫板,以定義轉場效果並美化您的設計。
獲得回饋意見

獲得回饋意見
透過 XD 桌面和行動 app,分享您的原型。使用即時原型,重複 app 的改善工作。將詳細的設計規格匯出給開發團隊。

使用 XD CC 更強大的功能,讓成果更臻完美。

重複格線
重複格線
節省時間,並為您的設計建立相同物件的格線。變更一個元素就能讓整個格線自動更新。

即時預覽
即時預覽
即時設計和美化。在使用 USB 連接的裝置上,立即查看您的編輯成果。透過立即的意見回饋,加快改善流程。

設計規格
設計規格
將詳細的設計規格匯出給開發人員。指定字型、位置、色票、轉場效果等等。減少猜測並正確地建立。

配置精美的 app 和網站版面。


使用領先業界的版面工具,並建立更俐落的設計。運用視覺風格和直覺功能,建立精準的版面。

  • 適用於互動式數位出版品和印刷媒體的 app 設計軟體。

    Adobe InDesign CC

    運用適用於數位和印刷的頂級設計工具,讓人留下深刻印象。建立互動式出版品、電子書、網站等等。
  • Adobe InDesign CC
定義您的頁面

定義您的頁面
配置您的標題/首頁,並建立您的次要主版頁面。設定影像、文字和互動按鈕的框架。
加入內容

加入內容
匯入您的文字和圖像,然後放入您的設計中。調整框架、字型、顏色和紋理以美化您的設計。
建立互動功能

建立互動功能
指派動作給按鈕。建立內容連結、快速鍵、超連結和導覽控制項。
匯出

匯出
另存為互動式 PDF、JPEG 檔案,或其他適合提供給設計人員的格式。或是傳送給 Adobe Experience Manager 以建立為行動 app。

使用 InDesign CC 中更多的 app 設計功能。

專業範本
專業範本
先從使用專業設計的現代化範本開始著手。配合您的版面,調整範本的框架、字型、顏色等等。

Adobe Stock 整合
Adobe Stock 整合
透過 Adobe Stock 搜尋及授權圖形和範本。集中管理您的授權,並加速取得資產。

更多匯出可能性
更多匯出可能性
將您的專案匯出為 PDF、JPEG、EPUB 或 HTML 檔案,以用於網頁 app。針對多種媒體重新利用內容。

設計、程式碼編寫及發佈。速度更快。


使用強而有力的程式碼編寫工具,建立多方互動 app 和網站。即時預覽及美化。

  • 具有程式碼威力的 app 設計軟體。

    Adobe Dreamweaver CC

    嚴謹的程式碼編寫工具,提供您完整的控制權與有效率的設計。以 HTML、CSS、JavaScript、PHP 等快速撰寫和編輯。
  • Adobe Dreamweaver CC
使用標準或開發人員模式

使用標準或開發人員模式
在標準模式中工作可看到您的網站和實用面板的預覽。切換到開發人員模式則可將程式碼編寫空間最大化。
建立樣式表

建立樣式表
建立您的 CSS 樣式表。定義您的標題、選單和文字的樣式。指定字型和粗細。
運用 HTML 和 JavaScript 建立

運用 HTML 和 JavaScript 建立
建立您的 HTML 結構和內容。加入 JavaScript 元素以提供互動功能或 app 功能。
預覽、測試和發佈

預覽、測試和發佈
預覽您已完成的網站。測試並收集回饋意見。完成後,上傳至網頁主機並發佈。

可快速完成 app 設計的功能。

Adobe Stock 整合
Adobe Stock 整合
快速搜尋及授權您網站的內容。尋找您的設計所需要的圖形、Widget 和範本。

程式碼編寫快速鍵
程式碼編寫快速鍵
只要按幾下滑鼠,即可建立程式碼行。使用結構速記和鍵盤快速鍵,快速建立完美的巢狀程式碼行。

瀏覽器及裝置預覽
瀏覽器及裝置預覽
在瀏覽器和裝置上使用預覽來查看及美化您的設計。使用 QR Code 連結,獲得共同作業人員和測試者的回饋意見。

簡單易用的免費網頁設計工具。


數分鐘內製作精美的網頁。使用直覺的網頁製作程式,結合文字、影像、圖形和紋理。

  • Photoshop Express Editor
  • 激發您的想像力。

    Adobe Spark

    簡單易用的免費線上工具,可製作精緻且現代化的網頁。使用文字、圖形和視訊來創作您的設計。
撰寫標題

撰寫標題
您建立網頁的目的為何?撰寫一個能夠明確表達您網頁精髓的標題。
挑選背景

挑選背景
選擇背景顏色或影像。您可以使用檢色器來建立任何的自訂顏色。上傳照片或圖像做為背景,或搜尋可用的免費影像。
加入文案、影像和視訊

加入文案、影像和視訊
上傳及排列文字、影像和視訊片段。使用 Spark Post 製作拼貼和其他圖形,或使用 Spark Video 快速組合視訊片段。
分享

分享
將您的網頁發佈到社交媒體平台,或透過電子郵件傳送連結。Adobe Spark 將代管您的網頁。

直覺的功能可協助您使用 Spark 快速建立網頁。

高品質字型
高品質字型
有數十種專業字型可用於您的網頁上。嘗試不同的字型和顏色,直到您找出最適合的組合。

引導設計
引導設計
讓網頁製作程式提示您加入內容,然後看它將您的內容組合成現代化的設計。

優雅的主題
優雅的主題
精心設計的主題為您的頁面提供樣式。嘗試不同的主題,找出最適合您頁面的主題。

平板電腦或手機上的 app 設計軟體。


隨時隨地都能繼續您的工作流程。隨處進行設計和配置。

隨手可得的版面。

Adobe Comp CC

輕鬆繪製設計草圖並加以美化。透過隨意手繪及使用手勢,建立複雜的設計。

一手掌握免費的網頁製作工具。

Adobe Spark Page

只要按幾下滑鼠,就能建立精美的網頁。述說故事、展現創意或是介紹產品或企業所需的一切。

比較網頁和 app 設計軟體的功能。


不論是高階設計或處理細節問題,對於網頁或網路平台,我們都有最適合您專案的完美工具。
XD CC
InDesign CC
Dreamweaver CC
Spark
Comp CC
Spark Page
工作畫板
版面工具
app 範本
UI 工具組
線框圖
預覽
模型
即時預覽
互動式原型
桌面應用程式
行動應用程式

了解如何設計更棒的 app 和網站。

Creative Cloud app 充滿無限可能。了解如何使用其強大的功能製作更棒的設計。
從 UI 套件開始,加快設計速度。
使用含有常用 app 元素的 UI 套件,快速填入您的工作畫板。自訂字型、顏色和圖示以配合您的 app 設計。
在桌上型電腦和行動裝置上預覽、修改和測試原型。
使用原型來了解美化 app 的程序。查看如何使用即時預覽、進行現場變更,以及測試您的最終設計。

您可以使用適用於 Windows、macOS、Android 和 iOS 的 app 設計軟體,盡情發揮創意。


改進設計、以互動方式建立,並加快改善流程。Creative Cloud 具備領先業界的工具,適用於創作流程的每個階段。整合的共同作業工具可讓您的整個團隊攜手合作,快速美化設計的各個層面。我們提供吸引人的個人及企業會籍選項,以及適用於學生和教職員的特殊折扣,讓所有人都能找到適合的計劃。尋找最適合您使用的計劃。

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