97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

圖標設計九大統一性

2024-10-21    藍藍小助手

大家有沒有被說過:“UI設計不夠精致?”
 
拿圖標舉例,不精致的原因大概率是統一性沒做好!
 
總說做圖標要統一,但是到底要統一哪些要素?有沒有一個完整的自檢表呢?
 
最初我總結了5到6個要統一的要素,在最近觀察大家的練習之后,擴增到了9個,今天就以線形圖標為例,看看我們需要統一哪9個要素!
 
大綱如下:
1、大小統一
2、圓角統一
3、語言統一
4、粗細統一
5、疏密統一
6、間距統一
7、比例統一
8、正負形統一
9、角度統一
 
 
1、大小統一
 
這個很容易理解,就是一組圖標看起來大小是一致的。但是最近發現了一個比較容易出現的問題,就是很多同學做一組練習,相鄰的圖標都差不太多,但是隔的比較遠的圖標放在一起就差很多了,比如下面這幾個圖標,就是逐漸變大的:
 
圖標設計九大統一性
 
 
 
所以對于大小統一,我們必須要做到,一組圖標里,任意兩個圖標拿出來都是大小統一的,否則就是不及格。
 
 
2、圓角統一
 
圓角統一也比較好理解,無非就是圓角大小,像下面這兩個圖標:
圖標設計九大統一性
 
 
如果圓角差很多,就很容易發現,因為都是差不多大小的矩形,但是我們很容易忽略一些細節,比如下面第一個圖標的三角形,和旁邊的日歷相比,過于尖銳:
圖標設計九大統一性
 
 
這是圖標設計里,很容易被忽視的小細節,大家一定要重視。
 
 
3、語言統一
 
語言統一可以理解為設計風格統一,如果一組圖標出現了多種風格,那會顯得非常不專業。
 
比如下面這組練習:
圖標設計九大統一性
 
 
大體看似好像是一種語言,但仔細觀察,有很多細節不統一,比如外輪廓上面有的有白色、有的沒有,白色還分帶描邊和不帶描邊的:
圖標設計九大統一性
 
 
這就是設計語言不統一的案例,在做練習的時候,一定要想清楚你的設計語言是什么。
 
 
4、粗細統一
 
粗細統一就不用說了,基本就是用在線性圖標,像這種比較明顯的粗細不一致,就不應該出現了:
圖標設計九大統一性
 
 
 
這都是最基礎的問題,一般在活動里打卡超過5次還出現這種問題,那就實屬不該了!
 
 
5、疏密統一
 
疏密統一其實是很多新人朋友容易犯的錯,比如下面這一組圖標:
圖標設計九大統一性
 
 
大部分地方是比較透氣疏松的,但是只有第二個比較密集,這樣就會讓人感覺比較突兀,整體不夠和諧。
 
這就是疏密程度的統一性,一定要把握住節奏感,否則就會不舒服。
 
 
6、間距統一
 
這個點一般用在斷線圖標上,也就是你開口大小的統一性,比如一個開很大,一個開很小:
圖標設計九大統一性
 
 
這也屬于細節沒有做到位。
 
 
7、比例統一
 
比例可以分很多種,比如顏色比例,像下面這個原作的顏色比例就沒有太統一:
圖標設計九大統一性
 
 
在小y優化臨摹之后,達到了顏色比例的平衡:
圖標設計九大統一性
 
 
再比如之前說的一個案例,粗細線條的比例:
圖標設計九大統一性
 
 
第一個圖標,粗線與細線的比例:95:5
第二個圖標,粗線與細線的比例:70:30
第三個圖標,粗線與細線的比例:100:0
 
在這樣不統一的情況下,圖標是一定不會精致的。
 
以上這些都是比例統一問題出現的實際場景。
 
 
8、正負形統一
 
正負形屬于沒那么容易察覺出來的。舉個例子,下面這組圖標,乍一看沒什么問題,但是仔細觀察,我們會發現,白色面積的重量是不統一的,那個消息上面的“#”會偏重一點:
圖標設計九大統一性
 
 
當優化之后,我們再看:
圖標設計九大統一性
 
 
整體就會比之前統一精致很多。
 
 
9、角度統一
 
角度,也是增加圖標統一感的重要因素之一,最常見的角度統一方式就是按照一定的倍數來制定規范,比如30度的倍數:
 
圖標設計九大統一性
 
 
再舉一個角度其他方面的例子,在做下面這組圖標的時候,最初沒有考慮斷線的規律:
圖標設計九大統一性
 
 
看久了會覺得有些凌亂,我將斷線處定為右下角45度,如遇到圓角拐角處,可挪動靠近拐角處進行斷線:
圖標設計九大統一性
 
 
這樣我們就會看到所有的圖標斷線位置都大致出現在右下角的地方,最終效果如下:
圖標設計九大統一性
 
 
很大程度上提高了圖標的統一性,并且在延展執行的時候節省了大量的思考時間(思考在哪里斷)。
 
但是對于斷線的位置是否一定要規定其出現的角度,我覺得不一定,也可以從其他角度考慮,但最終的目的還是讓整體統一和諧,且延展性高。
 
 
 
總結
 
以上就是目前總結的9個需要統一的點,只要能把所有的統一性做好,精致一定是沒問題的。
 
 

作者:小腦府設計團隊
鏈接:https://www.zcool.com.cn/article/ZMTYzMDE5Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 
 

image.png

藍藍設計(m.0391cbd.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

image.png

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數據可視化設計公司用戶體驗公司高端網站設計公司銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發軟件wpf開發軟件vue開發

 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.0391cbd.com

存檔

主站蜘蛛池模板: 国产欧美成人不卡视频| 幺女国产一级毛片| 奇米影视狠狠精品7777| 日韩欧美视频第一区在线观看 | 无码中文字幕加勒比高清| 四虎影视库国产精品一区| 中文字幕无码中文字幕有码在线| 天天躁夜夜躁狠狠躁躁88| 国产清纯在线一区二区WWW| 99这里精品| www.亚洲一区| h视频在线播放| 亚洲国产精品日韩av专区| 园内精品自拍视频在线播放| 国产精品无码AⅤ在线观看播放| 久久精品一品道久久精品 | 久久6免费视频| 成年人免费国产视频| 九九九精品成人免费视频7| 色婷婷视频在线| 精品人妻系列无码专区久久| 在线观看91精品国产剧情免费| 国产成人亚洲日韩欧美电影| 国产亚洲高清在线精品99| 伊人91视频| 无码AV动漫| 亚洲大尺码专区影院| 蜜芽国产尤物av尤物在线看| 国产精品亚洲片在线va| 亚洲综合精品第一页| 日本欧美在线观看| 色老二精品视频在线观看| 中文字幕亚洲乱码熟女1区2区| 久久精品免费看一| 国产亚洲成AⅤ人片在线观看| 自慰高潮喷白浆在线观看| 国产91av在线| 国产亚洲欧美在线中文bt天堂| 国产国模一区二区三区四区| 114级毛片免费观看| 东京热一区二区三区无码视频| 一本久道久久综合多人| 老司机精品99在线播放| 青青草欧美| 国产成人高清精品免费5388| 国产精品入口麻豆| 成人一区在线| 国产在线无码一区二区三区| 69国产精品视频免费| 99精品这里只有精品高清视频 | 国产激情国语对白普通话| 国产精品xxx| 精品欧美日韩国产日漫一区不卡| 亚洲制服丝袜第一页| 国产黄色爱视频| 大陆精大陆国产国语精品1024| 国产欧美日韩在线在线不卡视频| 久久久久夜色精品波多野结衣| 性视频一区| 国产精欧美一区二区三区| 亚洲—日韩aV在线| 国产午夜精品一区二区三区软件| 国产精品一区在线麻豆| 毛片久久网站小视频| 欧美在线三级| 露脸国产精品自产在线播| 亚洲三级a| 五月婷婷综合网| 久热中文字幕在线| 91香蕉国产亚洲一二三区| 草逼视频国产| 日韩精品久久久久久久电影蜜臀| a毛片在线| 亚洲欧美极品| 99在线观看国产| 中文字幕久久精品波多野结| 国产噜噜在线视频观看| 久久精品国产免费观看频道| 2020久久国产综合精品swag| 国产一区二区视频在线| 色婷婷狠狠干| 亚洲AⅤ综合在线欧美一区 |