1.圓的線性語言
線性圓形,它的粗細可自由變化,根據當前設計語言的風格調性特征決定的。線性圓形的作用絕大部分都是裝飾,豐富畫面視覺感官,它們大多情況下都是以單色或者黑白灰出現。
如果我們把上圖的圓形線條去掉,設計感自然就弱幾分。當然如果非要去掉也不會影響閱讀,有了圓形形式感自然增強許多。
LOGO符號應用,變為粗線條
UI界面中應用圓形
2.圓形的漸變語言
漸變圓形基本都是以粗塊面為主,它可以呈現出豐富細膩的質感、厚度、虛實變化的光影。
Sedigas
西班牙天然氣協會Sedigas的品牌LOGO更新,通過圓形設計語言提取,在多場景下貫穿圓形的應用。
Sedigas(可點擊圖片查看視頻或 點擊Sedigas查看原文中內視頻)
在品牌視覺語言動態介紹過程中,我們可以看到圓形的應用和豐富的變化,圓形與物理世界萬物連接。
來看看其他案例
3.圓形面的特征
當圓形以塊面的姿態出現時,它更隨和,更加溫潤。塊面的圓形和線性的不一樣,塊面圓形更加厚實,整體性,更聚焦。大部分情況下作為背景或者承載內容的容器。
在UI界面中,有時候圓形也可作為功能承載,操作區域更直觀可視化。
當以時裝飾元素使用, 圓形一般都會用作強調一些重要信息,同時也增加設計形式感,張力,可玩性。
4.圓形參數化特征
參數化圓形,它簡單純粹,以一種單一形態不斷重復幾個甚至幾十個上百個的相同的形態,這些重復出現的圓形,大部分都是以裝飾視覺效果呈現。
我們可以看到大部分圓形以線性姿態不斷重復,而且重復中帶有規律可循,比如朝著某個方向拓展開,這個方向可以是斜方向、水平或者垂直。
以同心圓的方式向外計算擴散開。
5.圓形的肌理
上面我們講到了圓的線,塊面圓、參數化形態和漸變特征,那么在最后這個模塊,我們可以看到圓形還有一種特殊的存在,那就是肌理,這里說的肌理不是貼圖的那種材質,而是通過幾何演變來實現的,比如通過多條線的組合而形成,下面來看看。
上圖的圓形,由多個長條幾何形狀不斷重復形成,這些重復幾何條狀物就形成了一個大圓形的肌理視覺特征。
右上角圓形線性陣列,通過重復小短線條而形成,在一些特殊場景下,這種陣列圓形圖還可以用來打造視覺記憶點或者品牌DNA序列。
圓形應用遠遠不止這些,比如還有立體、真實物理質感,還有多形態、空間感營造等等。
今天列舉出來的這5種形態是我們設計中常用,不過在使用時候還是需要依據產品視覺調性合理應用,形式要追隨功能。
原文地址:友設青年(公眾號)
轉載請注明:學UI網》沒想到用上圓形后,設計感瞬間強了很多!
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、
UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司