網頁設計中美女視線的影響

2021-05-23 00:24:34 字數 534 閱讀 1133

通常我們在做頁面或者banner時,都很喜歡使用到美女,因為在大家的認知中:

1、瀏覽網頁時,人的注意力最容易被人臉吸引

2、正面的美麗女性人臉最為吸引人

但是,我這裡想講的是:用漂亮臉蛋吸引了觀眾之後,還要引導觀眾去看你想要傳遞的內容。

好像這幅圖,臉蛋沒什麼問題,看上去舒服,而且專業。

可是,你的眼睛會怎麼動呢?

1、看網頁

2、看到有ppmm,於是眼睛轉移到ppmm臉上

3、看到ppmm的眼睛正在看自己……於是轉移開視線

結果就是廣告商花了錢讓你看了mm,卻沒能把想傳遞的資訊傳遞給你。

下面有乙個眼動儀追蹤對比測試,給定兩個內容相近的廣告:

唯一的區別是美女的視線,第一幅是直視觀眾,第二幅則看向產品。

得到的熱點圖如下:

結論很明顯:

1、觀眾會追蹤廣告中人物的視線。

2、在banner廣告上放美女時——注意看看那個美女在看**,把你想要傳達的主要內容放那裡。

注意到這個點,我想應該對於我們做推廣的同學更有幫助。

固有屬性指的是使用者 網頁設計中引導使用者視線的小妙招

網頁設計中學會引導使用者的視覺,讓設計更加美觀,達到想要的結果。一 視覺焦點在整個版式當中佔據最大面積的點元素或者被當做點的元素被稱為視覺焦點。當頁面出現視覺焦點的時候,就可以很快吸引使用者的眼球。視覺焦點可以幫助使用者確認閱讀層級,有效的獲取重點部分。二 留白引導留白指的不是顏色的 白 而是空間的...

DOCTYPE對網頁效果的影響

最近在頁面中使用padding控制div的樣式時,其中乙個頁面無論怎麼修改padding都不能起到應有的作用,如下 測試資訊 和其他頁面比較,幾乎沒有差別,但是還是有一點不起眼的差異,那就是兩個檔案開頭的doctype宣告不一樣 出現效果的頁面的doctype是 而另外乙個 將後者改為和前者一致時,...

DOCTYPE對網頁效果的影響

最近在頁面中使用padding控制div的樣式時,其中乙個頁面無論怎麼修改padding都不能起到應有的作用,如下 測試資訊 和其他頁面比較,幾乎沒有差別,但是還是有一點不起眼的差異,那就是兩個檔案開頭的doctype宣告不一樣 出現效果的頁面的doctype是 而另外乙個 將後者改為和前者一致時,...