今天和大家分享圓形在設(shè)計(jì)中的應(yīng)用。圓形象征著圓滿、融合、和諧、自然，在設(shè)計(jì)中具有非常強(qiáng)的包容性，由于其自身的可拓展性，將圓進(jìn)行拉伸、疊加、重復(fù)都可以得到不一樣的視覺體驗(yàn)。今天帶著大家了解圓形的設(shè)計(jì)之美，希望幫你打開不一樣的視角。

 圓形在畫面中的作用 

圓形在畫面中主要有三個(gè)作用分別是：承載信息、烘托氛圍、表達(dá)意向。

1.運(yùn)用圓形可以承載信息

相比于方形，圓形焦點(diǎn)更為集中，可以讓用戶將目光聚焦在圓心上，同時(shí)圓形本身沒有棱角，非常穩(wěn)定，在畫面中有一種平衡的視覺體驗(yàn)。

2.運(yùn)用圓形元素烘托氛圍

在電商或分享H5頁面中，經(jīng)常會出現(xiàn)圓形作為背景輔助圖形來烘托氛圍。圓形拓展性極強(qiáng)，可以根據(jù)主體內(nèi)容對圓形進(jìn)行不同的視覺處理，如線性、面形、重疊、3D立體等，以此來豐富整個(gè)畫面的氣氛。

3.運(yùn)用圓形物體表達(dá)意象

圓形最早是從自然中觀察得出的幾何圖形，太陽、行星、光輝、光暈等都是圓形的具象表現(xiàn)，而從具象表現(xiàn)中中延伸出的團(tuán)圓、圓滿、融合、和諧等意象也可以用圓形來表達(dá)。

 圓形在設(shè)計(jì)中的應(yīng)用 

UI界面

UI中的圓形主要以內(nèi)容選項(xiàng)、進(jìn)度展示、按鈕、數(shù)據(jù)可視化等方面為主。在UI界面的應(yīng)用上，圓形的表現(xiàn)形式都比較簡單，主要通過顏色及投影來豐富細(xì)節(jié)。

電商設(shè)計(jì)

圓形在電商的應(yīng)用主要是在背景中，起到烘托氛圍、襯托主體的作用。要注意的是，不要過分突出圓形，視覺層級要拉開，用戶視覺重心要放在主體物上。

平面視覺

在平面視覺中，圓形起到了承接主體物和背景的作用，通過圓形來表現(xiàn)產(chǎn)品或者表達(dá)情緒。具體應(yīng)用于承載主體信息和烘托氛圍。圓的表現(xiàn)形式豐富多樣，可以根據(jù)畫面的需求來選擇圓形的形式，例如塊面、線條、紋理、正負(fù)形、組合、融合等。

品牌設(shè)計(jì)

越來越多的品牌將圓形或圓形的變體作為輔助圖形應(yīng)用到品牌中。重復(fù)圓形和曲線，不斷加深用戶對于品牌的視覺印象。圓形線條柔和，具有很強(qiáng)的包容性，通過對圓的重復(fù)、融合、疊加、描邊等形式來達(dá)到不同場景的應(yīng)用。

概念設(shè)計(jì)

隨著技術(shù)的發(fā)展，VR、AR等概念設(shè)計(jì)也層出不窮。在這類設(shè)計(jì)中，經(jīng)常使用圓形來表現(xiàn)儀表盤、爆炸圖等科技感的元素。在具體設(shè)計(jì)時(shí)，背景使用暗色背景，主體物使用飽和度高、明度高的冷色，通過色彩透明度來展示主體物不同的結(jié)構(gòu)。

 運(yùn)用中要注意的點(diǎn) 

色彩

圓形設(shè)計(jì)在應(yīng)用中要注意色彩的使用，可以使用漸變色增加畫面的呼吸感，減少整個(gè)塊面的圓形帶來的沉悶感，也可以使用飽和度較高的亮色，這樣可以將圓形與背景拉開視覺層次，來承載信息或烘托氛圍。

表現(xiàn)形式

圓形設(shè)計(jì)包容性極強(qiáng)，內(nèi)部塊面可以承載不同的表現(xiàn)形式，例如，曲線、波點(diǎn)、材質(zhì)、色彩等，外部描邊可以將圓作為圓環(huán)、曲線等。

▲ 材質(zhì)表現(xiàn)

▲ 波普風(fēng)圓形在電商中的應(yīng)用

▲ 圓形的變形展示

不出現(xiàn)無意義的圓

▲ 抽象展示的圓形要符合畫面整體所表達(dá)的意向

▲ 具象展示的圓形要符合大家日常的認(rèn)知

 總結(jié) 

圓形元素在畫面中主要起到承接主體物、烘托氛圍和表達(dá)具體意象的作用。

圓形元素在Ul界面、電商設(shè)計(jì)、平面設(shè)計(jì)、品牌設(shè)計(jì)、AR/VR設(shè)計(jì)中有著不同的設(shè)計(jì)策略。設(shè)計(jì)時(shí)要根據(jù)具體使用場景進(jìn)行設(shè)計(jì)。

圓形元素有很強(qiáng)的包容性和延展性，在設(shè)計(jì)時(shí)可根據(jù)畫面對圓進(jìn)行不同的處理，如線性、面形、材質(zhì)、重復(fù)和3D立體效果等。