理解“網頁設計”和平面設計的差別

網頁設計別於平面設計的難處與有趣的地方

從設計層面看,網頁設計具有 "長寬可變性" 差異。

現在製作網頁需要預估電腦螢幕、平板、手機等多種裝置的寬度。且網頁對於 "寬度" 在畫面上比例會有規範,但高度沒有規範。平面設計則是,需要將內容編排在固定長寬的版面中。網頁與平面差別於不必免強內容編排限制,而能夠思索垂直延伸的排版。

目前正式 UI / UX 設計意識的轉換期

一開始網站主要是取代印刷品作為公司導覽等刊登資訊,幾乎沒有包含使用者概念。隨著時代進步,網頁設計表現力拓展,加上智慧型手機使用率上升,上網的使用者增加,透過各種不同裝置連結網頁。近年以操作性為主 UI (User Interface,使用者介面) / UX (User Experience,使用者經驗),需考慮使用者介面順暢度。

 下方圖示為番茄醬瓶例子,比較兩種不同外表設計和標籤:

ui:ux.png

圖片來源:sitepoint

  1. U I是一瓶罐子,包括蓋子和標籤。這意味著它可以代表其他的罐子不只是番茄醬瓶。
  2. UX 用戶體驗層結合了公司的品牌和營銷工作,番茄醬本身的營養和感官品質,在商店或網上發現和購買它的行為,公司在社交媒體上與客戶的互動,該公司與其現有和潛在客戶之間的關係。

想更深入了解 UI / UX 有什麼不同之處嗎?可以至 UI /UX 有什麼不同之處?