F式布局的設計基礎是用戶掃視內容的時候，實現的運動軌跡和字母F相似，而布局匹配這種這種閱讀方式可以讓用戶更快（Fast）地獲取信息，因此得名為F式布局。雖然網頁排版方式千變萬化，但是布局方式通常都遵循著幾種常見的規則。在諸多布局方式當中，F式布局是可用性較強，且適用范圍較廣的一種。今天創新互聯小編來和大家探討F式布局在網頁中的運用。

一、內容的優先級

如果你對于頁面中內容的輕重緩急有著足夠的了解，那么就可以結合用戶的瀏覽習慣，將重要的內容排布在用戶視線時常停留的位置。讓這些呈現重要內容的“熱點區域”承載核心的交互。

二、設置初始預期

文本的前幾段內容是非常之重要的。盡量讓最核心、最重點的內容放置在頁面的頂端，這也是為什么標題、引言和導航欄是如此的重要的原因。

三、為速讀而設計

用戶通常不會一個字一個詞地閱讀文章，而是通過意群來獲取內容，所以，你需要將可能包含用戶感興趣內容的意群按照F式布局來排布，這樣可以盡可能高效地呈現內容：

1.段落以新鮮有趣、關鍵核心的詞匯開頭。

2.用戶會優先查看優先級高的元素（也就是視覺重量最重的區域）。因此，在文本為主的網站中，你應該突出文本本身的重要性（比如關鍵詞），并且借助配色等元素，強化按鈕等涉及關鍵交互的元素的存在感。

3.每個段落陳述一件事情，并盡量有針對性地陳述。

4.將最重要的元素（諸如CTA按鈕等）置于最左側或者最右側，也就是用戶閱讀的起始部分。這個時候，用戶通常會有閱讀的停頓，而這個時刻可以讓他們有額外的時間來考慮并且選擇下一步的交互。

四、善用側邊欄

側邊欄通?？梢詭椭脩羯钊氲较乱粋€層級，用戶的交互也更加的深入：

1.提供用戶想要看到的內容，而不是廣告、相關文章和小控件這樣的東西。

2.將它設計成為用戶找到特定內容的工具。最常見的設計是目錄列表，標簽云和“最多點擊”文章列表。
五、避免無聊的布局

F式布局大的問題是它會讓整個頁面看起來比較無聊。相似而重復的內容出現在整個頁面的不同位置，用戶很可能在相似的布局中快速感到疲倦。所以，你需要創造一些和打破尷尬格局的元素，讓用戶不斷調整注意力，持續的閱讀。
總結：F式布局是遵循人類瀏覽信息的趨勢和習慣的，它能幫你優化布局與結構，但有趣的設計和良好的可讀性同等重要，如何兼顧兩者也是設計師需要考慮的問題。

標簽：網頁設計網站排版 創新互聯

文章名稱：F式布局在網頁排版中的運用
本文路徑：http://m.kartarina.com/news/188543.html

成都網站建設公司_創新互聯，為您提供定制開發、外貿建站、搜索引擎優化、網站排名、品牌網站設計、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯