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

只要您擁有合適的 app 設計軟體,建立俐落的 app 或網頁設計一點也不複雜。無論您的目標是登上應用程式商店的暢銷排行,還是要為您的小型企業製作應用程式,這裡都有適合您專案的工具。透過強大的桌面、行動和網頁應用程式,您可以隨處建立您的應用程式。此外,有效率的共同作業功能則能確保快速的應用程式建置工作流程,將您的想法付諸行動。

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

應用程式和網頁設計、插圖、動畫,以及攝影。Adobe Creative Cloud 提供您所需的一切。

製作正確的線框圖、原型及更多內容

由設計人員專為設計人員所打造的 DIY 應用程式製作工具。Adobe XD 致力於讓跨平台 app 設計更簡單、更有效率。加快工作流程,並提供開發人員可立即使用的設計。

Adobe XD

Adobe XD
設計用戶體驗、製作原型並加以共用。
免費取得 XD ›

使用全方位的 App 設計軟體,進行更出色的創作

使用全方位的 App 設計軟體,進行更出色的創作

從低精確度線框圖和模型到即時原型,您都可以使用 Adobe XD 中的完整工具組來執行所有的行動應用程式開發流程。透過有效率的共同作業功能,更快速地美化您的設計。

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

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

製作高精確度設計
透過拖放界面,XD 是一個直觀的開發環境。匯入和放置高品質的內容。選擇顏色與漸層。美化字型和版面選項。

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

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

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

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

配置精美的 App 和網站版面

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

Adobe InDesign

Adobe InDesign
在辦公桌上或外出時,製作匠心獨運的精美版面。

立即試用 ›

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

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

選擇計劃 ›

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

使用 InDesign 中更多的 App 設計功能

定義您的頁面

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

加入內容

匯入您的文字和圖像,然後放入您的設計中。調整框架、字型、顏色和紋理以美化您的設計。

建立互動功能

也可以指派動作給按鈕。建立內容連結、快速鍵、超連結和導覽控制項。

匯出

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

專業範本

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

Adobe Stock 整合

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

更多匯出可能性

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

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

使用適用於多種編程語言的強大程式碼編寫工具,建立多方互動 app 和網站。即時預覽及美化。

Adobe Dreamweaver

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

具有程式碼威力的 App 設計軟體

一個附有嚴謹程式碼編寫工具的開發平台,提供您完整的控制權與有效率的設計。使用 HTML、CSS、JavaScript、PHP 等工具快速地撰寫和編輯。

挑選計畫 ›

具有程式碼威力的 App 設計軟體

可快速完成 App 設計的功能

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

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

運用 HTML 和 JavaScript 建立
建立您的 HTML 結構和內容。加入 JavaScript 元素以提供互動功能或 App 功能。

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

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

編碼快捷鍵
讓後端工作變得更輕鬆。只要按幾下滑鼠,即可建立程式碼行。使用結構速記和鍵盤快速鍵,快速建立完美的巢狀程式碼行。

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

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

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

Adobe Express


Adobe Express

在短短幾分鐘內製作圖像、網頁和影片故事。

立即試用 ›

激發您的想像力

激發您的想像力

簡單易用的免費線上工具,可製作精緻且現代化的網頁。使用文字、圖形和影片來發展您的設計。

選擇計劃 ›

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

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

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

加入文案、影像和影片
上傳及排列文字、影像和影片片段。使用 Adobe Express 製作拼貼和其他圖像,或使用 Spark Video 快速編排短片剪輯。

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

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

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

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

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

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

隨手可得的版面

Adobe Comp

Adobe Comp

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

 | 

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

Photoshop Fix

Adobe Spark Page

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

iOS

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

不論是高階設計或處理核心問題,對於網頁或網路平台,我們都有最適合您專案的完美工具。

Adobe XD

XD

Adobe InDesign

InDesign

Adobe Dreamweaver

Dreamweaver

Adobe Express

Adobe Express

Adobe Comp

Comp

Adobe Spark Page

Spark Page

工作區域/畫板




版面工具



App 範本





UI 工具組


線框圖





預覽



模型





即時預覽



互動式原型


桌面應用程式





行動應用程式




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

Creative Cloud App 充滿無限可能。了解如何使用其強大的功能製作更棒的設計。

從 UI 套件開始,加快設計速度。

從 UI 套件開始,加快設計速度。            

使用含有常用 app 元素的 UI 套件,快速填入您的工作畫板。自訂字型、顏色和圖示以配合您專屬的 app 設計。

了解更多 ›

在桌上型電腦和行動裝置上預覽、修改和測試原型。

在桌上型電腦和行動裝置上預覽、修改和測試原型。

使用原型來了解美化 App 的程序。利用使用者友善的即時預覽、進行現場變更,以及測試您的最終設計。

更多資訊 ›

外出時使用 Comp 建立網站,然後在 Muse 中完成

外出時使用 Comp 建立網站,然後在 Muse 中完成  

了解如何結合使用行動和桌面 app,讓您的工作流程最佳化。現場建立設計,然後使用桌面 app 美化,快速往返兩者之間。

更多資訊 ›

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

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

個人

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

學生與教師

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

企業

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

企業

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