Godzilla. 2016-12-08
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計制作:如何充分利用網(wǎng)頁右上角?
用戶行為研究顯示,網(wǎng)站的右上角是人眼最少注意的區(qū)域。這只是我們閱讀習慣的反映:我們從左邊開始觀看,向右邊,然后從上到下。本文就來探討一下在網(wǎng)站設(shè)計制作過程中,如何充分利用網(wǎng)頁右上角?
F模式讀取
許多觀看者以“F”模式檢查網(wǎng)站,“F”的頂部條在屏幕上延伸一些,然后它們水平向下移動并掃描信件的第二部分,直到最后他們向下看左,手下部的部位。網(wǎng)站訪問者俯瞰右上角意味著它不是設(shè)計師希望產(chǎn)生點擊或其他操作的重要信息的正確位置。相反,它是理想的上下文圖像,觀看者看到,但不需要閱讀任何文本。
當觀看者第一次查看網(wǎng)站時,大多數(shù)人會看到左上角,希望看到網(wǎng)站的名稱和其他重要信息。他們迅速向下掃描,可能只是向右邊掃視一眼。隨著設(shè)計團隊逐漸了解觀看者的眼睛模式,他們開始使用右上方的較少有趣的內(nèi)容,例如免責聲明,說明,以及標識不同語言版本選項的網(wǎng)站。
較大的網(wǎng)站包含不同的內(nèi)容,所有內(nèi)容都爭奪觀眾的注意力,但左上角仍然是最有價值的空間。右上角是理想的圖像,因為他們被外圍看到,可以傳達信息或下意識地提示情緒。摩恩網(wǎng)絡(luò),專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計、品牌設(shè)計、印刷、APP/微信開發(fā)等產(chǎn)品服務,新上線企業(yè)VI設(shè)計套餐和網(wǎng)站營銷推廣系統(tǒng)(強),歡迎新老顧客前來咨詢!
使用正確的背景圖像
為了說明適合屏幕的右上角網(wǎng)站圖片,讓我們回顧一下兩組不同的背景圖片以及它們?nèi)绾闻c內(nèi)容進行互動。
示例1:芭蕾舞鞋
讓我們從芭蕾場景的兩個不同的圖像開始:一個在框架的右上部分有鞋子,另一個在左邊有鞋子。這里有一些關(guān)于首選“右側(cè)鞋”形象的設(shè)計思路:它清楚地說明了右上角的清晰聚焦圖像的力量。圖像本身是親密的,吸引觀眾進入網(wǎng)站有一種身臨其境的感覺。它離開左下角有點弱,特別是如果上下文內(nèi)容圖像放置在文本的右側(cè),那么右上角將是大主導。 一種可能的解決方案是更豐富的調(diào)色木地板。
網(wǎng)站攝影應該提供一個人性化的觸摸,但創(chuàng)造那種溫暖和個人的外觀是困難的,當尋找方法填補“盲人”的上角。 一個攝影師創(chuàng)造一個組成與注意(和實際焦點)到右上角的一個非常不自然的網(wǎng)站,一個組成的其余部分必須無聊,以提請注意。在上角有太多的支配地位,有可能分散觀眾的注意力,并鼓勵他們在參與之前離開網(wǎng)站。
示例2:秋天的森林路
我們的第二個例子使用兩個大致相似的風景道路扭曲通過秋季森林。 兩個圖像都有一條行進到遠處的道路,但第一條路徑直接朝向右上角,道路到達框架的終點。 第二條道路朝向構(gòu)圖的中心。
讓我們來剖析一下:
道路向右延伸的圖像是理想的,因為它是動態(tài)的,并鼓勵心靈探索和想象可能性。這兩個圖像將受益于更多的森林在圖像的側(cè)面,因為這將更好地適合網(wǎng)頁設(shè)計使用。具有向下通過圖像中間的道路的圖像不是動態(tài)的,并且如果與復制和鏈接的中心塊一起使用,道路本身將丟失。 當使用第一圖像時,觀看者看到道路的兩個連接的部分。
理想情況下,網(wǎng)站背景的圖像應該在右上角具有一些視覺興趣,并且在屏幕頂部具有垂直,縮小的帶。在右手邊應該有一些視覺上的興趣,這是違反許多攝影師的本能,但它是一個設(shè)計風格,適用于有影響力的網(wǎng)站。
文章標簽:
網(wǎng)頁右上角
文章評論: