在(zài)網站建設中，頁面的(de)設計是(shì)其中一(yī / yì ／yí)個(gè)重要(yào / yāo)的(de)部分。網站作爲(wéi / wèi)一(yī / yì ／yí)個(gè)企業對外展示的(de)形象，就(jiù)好比一(yī / yì ／yí)個(gè)人(rén)的(de)臉面，如果網站長得足夠好看，也(yě)能吸引不(bù)少人(rén)的(de)目光。那麽怎麽樣才可以(yǐ)在(zài)衆多的(de)頁面設計中脫穎而(ér)出(chū)呢？從形狀心理學的(de)角度來(lái)看，圓形和(hé / huò)環形有着完整、和(hé / huò)諧的(de)心理學特征，在(zài)很多不(bù)同的(de)場合，它常常會拿來(lái)傳達愛情、能量的(de)意象。在(zài)Material Design的(de)規範中，圓形按鈕被大(dà)規模運用，并且由此開始，圓形在(zài)UI設計中開始承擔越來(lái)越多的(de)責任。今天我們就(jiù)一(yī / yì ／yí)起來(lái)看看，如何運用圓形元素更好爲(wéi / wèi)我們的(de)網站加分吸睛。
1.重點聚焦
幾何圖形的(de)都擁有一(yī / yì ／yí)定的(de)聚焦重點的(de)作用，網站如果想要(yào / yāo)用圓形幾何，使用圓形色塊的(de)效果會比較好。比如下圖中的(de)網站模闆：使用紅色的(de)半透明圓形色塊，把用戶目光聚焦于(yú)色塊内的(de)文案，半透明的(de)效果讓實景大(dà)圖背景保持完善，不(bù)會形成圖片被色塊突兀切割的(de)視覺感，紅色的(de)色塊與背景色也(yě)可以(yǐ)很好搭配，形成一(yī / yì ／yí)幅色彩鮮豔，但有又充滿活力的(de)Banner圖。
2.界面引用
界面中圓形運用在(zài)一(yī / yì ／yí)些數據可視化，導航目錄，進度，狀态等以(yǐ)及需要(yào / yāo)科技感的(de)頁面場景，以(yǐ)及常用UI元素按鈕，頭像等。可以(yǐ)
局部、疊加，組合來(lái)調整達到(dào)很棒的(de)頁面效果。
3.突出(chū)内容
圓也(yě)可以(yǐ)看做是(shì)一(yī / yì ／yí)種輪回、閉環，這(zhè)一(yī / yì ／yí)性質用于(yú)内容的(de)分點展示可以(yǐ)引導用戶實現，也(yě)更易于(yú)用戶的(de)理解，比如下圖的(de)網站模闆中：内容以(yǐ)圓爲(wéi / wèi)中心展開，分布在(zài)同一(yī / yì ／yí)條圓線上(shàng)，有很好的(de)引導效果，用戶的(de)視線會下意識圍繞者這(zhè)個(gè)軌道(dào)環視閱讀内容。
在(zài)網站設計中要(yào / yāo)知道(dào)每一(yī / yì ／yí)種常用設計元素的(de)作用是(shì)什麽，有什麽樣的(de)效果，才能更好進行設計與運用。圖形裏面如果用的(de)最多的(de)圖形，那當屬圓不(bù)可，他(tā)造型比較簡單，局部，疊加，組合都能達到(dào)很棒效果，包容性非常強，好好的(de)運用以(yǐ)上(shàng)的(de)技巧可以(yǐ)讓我們的(de)頁面更加與衆不(bù)同。
