1.圓的線性語言

線性圓形，它的粗細(xì)可自由變化，根據(jù)當(dāng)前設(shè)計(jì)語言的風(fēng)格調(diào)性特征決定的。線性圓形的作用絕大部分都是裝飾，豐富畫面視覺感官，它們大多情況下都是以單色或者黑白灰出現(xiàn)。

如果我們把上圖的圓形線條去掉，設(shè)計(jì)感自然就弱幾分。當(dāng)然如果非要去掉也不會(huì)影響閱讀，有了圓形形式感自然增強(qiáng)許多。

LOGO符號(hào)應(yīng)用，變?yōu)榇志€條

UI界面中應(yīng)用圓形

2.圓形的漸變語言

漸變圓形基本都是以粗塊面為主，它可以呈現(xiàn)出豐富細(xì)膩的質(zhì)感、厚度、虛實(shí)變化的光影。

Sedigas

西班牙天然氣協(xié)會(huì)Sedigas的品牌LOGO更新，通過圓形設(shè)計(jì)語言提取，在多場景下貫穿圓形的應(yīng)用。

Sedigas（可點(diǎn)擊圖片查看視頻或 點(diǎn)擊Sedigas查看原文中內(nèi)視頻）

在品牌視覺語言動(dòng)態(tài)介紹過程中，我們可以看到圓形的應(yīng)用和豐富的變化，圓形與物理世界萬物連接。

來看看其他案例

3.圓形面的特征

當(dāng)圓形以塊面的姿態(tài)出現(xiàn)時(shí)，它更隨和，更加溫潤。塊面的圓形和線性的不一樣，塊面圓形更加厚實(shí)，整體性，更聚焦。大部分情況下作為背景或者承載內(nèi)容的容器。

在UI界面中，有時(shí)候圓形也可作為功能承載，操作區(qū)域更直觀可視化。

當(dāng)以時(shí)裝飾元素使用， 圓形一般都會(huì)用作強(qiáng)調(diào)一些重要信息，同時(shí)也增加設(shè)計(jì)形式感，張力，可玩性。

4.圓形參數(shù)化特征

參數(shù)化圓形，它簡單純粹，以一種單一形態(tài)不斷重復(fù)幾個(gè)甚至幾十個(gè)上百個(gè)的相同的形態(tài)，這些重復(fù)出現(xiàn)的圓形，大部分都是以裝飾視覺效果呈現(xiàn)。

我們可以看到大部分圓形以線性姿態(tài)不斷重復(fù)，而且重復(fù)中帶有規(guī)律可循，比如朝著某個(gè)方向拓展開，這個(gè)方向可以是斜方向、水平或者垂直。

以同心圓的方式向外計(jì)算擴(kuò)散開。

5.圓形的肌理

上面我們講到了圓的線，塊面圓、參數(shù)化形態(tài)和漸變特征，那么在最后這個(gè)模塊，我們可以看到圓形還有一種特殊的存在，那就是肌理，這里說的肌理不是貼圖的那種材質(zhì)，而是通過幾何演變來實(shí)現(xiàn)的，比如通過多條線的組合而形成，下面來看看。

上圖的圓形，由多個(gè)長條幾何形狀不斷重復(fù)形成，這些重復(fù)幾何條狀物就形成了一個(gè)大圓形的肌理視覺特征。

右上角圓形線性陣列，通過重復(fù)小短線條而形成，在一些特殊場景下，這種陣列圓形圖還可以用來打造視覺記憶點(diǎn)或者品牌DNA序列。

圓形應(yīng)用遠(yuǎn)遠(yuǎn)不止這些，比如還有立體、真實(shí)物理質(zhì)感，還有多形態(tài)、空間感營造等等。

今天列舉出來的這5種形態(tài)是我們?cè)O(shè)計(jì)中常用，不過在使用時(shí)候還是需要依據(jù)產(chǎn)品視覺調(diào)性合理應(yīng)用，形式要追隨功能。

原文地址：友設(shè)青年（公眾號(hào)）

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》沒想到用上圓形后，設(shè)計(jì)感瞬間強(qiáng)了很多！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司