在設(shè)計(jì)中，在頁(yè)面上建立焦點(diǎn)很重要。這為訪問(wèn)者提供了一個(gè)開(kāi)始瀏覽網(wǎng)站并向他們顯示重要信息的地方。它提供了指導(dǎo)，并幫助傳達(dá)了您希望他們下一步做什么（即在哪里進(jìn)行轉(zhuǎn)換）。

當(dāng)我們使用視覺(jué)層次結(jié)構(gòu)時(shí)，我們使訪問(wèn)者更容易找到他們想要的東西。它為轉(zhuǎn)換提供了明確的途徑，并有助于突出我們希望訪客采取的行動(dòng)。

下面15條黃金法則，*，這些原則應(yīng)該可以幫助您實(shí)現(xiàn)網(wǎng)站營(yíng)銷(xiāo)和網(wǎng)站設(shè)計(jì)目標(biāo)。讓我們?cè)僬勔恍╆P(guān)于它們的信息：

1.聯(lián)絡(luò)點(diǎn)

焦點(diǎn)是構(gòu)圖中的一個(gè)感興趣區(qū)域，該區(qū)域捕獲并吸引了觀眾的注意力。在網(wǎng)頁(yè)設(shè)計(jì)中，這通常是重要的號(hào)召性用語(yǔ)或形式。

2.運(yùn)動(dòng)

人眼會(huì)自動(dòng)吸引到某些興趣點(diǎn)。盡管這取決于個(gè)人，但大多數(shù)人傾向于遵循趨勢(shì)，包括他們?nèi)绾螢g覽網(wǎng)站。

從左到右閱讀的文化有兩種閱讀模式：Z模式和F模式。使您的設(shè)計(jì)/文本與這些移動(dòng)方式保持一致，可以幫助您更好地接收內(nèi)容。如果您的訪客沒(méi)有按照您希望的方式移動(dòng)，則遵循這些模式的A / B測(cè)試布局可能會(huì)非常有用。

3.黃金分割

TutsPlus好地定義了它，他說(shuō)：“黃金比例是自然界中常見(jiàn)的一種數(shù)學(xué)比例，在古典設(shè)計(jì)理論中用于創(chuàng)建平衡的構(gòu)圖。”簡(jiǎn)而言之，它的布局讓人聯(lián)想起螺旋形。您可以在這里看到花朵和貝殼中的花朵。

4.平衡

在設(shè)計(jì)方面，平衡是元素對(duì)稱(chēng)時(shí)。它創(chuàng)造和諧，秩序和凝聚力。另一方面，您可能會(huì)出現(xiàn)不對(duì)稱(chēng)現(xiàn)象，從而導(dǎo)致視覺(jué)上有趣的結(jié)果返回。

5.重復(fù)

重復(fù)很棒，代表了相對(duì)的重要性。例如，假設(shè)您所有的標(biāo)題或子標(biāo)題都具有特定的大小和顏色。用戶(hù)可能會(huì)看到一個(gè)模式并賦予其含義。文字和號(hào)召性用語(yǔ)中的鏈接也是如此。

6.空白

用Web設(shè)計(jì)的術(shù)語(yǔ)來(lái)說(shuō)，空白是指“圖形，列，圖像，文本，邊距和其他元素之間的空間。”

它是重要的設(shè)計(jì)工具之一，因?yàn)樗鼪Q定了頁(yè)面的流動(dòng)方式，讀取方式以及對(duì)視覺(jué)層次結(jié)構(gòu)的幫助。它可以使您的訪客有時(shí)間喘口氣，并可以幫助某些元素脫穎而出。

7.視覺(jué)三角

可視三角形是當(dāng)您使用三個(gè)元素在要強(qiáng)調(diào)的內(nèi)容周?chē)鷦?chuàng)建“三角形”時(shí)。這是剪貼簿中常用的設(shè)計(jì)技術(shù)。在此處了解更多信息。

8.紋理

添加一些紋理以幫助小化負(fù)空間。在空的空間中添加紋理可以從戰(zhàn)略上吸引訪問(wèn)者的注意力。

9.類(lèi)型

正確的字體不僅有助于印刷層次結(jié)構(gòu)和組織設(shè)計(jì)，而且樣式選擇有助于設(shè)計(jì)的整體風(fēng)格，是一種自然的強(qiáng)調(diào)方式。例如，將裝飾性字體與更簡(jiǎn)單的sans-serif配對(duì)是確定文本之間視覺(jué)差異和重要性的好方法。

10.隨機(jī)

有時(shí)違背模式并隨機(jī)進(jìn)行可能會(huì)有利于您，但是必須計(jì)算隨機(jī)性。您不能在沒(méi)有任何特定原因的情況下就開(kāi)始在設(shè)計(jì)上拋出元素。有策略地使用它。打破通常的設(shè)計(jì)或模板，對(duì)吸引特定項(xiàng)目并脫穎而出非常有效。

11.規(guī)則

標(biāo)準(zhǔn)尺寸，模板，網(wǎng)格；這些都是在這里指導(dǎo)您的，但是您不必總是遵循這些“規(guī)則”。打破它們是創(chuàng)建視覺(jué)興趣和吸引注意力的簡(jiǎn)單方法之一。

12.對(duì)齊

如上所述，使用網(wǎng)格有助于使元素保持一致，這有助于使事物井井有條，也使您的網(wǎng)站更易于開(kāi)發(fā)和適應(yīng)多種設(shè)備。

13.線

從熱圖我們知道，大多數(shù)西方游客遵循從左到右閱讀的趨勢(shì)。不要讓訪問(wèn)者的視線到處亂跳，保持直線。

14.對(duì)比

對(duì)比度可以包含以下元素：顏色，紋理，形狀，方向或大小。這是創(chuàng)建視覺(jué)重要性并告訴人們?cè)陧?yè)面上看什么的簡(jiǎn)單方法之一。考慮使用鮮紅色或橙色的號(hào)召性用語(yǔ)。

15.三分法則

這是一種簡(jiǎn)單的技術(shù)，您可以將設(shè)計(jì)分為三行三列。垂直線和水平線相交的點(diǎn)就是焦點(diǎn)。

當(dāng)前名稱(chēng)：網(wǎng)站設(shè)計(jì)視覺(jué)層次結(jié)構(gòu)的15條重要法則
網(wǎng)頁(yè)地址：http://www.kartarina.com/news3/209753.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)