多用户行為研究顯示,網站的右上角是人眼最少注意的區域。這只是我們閲讀習慣的反映:我們從左邊開始觀看,向右邊,然後從上到下。本文就來探討一下在 WordPress 網站設計製作過程中,如何充分利用網頁右上角?

  F 模式讀取

  許多觀看者以 “F” 模式檢查網站,“F” 的頂部條在屏幕上延伸一些,然後它們水平向下移動並掃描信件的第二部分,直到最後他們向下看左,手下部的部位。網站訪問者俯瞰右上角意味著它不是設計師希望產生點選或其他操作的重要信息的正確位置。相反,它是理想的上下文影像,觀看者看到,但不需要閲讀任何文字。

  當觀看者第一次檢視網站時,大多數人會看到左上角,希望看到網站的名稱和其他重要信息。他們迅速向下掃描,可能只是向右邊掃視一眼。隨著設計團隊逐漸瞭解觀看者的眼睛模式,他們開始使用右上方的較少有趣的內容,例如免責宣告,説明,以及標識不同語言版本選項的網站。

  較大的網站包含不同的內容,所有內容都爭奪觀眾的注意力,但左上角仍然是最有價值的空間。右上角是理想的影像,因為他們被外圍看到,可以傳達信息或下意識地提示情緒。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強),歡迎新老顧客前來諮詢!

  使用正確的背景影像

  為了説明適合屏幕的右上角網站圖片,讓我們回顧一下兩組不同的背景圖片以及它們如何與內容進行互動。

  示例 1:芭蕾舞鞋

  讓我們從芭蕾場景的兩個不同的影像開始:一個在框架的右上部分有鞋子,另一個在左邊有鞋子。這裏有一些關於首選 “右側鞋” 形象的設計思路:它清楚地説明了右上角的清晰聚焦影像的力量。影像本身是親密的,吸引觀眾進入網站有一種身臨其境的感覺。它離開左下角有點弱,特別是如果上下文內容影像放置在文字的右側,那麼右上角將是大主導。 一種可能的解決方案是更豐富的調色木地板。

  網站攝影應該提供一個人性化的觸控,但創造那種温暖和個人的外觀是困難的,當尋找方法填補 “盲人” 的上角。 一個攝影師創造一個組成與注意(和實際焦點)到右上角的一個非常不自然的網站,一個組成的其餘部分必須無聊,以提請注意。在上角有太多的支配地位,有可能分散觀眾的注意力,並鼓勵他們在參與之前離開網站。

  示例 2:秋天的森林路

  我們的第二個例子使用兩個大致相似的風景道路扭曲通過秋季森林。 兩個影像都有一條行進到遠處的道路,但第一條路徑直接朝向右上角,道路到達框架的終點。 第二條道路朝向構圖的中心。

  讓我們來剖析一下:

  道路向右延伸的影像是理想的,因為它是動態的,並鼓勵心靈探索和想象可能性。這兩個影像將受益於更多的森林在影像的側面,因為這將更好地適合 WooCommerce 獨立站網頁設計使用。具有向下通過影像中間的道路的影像不是動態的,並且如果與複製和鏈接的中心塊一起使用,道路本身將丟失。 當使用第一影像時,觀看者看到道路的兩個連線的部分。

  理想情況下,網站背景的影像應該在右上角具有一些視覺興趣,並且在屏幕頂部具有垂直,縮小的帶。在右手邊應該有一些視覺上的興趣,這是違反許多攝影師的本能,但它是一個設計風格,適用於有影響力的網站。