close

  此研究報告來自名古屋市立大學芸術工學部木本晴夫教授,整理了部分文字和圖片。視線跟蹤技術早期主要應用於心理學研究、助殘等領域,後來才被應用於圖像壓縮及人機交互和可用性工程。從用戶注視信息中:

   (1) 推斷人們感興趣或引起注意的內容
   (2) 通過所注視的對象可得到其指代對像
   (3) 暗示對像之間的關係

  能否自發、自覺地使用視覺導向的設計方法,並根據視覺路徑走向排列關鍵信息,這是區別專業與業餘網頁設計師的一個重要依據。


視線軌跡
視線經過的所有關注點可以連接成一條完整的路徑,即視覺軌跡。

uploads/200609/09_083034_01.jpg


A. 左右移動優先於上下移動(文字左右書寫的情況)
B. 在同一背景區域移動 (留白的作用)
C. 移向醒目的地方
D. 向底部移動的可能性小 (調合點相同時,注目性通常在上方)



視線焦點
打開一個新的網頁,我們的視線首先會聚焦在網頁中最引人注意的那一點上,即視線焦點。
uploads/200609/09_083042_02.jpg


E. 上面配置一個eye-catcher會導致難於解讀 
 (通常網頁都如此規劃,上方都會配置視覺區)
F. 中央配置了eye-catcher時視線不穩定
G. 右上配置了eye-catcher時視線不穩定
H. 點對稱時視線流向穩定 



改良設計的例子
uploads/200609/09_083052_03.jpg


對「改良前」的設計建議:
1. 左上配置eye-catcher並強調
2. 橫向整列排列圖片,統一背景 (調合的重要性)
3. 做成點對稱 (畫面中心點,做圓心,旋轉角度後,及為點對稱)

  上面所說的很多專有名詞,都與平面的構成有很大的關係,所以不懂美的形式(平面的構成)的人,去找找平面的構成來看看。此文章讓我們知道畫面是有視覺重點的,透過構成可以移轉視覺的重點,你懂嗎?不懂!還是有一堆人在做設計....因為,有些人天生就具有美感的,如果你對美的感覺沒有天份,建議你不要去玩視覺(設計、藝術),就當個有賞美觀的人就好。
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 NiCly 的頭像
    NiCly

    nicly

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