這12個UI/UX設計工具真的神很用呢!如果不用真的會後悔哦!(一)
目錄
1-1. 網頁設計 (Web Design)
1-3. 使用者介面設計（UI設計，User Interface）
1-4. 使用者體驗設計（UX設計，User Experience）
6. Mockplus：跨部門神器，讓不同團隊的人都看的懂！
10. Framer：解決溝通上的煩惱
11. Origami Studio 打造出 FB 與 IG 的UIUX設計
12. Marvel：產出APP的設計圖
網頁設計、網頁開發、UIUX是什麼？
隨著科技的進步，手機介面也越做越人性化，美觀大方的頁面讓你一頁接著一頁的滑。這時你不禁會想：只要會做網站的話，就能輕鬆設計出這樣美觀的介面嗎？其實未必！網站設計與開發的領域其實可細分成使用者介面（UI）、使用者體驗（UX）、網頁設計（Web Design）和網頁開發（Web development）領域，簡介如下：
網頁設計 (Web Design)
網頁設計是一個廣泛的類別總稱，涵蓋各種關於網站視覺效果、網站可用性的領域，包含UI/UX設計等。
網頁開發 (Web development)
製作網站的技術端部分，專注於 coding，也就是擁有第一段所述「做網站」的能力。網站開發可以分為網頁「前端」和伺服器端的「後端」。
使用者介面設計（UI設計，User Interface）
網頁設計的項目之一，處理人們與網頁、app互動的元件如按鈕、手勢識別等。
使用者體驗設計（UX設計，User Experience）
另一個網頁設計的項目之一，處理用戶在使用網站或應用程序時的行為和感受。其實UX 設計的日常工作中，視覺表現只能算是其中的一個項目。他們需要針對用戶進行深度研究，可說是人類學、心理學、人因工程學等的跨領域學問。
一個手機版的網頁，為要兼顧兼顧便利及美觀，因此對於頁面的動線、順序、流程與使用細節上都需要重視。並確認UI所設計出來的視覺，能傳達UX設計師展示的路徑。簡單來說，UI設計傾向於眼睛所看見的「外在呈現」，UX則致力於使用者的「內在使用感受」。UI可以是將UX理念實踐的美學工程師，可以透過以下12款常見的原型設計平台來執行：
Adobe XD：整合在雲端上的UI/UX設計
全名為 Adobe Experience Design，是UI/UX設計師最常見的向量繪圖程式，如果原本在平面設計上習慣使用Adobe 出的 Photoshop或Illustrator等軟體，使用 Adobe XD 時對於其操作介面會更直觀、容易上手。
框線構成的形式，整合設計師的思維、現有的工作流程，設計出電腦版、行動裝置的網站介面，可以隨時將原型設計圖輸出，直接分享給其他人觀看與操作，即時接收回饋並且修改。
影片連結：https://youtu.be/h4D0GGlYL1o
下篇請看此連結
推薦閱讀:
介面、體驗大不同！UI設計/UX設計工作內容完整剖析
留言列表
