沒想到用上圓形后,設計感瞬間強了很多!

2022-5-9    lanlanwork


1.圓的線性語言

圖片

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

圖片

如果我們把上圖的圓形線條去掉,設計感自然就弱幾分。當然如果非要去掉也不會影響閱讀,有了圓形形式感自然增強許多。

圖片

LOGO符號應用,變?yōu)榇志€條

圖片

UI界面中應用圓形

 

2.圓形的漸變語言

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

圖片

Sedigas

 

西班牙天然氣協(xié)會Sedigas的品牌LOGO更新,通過圓形設計語言提取,在多場景下貫穿圓形的應用。

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

 

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

來看看其他案例

圖片

圖片

 

3.圓形面的特征

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

圖片

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

圖片

當以時裝飾元素使用, 圓形一般都會用作強調(diào)一些重要信息,同時也增加設計形式感,張力,可玩性。

圖片

圖片

圖片

 

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

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

圖片

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

圖片

以同心圓的方式向外計算擴散開。

圖片

圖片

圖片

 

5.圓形的肌理

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

圖片

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

圖片

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

圖片

圖片

圓形應用遠遠不止這些,比如還有立體、真實物理質(zhì)感,還有多形態(tài)、空間感營造等等。

 

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

原文地址:友設青年(公眾號)

轉(zhuǎn)載請注明:學UI網(wǎng)》沒想到用上圓形后,設計感瞬間強了很多!

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

截屏2021-05-13 上午11.41.03.png

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

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

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


日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔