https://docs.google.com/presentation/d/1EJ9GplhqC0mkjuSEhgT-xJDv8KyFYlPO/edit?usp=sharing&ouid=109217401442891322003&rtpof=true&sd=true

人類的認知特性

顏色、形狀、動態

原田秀司認為人類的認知特性可以從顏色、形狀、動態來說明(許郁文譯，2021)

• 顏色:人類具有的瞬間判斷力
  • 利用顏色吸引注意力，但是太多的顏色就會失去效果
• 形狀:發現不同處的能力
• 動態:發現變化的能力
  • 吸引注意用的動態
  • 理解用的動態
  • 裝飾用的動態

視覺層級 Visual Hierarchy

畫面的規劃有助於資訊架構的呈現，視覺層級就是討論如何利用視覺對大小、顏色、位置、動態的反應，進行畫面規劃，達成資訊架構的呈現

• 就內容而言，使用者會先注意到動畫、動態的影片、圖片、最後才是文字
• 就大小而言，一般來說，使用者會先看到大的圖片、或文字
• 就顏色而言，一般來說，使用者會先看到顏色對比強烈的圖片、或文字
• 就位置而言，一般來說，使用者會先看到突出的圖片、或文字。突出是指跟其他的圖片、文字很不同的位置

一定要有整體的規劃，否則，當這些設計沒有整體的規劃時，一大堆吸引注意力的內容等於很雜亂的畫面

• Understanding Hierarchy in Design (9:30) **
  • Size (Big=First)
  • Color (Contrast = First)
  • Position (Standout = First)

參考資料

視覺層級

大小

顏色

文字