2022-10-31 分類: 網(wǎng)站設計
在設計中,在頁面上建立焦點很重要。這為訪問者提供了一個開始瀏覽網(wǎng)站并向他們顯示重要信息的地方。它提供了指導,并幫助傳達了您希望他們下一步做什么(即在哪里進行轉(zhuǎn)換)。
當我們使用視覺層次結(jié)構(gòu)時,我們使訪問者更容易找到他們想要的東西。它為轉(zhuǎn)換提供了明確的途徑,并有助于突出我們希望訪客采取的行動。
下面15條黃金法則,*,這些原則應該可以幫助您實現(xiàn)網(wǎng)站營銷和網(wǎng)站設計目標。讓我們再談一些關于它們的信息:
1.聯(lián)絡點
焦點是構(gòu)圖中的一個感興趣區(qū)域,該區(qū)域捕獲并吸引了觀眾的注意力。在網(wǎng)頁設計中,這通常是重要的號召性用語或形式。
2.運動
人眼會自動吸引到某些興趣點。盡管這取決于個人,但大多數(shù)人傾向于遵循趨勢,包括他們?nèi)绾螢g覽網(wǎng)站。
從左到右閱讀的文化有兩種閱讀模式:Z模式和F模式。使您的設計/文本與這些移動方式保持一致,可以幫助您更好地接收內(nèi)容。如果您的訪客沒有按照您希望的方式移動,則遵循這些模式的A / B測試布局可能會非常有用。
3.黃金分割
TutsPlus好地定義了它,他說:“黃金比例是自然界中常見的一種數(shù)學比例,在古典設計理論中用于創(chuàng)建平衡的構(gòu)圖?!焙喍灾牟季肿屓寺?lián)想起螺旋形。您可以在這里看到花朵和貝殼中的花朵。
4.平衡
在設計方面,平衡是元素對稱時。它創(chuàng)造和諧,秩序和凝聚力。另一方面,您可能會出現(xiàn)不對稱現(xiàn)象,從而導致視覺上有趣的結(jié)果返回。
5.重復
重復很棒,代表了相對的重要性。例如,假設您所有的標題或子標題都具有特定的大小和顏色。用戶可能會看到一個模式并賦予其含義。文字和號召性用語中的鏈接也是如此。
6.空白
用Web設計的術語來說,空白是指“圖形,列,圖像,文本,邊距和其他元素之間的空間。”
它是重要的設計工具之一,因為它決定了頁面的流動方式,讀取方式以及對視覺層次結(jié)構(gòu)的幫助。它可以使您的訪客有時間喘口氣,并可以幫助某些元素脫穎而出。
7.視覺三角
可視三角形是當您使用三個元素在要強調(diào)的內(nèi)容周圍創(chuàng)建“三角形”時。這是剪貼簿中常用的設計技術。在此處了解更多信息。
8.紋理
添加一些紋理以幫助小化負空間。在空的空間中添加紋理可以從戰(zhàn)略上吸引訪問者的注意力。
9.類型
正確的字體不僅有助于印刷層次結(jié)構(gòu)和組織設計,而且樣式選擇有助于設計的整體風格,是一種自然的強調(diào)方式。例如,將裝飾性字體與更簡單的sans-serif配對是確定文本之間視覺差異和重要性的好方法。
10.隨機
有時違背模式并隨機進行可能會有利于您,但是必須計算隨機性。您不能在沒有任何特定原因的情況下就開始在設計上拋出元素。有策略地使用它。打破通常的設計或模板,對吸引特定項目并脫穎而出非常有效。
11.規(guī)則
標準尺寸,模板,網(wǎng)格;這些都是在這里指導您的,但是您不必總是遵循這些“規(guī)則”。打破它們是創(chuàng)建視覺興趣和吸引注意力的簡單方法之一。
12.對齊
如上所述,使用網(wǎng)格有助于使元素保持一致,這有助于使事物井井有條,也使您的網(wǎng)站更易于開發(fā)和適應多種設備。
13.線
從熱圖我們知道,大多數(shù)西方游客遵循從左到右閱讀的趨勢。不要讓訪問者的視線到處亂跳,保持直線。
14.對比
對比度可以包含以下元素:顏色,紋理,形狀,方向或大小。這是創(chuàng)建視覺重要性并告訴人們在頁面上看什么的簡單方法之一??紤]使用鮮紅色或橙色的號召性用語。
15.三分法則
這是一種簡單的技術,您可以將設計分為三行三列。垂直線和水平線相交的點就是焦點。
網(wǎng)站標題:網(wǎng)站設計視覺層次結(jié)構(gòu)的15條重要法則
分享鏈接:http://jinyejixie.com/news/209753.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容