在(zai)網站建設中(zhong)，頁(ye)面的設計(ji)是其中(zhong)一個(ge)重要的部分。網站作為一個(ge)企業對(dui)外展示的形(xing)(xing)(xing)(xing)象(xiang)，就好比一個(ge)人的臉面，如果(guo)網站長得足(zu)夠好看，也(ye)能(neng)吸引(yin)不(bu)少人的目光。那么(me)怎么(me)樣才可(ke)以在(zai)眾多的頁(ye)面設計(ji)中(zhong)脫穎(ying)而出(chu)呢？從形(xing)(xing)(xing)(xing)狀心理學的角度(du)來(lai)看，圓(yuan)(yuan)形(xing)(xing)(xing)(xing)和環形(xing)(xing)(xing)(xing)有著完整、和諧的心理學特征，在(zai)很多不(bu)同的場合，它常(chang)常(chang)會(hui)拿來(lai)傳達愛情、能(neng)量的意象(xiang)。在(zai)Material Design的規范中(zhong)，圓(yuan)(yuan)形(xing)(xing)(xing)(xing)按鈕(niu)被大(da)規模運用(yong)，并(bing)且由此開(kai)始，圓(yuan)(yuan)形(xing)(xing)(xing)(xing)在(zai)UI設計(ji)中(zhong)開(kai)始承擔越來(lai)越多的責任。今天(tian)我們就一起來(lai)看看，如何運用(yong)圓(yuan)(yuan)形(xing)(xing)(xing)(xing)元素更(geng)好為我們的網站加分吸睛。

　　1.重點聚焦

　　幾(ji)何圖(tu)(tu)(tu)形(xing)的(de)(de)都(dou)擁(yong)有(you)一(yi)定的(de)(de)聚焦重點的(de)(de)作(zuo)用(yong)(yong)，網站如果想(xiang)要用(yong)(yong)圓形(xing)幾(ji)何，使用(yong)(yong)圓形(xing)色塊的(de)(de)效果會(hui)比較好(hao)。比如下圖(tu)(tu)(tu)中的(de)(de)網站模板：使用(yong)(yong)紅(hong)色的(de)(de)半(ban)透明(ming)圓形(xing)色塊，把用(yong)(yong)戶目光聚焦于(yu)色塊內的(de)(de)文案，半(ban)透明(ming)的(de)(de)效果讓實景(jing)大圖(tu)(tu)(tu)背景(jing)保持完(wan)善，不會(hui)形(xing)成(cheng)圖(tu)(tu)(tu)片被色塊突兀切割(ge)的(de)(de)視(shi)覺感(gan)，紅(hong)色的(de)(de)色塊與背景(jing)色也可以很好(hao)搭配，形(xing)成(cheng)一(yi)幅色彩鮮(xian)艷(yan)，但有(you)又充滿活力(li)的(de)(de)Banner圖(tu)(tu)(tu)。

　　2.界面引用

　　界面(mian)中圓形運用在(zai)一些數據(ju)可視化(hua)，導航目錄(lu)，進度，狀態(tai)等以及需要科技感的(de)頁面(mian)場景，以及常用UI元素(su)按鈕，頭像等。可以

　　局部、疊(die)加(jia)，組合來(lai)調整(zheng)達到很棒的頁面效果。

　　3.突出內容

　　圓也(ye)可以看做是一種(zhong)輪回、閉環(huan)，這(zhe)一性質用(yong)(yong)(yong)于(yu)內(nei)(nei)容的(de)分點展示可以引導用(yong)(yong)(yong)戶實現，也(ye)更易于(yu)用(yong)(yong)(yong)戶的(de)理解，比如下圖的(de)網站模(mo)板中(zhong)：內(nei)(nei)容以圓為中(zhong)心展開，分布在同(tong)一條(tiao)圓線上，有(you)很好的(de)引導效果，用(yong)(yong)(yong)戶的(de)視(shi)線會下意識圍繞者這(zhe)個軌道環(huan)視(shi)閱讀內(nei)(nei)容。

　　在網站設計中要知(zhi)道每一種(zhong)常用(yong)設計元素的(de)(de)作(zuo)用(yong)是什么，有什么樣(yang)的(de)(de)效果(guo)，才(cai)能更好進行設計與(yu)運(yun)用(yong)。圖(tu)形(xing)(xing)里面(mian)如(ru)果(guo)用(yong)的(de)(de)最多的(de)(de)圖(tu)形(xing)(xing)，那當屬圓不可，他造(zao)型比(bi)較簡單，局部，疊(die)加，組合都能達到很棒效果(guo)，包容性(xing)非常強，好好的(de)(de)運(yun)用(yong)以(yi)上的(de)(de)技巧可以(yi)讓我(wo)們(men)的(de)(de)頁面(mian)更加與(yu)眾不同。