設計流程中【 Wireframe 線框稿 】是什麼?重要在哪裡咧?#4

by Yuki Lai

◆線框稿是什麼呢?

產品建構藍圖,用單純的線條或單色色塊去規劃頁面版型,通常需要團隊們討論、共同制定產品的技術規格。

◆線框稿的目的?

呈現產品上主要資訊

呈現資訊頁面上的排版和架構

呈現使用者如何和產品互動

◆線框稿的兩個階段?

發想階段

  • 勁量發想
  • 去蕪存菁

驗證階段

  • 團隊討論
  • 補充修正

◆線框稿的繪製重點?

視覺元素:簡潔有力

  • 單一色系
  • 單一字型
  • 統一字型
  • 不用插圖
  • 簡單圖標

頁面註解:精確而詳細

  • 頁面編號
  • 連結去向
  • 過場特效
  • 狀態變化
  • 介面互動

你可以參考以下其他文章

Leave a Comment