close

網頁設計、網頁開發、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設計工作內容完整剖析

疫情加速電商衝擊店面!富比士:2021年5大UI/UX設計趨勢

使用 A/B 測試來改善網站 UI 設計的 30 個例子

UI/UX 按鈕設計基本7個原則,優化電商轉換率

UI/UX 按鈕設計掌握7招,提高電商轉換率(下)

疫情時代!富比士:2021年5大UI/UX設計趨勢(上)

富比士:2021年5大UI/UX設計趨勢(下)

 

 

arrow
arrow
    創作者介紹
    創作者 IzzySixxi 的頭像
    IzzySixxi

    重金屬AI工程師的Coding分享

    IzzySixxi 發表在 痞客邦 留言(0) 人氣()