Z型設計模式，可用于任何視覺布局

2010-02-17 網(wǎng)頁設計

第一個是F模式，主要用于文本（但也可以用于其他目的）。第二個是Z型，可用于任何視覺布局。我們將在下面說明每種方法的優(yōu)缺點。

F模式

F模式是一種視覺趨勢，出現(xiàn)在頁面上載滿大量文字，通常是博客，新聞來源，文章等。

當遇到一個單詞塊時，大多數(shù)讀者會首先在文本左側(cè)向下掃描一條垂直線，通常會在段落的初始句子中查找關鍵字或興趣點。最終，讀者找到了自己喜歡的東西，并開始正常閱讀，形成了水平線。最終結(jié)果是看起來像字母F或E的東西。

尼爾森·諾曼集團（Nielson Norman Group）的Jakob Nielson進行了一項可讀性研究，該研究基于232位用戶掃描了數(shù)千個網(wǎng)站。通過他的研究，他記錄了他認為F模式的實際含義：

前兩段最重要，應該包含您的內(nèi)容。

以誘人的關鍵字開頭段落，小標題和項目符號。

與往常一樣，左上角是最重要的，因為它是所有從左到右閱讀文化的起點。用戶通常會在標題上水平閱讀，因此這里是導航欄和/或號召性用語的好地方。然后，用戶垂直向下掃描左側(cè)，直到遇到感興趣的內(nèi)容。最后，用戶在頁面的右側(cè)結(jié)束，那里是號召性用語或廣告的好地方。只是不要讓側(cè)邊欄淹沒內(nèi)容。

但是F-Pattern并不是一個模板-確實這不是一個精確的實踐，而是更多根據(jù)大多數(shù)用戶的趨勢編寫的寬松指南。請記住這一點，因為F-模式失去其有效性的頂部行后?F。

Kickstarter使用卡片布局來顯示要素項目，并且在開始的500個像素后不會顯得無聊。

另一方面，iZettle 在其首頁上對F-Pattern采用了更常規(guī)的方法。但是，他們設法通過將主要副本（“使用iZettle來發(fā)展您的業(yè)務”）和號召性用語疊加在大型背景圖像上，從而避免了模板化的外觀。我們認為這是使這種閱讀模式適應您的界面布局的最低要求。

另外，Z模式是最簡單，最通用的模式，廣泛用于基于文本的任何網(wǎng)頁。閱讀器首先在頂部水平掃描，向下飛鏢并返回左側(cè)，然后在底部再次水平掃描。

了解通用的Z模式很重要，因為它滿足了網(wǎng)站的核心要求，例如層次結(jié)構，品牌和號召性用語。它的優(yōu)點在于其簡單性，是圍繞號召性用語的網(wǎng)站的理想布局。但是，對于更復雜或過多的內(nèi)容，Z模式可能太簡單了。

認為Z模式適合您的頁面嗎？以下是一些優(yōu)化收益的最佳做法：

此外，Z模式可以重復并擴展到整個頁面。您只需看一下印象筆記如何通過號召性用語和賣點向下彎曲。

印象筆記

DropBox 通過消除所有背景圖像，采用了一種在視覺上更簡單的方法來處理這種曲折模式。取而代之的是，布局中內(nèi)置了更多功能，因為當您的眼睛沿頁面向下移動時，“了解更多”號召性用語可以幫助連接纏繞圖案的每個部分。這也有助于知情的讀者單擊到下一個相關頁面，而無需先閱讀所有副本。

有遠見的視線

出色的界面設計應該像一只看不見的手，以思想的速度引導讀者前進。F模式和Z模式趨勢的重要意義在于，您可以將最重要的內(nèi)容放在讀者自然會“偶然發(fā)現(xiàn)”的地方，而不是試圖強迫他們?nèi)タ此鼈儭?/span>

對于任何頁面布局而言，微妙之處都是一個很大的優(yōu)勢，而這些模式可以使向讀者建議某些內(nèi)容與將其推到喉嚨之間有所杭州網(wǎng)站建設。

上一篇：設計精良的界面可以指導用戶從一個操作轉(zhuǎn)到下一個操作返回觀點列表下一篇：用戶體驗設計不是一個黑白領域，是一個模糊的過程

本文標簽：

本文地址： http://www.bmwdream.cn/a/1403.html

相關專題

品牌官網(wǎng)設計
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設計，品牌官網(wǎng)建設開發(fā)服務，以國際化視野和標準為基礎，為各行業(yè)領軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設計、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術支持及SEO優(yōu)化指導
查看詳情
集團/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團公司提供網(wǎng)頁設計、制作、開發(fā)服務，為集團公司網(wǎng)站建設提供了響應式、營銷型、品牌型、門戶型網(wǎng)站建設需求，歡迎廣大集團公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設計，外貿(mào)官網(wǎng)建設開發(fā)服務，以谷歌搜索引起算法為基礎，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設計、互動與制作
查看詳情
企業(yè)網(wǎng)站建設
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因為派迪科技在這里提供幫助，憑借精湛的技術、豐富的經(jīng)驗、與客戶的持續(xù)溝通以及對每一個細節(jié)的關注，我們確保在快速的周期時間內(nèi)提供優(yōu)質(zhì)的服務。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設方案,如需要獲取本行業(yè)定制網(wǎng)站建設方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情