當(dāng)前位置：首頁 > 觀瀾網(wǎng)頁設(shè)計(jì)觀瀾網(wǎng)頁設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)技巧:網(wǎng)頁設(shè)計(jì)中的F式布局

日期：2018-03-08 人氣：1419632

導(dǎo)讀： F式布局簡介F式布局是一種很科學(xué)的布局方法，基本原理依據(jù)了大量的眼動(dòng)研究。一般來說，用戶瀏覽網(wǎng)頁的視覺軌跡是這樣的——先看看頂部，然后看看左上角，然后沿著左邊緣順勢(shì)直下….而用戶往往不太注意右邊的信息，這是不是有點(diǎn)像字母F?據(jù)此，我們習(xí)慣性的把重要元素（諸如品牌Logo，導(dǎo)航，行為召喚控件）放在左邊，而右邊一般放置一些對(duì)用戶無關(guān)緊要的廣告信息。&n

F式布局簡介

F式布局是一種很科學(xué)的布局方法，基本原理依據(jù)了大量的眼動(dòng)研究。一般來說，用戶瀏覽網(wǎng)頁的視覺軌跡是這樣的——先看看頂部，然后看看左上角，然后沿著左邊緣順勢(shì)直下….而用戶往往不太注意右邊的信息，這是不是有點(diǎn)像字母F?據(jù)此，我們習(xí)慣性的把重要元素（諸如品牌Logo，導(dǎo)航，行為召喚控件）放在左邊，而右邊一般放置一些對(duì)用戶無關(guān)緊要的廣

F式布局原理

F式布局能夠奏效的原因，在于F式布局符合用戶的瀏覽習(xí)慣，更自然。符合“從上到下，從左到右”的閱讀模式。

但是這種閱讀模式有利也有弊：

這樣一來，最有價(jià)值的內(nèi)容只能放置在頁面頂部了。有些俗套

文本內(nèi)容無法有效的引起用戶注意，用戶甚至連摘要都懶得讀，看看標(biāo)題就“過”了

網(wǎng)頁過分注重對(duì)“標(biāo)題”和“圖像”的包裝，無疑不符合內(nèi)容至上的原則

在采用F式布局進(jìn)行設(shè)計(jì)師，很多設(shè)計(jì)師感覺自己不像是設(shè)計(jì)師，而想是制造噱頭的“廣告商”。網(wǎng)頁設(shè)計(jì)太具備功利性，只追求一時(shí)的瀏覽量，不遵循“內(nèi)容為王”的原則，很多用戶第一次可能感覺不錯(cuò)，但是看了內(nèi)容后大呼上當(dāng)，可能下一次他們就不會(huì)再次訪問該網(wǎng)頁了。

因此，設(shè)計(jì)師要協(xié)調(diào)好內(nèi)容與布局之間的關(guān)系。這就有點(diǎn)像武俠小說了，內(nèi)容好比內(nèi)力，布局好比招式�；ㄈC腿再漂亮，內(nèi)力深厚的人一招便能“以力破巧”

那么右面的側(cè)邊欄該要怎么設(shè)計(jì)呢？這里給出兩點(diǎn)建議：

1.呈遞相關(guān)內(nèi)容。比如和網(wǎng)站主題相關(guān)的鏈接、廣告，相關(guān)閱讀推薦，社交媒體微件等等。不要為了牟利而放置些低俗的、和內(nèi)容不相干的廣告。

2.可以防止一些內(nèi)容檢索工具，比如過標(biāo)簽、文章檢索、最熱文章等等。

總結(jié)

不管設(shè)計(jì)趨勢(shì)怎么變，F(xiàn)式布局暗藏的原理不會(huì)過時(shí)，因?yàn)檫@是用戶長期的習(xí)慣。

或者說，F(xiàn)式布局只是一個(gè)幌子，本文的目的是為了強(qiáng)化大家對(duì)用戶長期閱讀習(xí)慣的理解——“從上到下，從左到右”，盡管這有點(diǎn)老生長談，但是經(jīng)過本文形象化的剖析，你是否也有所感悟了呢？對(duì)于節(jié)奏的切分，你又產(chǎn)生了什么新的看法？

吸引人的圖像、具有噱頭的標(biāo)題僅僅是花招，內(nèi)容才是王道，如何結(jié)合，如何兩者兼而有之，設(shè)計(jì)師需要走得更遠(yuǎn)。

讓布局不僅僅是一種方法，我們可以看的更遠(yuǎn)，融入一些用戶體驗(yàn)設(shè)計(jì)元素。嘗試一下，讓你的設(shè)計(jì)不斷“升級(jí)”。

文本來自采集文章 http://wzl15.cn/24/152.html 如需轉(zhuǎn)載或刪除，請(qǐng)聯(lián)系管理員。

上一條：三月，將會(huì)流行的3種網(wǎng)頁設(shè)計(jì)趨勢(shì)

下一條：網(wǎng)頁設(shè)計(jì)色彩搭配之清淡柔和的蠟筆色

< 返回上一級(jí)