UI設計教程,新手如何快速出壹套界面標
壹. 面形圖標
面形圖標的視覺占比大,有比較強的視覺表達力,通常用在應用中的主要入口。最新的蘋果iOS 11底部標簽欄就使用了面形圖標。那麽面型圖標的風格要如何統壹呢?
1.正形
面形圖標的正形使用,要統壹風格,要註意的是:
a. 面的面積
b.負形的面積
c. 線條的統壹
d. 形的統壹,可以從形的形狀,圓角進行統壹
2.反白
面形圖標的反白使用,反白使用時,除了正形圖標的3個註意點,還需註意圖標和背板的尺寸比例,比例並沒有嚴格的規定,但是建議用0.618黃金比例。
註意點如下:
a. 面的面積
b. 負形的面積
c. 線條的統壹
d. 形的構成統壹。比如:圓角統壹
e. 背板和圖標的比例
二.線形圖標
線形圖標比較輕量化,減少視覺幹擾,讓用戶集中在產品核心功能上。在iOS11以前,iOS原生應用的導航欄,標簽欄,工具欄全部采用了2px線框的圖標設計。
線形圖標的使用也有兩種:正形和反白。不建議線形圖標的反白使用,因為從設計邏輯上講,背板結合線形圖標是互相矛盾的。
正形
線形圖標,要統壹風格,有以下幾點:
a. 線的形狀
b. 閉合區域的大小
c. 線的粗細
d. 線的斷點
三.扁平描線圖標
扁平描線圖標其實是面形和線形的結合,壹開始這種設計形式,主要用來做復雜度比較高的插畫,後來逐漸在標簽欄,首頁功能入口這些位置開始應用。這類圖標相對於純面形,純線形來說,風格明顯,個性化程度更強。有壹款APP叫?想去?,它的分類圖標就用了扁平描線圖標,有興趣的同學可以去看下。扁平描線圖標,統壹風格,除了要註意線形圖標設計以外,要註意填色區域的大小。
以上就是小編關於界面圖標的相關內容分享,今天的分享就先到這裏,如果妳想從零基礎學習了解更多UI設計內容,請關註本平臺,妳想要的我們都有哦!