国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

畫圖標,我是認真的

2022-7-28    seo達人

正文 

對于 UI 設計師來說,圖標設計的能力至關重要,也是提升感官體驗的重要方向。對于一些初入行業的設計師,習慣下載圖標素材應付項目需求,失去了動手能力培養的機會。甚至一些多年工作經驗的老司機,依然還擺脫不了使用素材的習慣,稍微復雜一點的技法就會難以駕馭。

 

一、切勿過度素材化 

對于初入職場的設計師來說,偶爾運用素材可以理解,但是一定要學會拆解和分析,掌握還原設計的技巧和能力。

圖片

過度依賴素材容易導致思維固化,不愿意去創造,失去創新設計的能力;也容易導致眼高手低,有想法卻實現不出來,極容易萌生放棄的念頭;素材拼貼形式完成的設計,在規范性和細節性上面也是大打折扣的,導致設計作品不夠精細化和規范性。

圖片

 

二、刻意練習強化

我們需要通過刻意練習來提升圖標設計的能力,根據一萬小時定律,技法層面的提升都是通過反復磨練達到的。

圖片

 

三、擺脫素材才能規范化

圖標設計從素材習慣過度到設計動手其實很容易,但是從會畫到畫好之間看似簡單卻很難掌握。擺脫素材是圖標設計規范化的關鍵,然后再統一風格和細節規范,掌握數字化關系也是需要我們反復研究的課題。

圖片

比如以這個天氣圖標來舉例,相信很多同學都能畫出來,但是有沒有把控里面的數字關系就難說了。通過以下示意圖我們可以看出來,大圓和小圓之間的比例關系是 4:3,而間距的關系也與圓形的大小有著數字關系。這些數字關系可以使得圖標設計更加精細化,也能引導我們去探索設計背后量化的標準和關系。

圖片

 

四、質感的層層強化

當我們繪制完圖標的造型之后,運用合適的風格進行質感強化也是尤為重要的。這里我先運用其中的一個風格來完成,選擇了磨砂玻璃質感的效果。為了質感和層級關系更加明顯,這里單獨對局部進行了光影強化和邊界處理,看看以下步驟拆解圖感受一下。

圖片

備注:運用的軟件功能是背景模糊,Sketch 或者 Figma 等軟件皆可實現。

 

五、延展界面場景

為了進一步強化圖標練習,延展了一個簡單的界面場景,一個由宮格布局組合成的界面設計。為了填充所需的內容,先把之前的一些圖標作品放進去占個位置。雖然都是質感一類的圖標,但是由于透視、配色、風格和細節規范等不一致,整體還是存在一定的排斥感。

圖片

 

六、根據界面環境重新調整

由于界面設計屬于深色主題,之前練習的天氣圖標放入場景中顯得過于突出,而且玻璃質感的通透性沒有得到很好的發揮。于是根據界面環境對天氣圖標進行了重新調整,以深色關系調整了云朵部分,針對太陽的配色和尺寸比例也進行了調整,如以下效果圖。

圖片

 

七、延續風格補全設計

以調整后的天氣圖標作為風格規范,延續了其它業務場景的圖標設計,在透視關系、細節規范、配色比例和光影效果等方面進行了直接延續。在光影方向上面選擇了縱向區分,左邊三個選擇左上角打光,右邊三個選擇右上角打光。(當然也可以統一一個方向設置光影)

圖片

 
 

八、統一性還是差異化

完成的整體設計視覺風格雖然比較統一,但是也有一些問題存在。圖標之間缺少差異化,過度統一容易視覺疲勞,于是在統一性和差異化上面開始糾結了。

圖片

為了既保障圖標設計表達的統一性,又能形成視覺感的差異化,做出了調整配色關系的決定。根據天氣圖標的配色關系延續出了其它色系,看看最終的效果如何。

圖片

 

你喜歡哪一版?

關于統一性和差異化因人而異,在朋友圈征集意見也是各有差異,那么你會喜歡哪一版呢?歡迎留言區一起互動交流。

圖片

 

原文地址:黑馬家族(公眾號)

作者:黑馬青年

轉載請注明:學UI網》畫圖標,我是認真的

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

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



日歷

鏈接

個人資料

藍藍設計的小編 http://paul-jarrel.com

存檔