九九精品影院-九九精品在线-九九精品在线播放-九九九国产-国产成+人+综合+亚洲不卡-国产成a人片在线观看视频

圖標設計九大統一性

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

藍藍設計(www.indbiotech.com.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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://www.indbiotech.com.cn

存檔

精品视频在线看 | 尤物视频网站在线| 欧美激情一区二区三区中文字幕| 成人免费观看的视频黄页| 国产亚洲免费观看| 韩国毛片免费| 超级乱淫伦动漫| 四虎影视库| 精品视频在线看| 99色视频| 欧美激情一区二区三区视频 | 天天做日日爱| 国产91精品一区二区| 成人免费一级纶理片| 99热视热频这里只有精品| 欧美激情在线精品video| 二级片在线观看| 毛片高清| 欧美另类videosbestsex高清 | 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 欧美电影免费| 免费国产在线观看| 可以免费看污视频的网站| 成人高清护士在线播放| 黄视频网站在线观看| 精品在线视频播放| 沈樵在线观看福利| 亚洲精品永久一区| 天堂网中文字幕| 久草免费在线视频| 999精品影视在线观看| 久久久久久久久综合影视网| 国产a毛片| 99热精品在线| 中文字幕一区二区三区精彩视频| 国产一区免费在线观看| 久久国产精品自由自在| 一本高清在线| 国产成人精品综合| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 毛片成人永久免费视频| 人人干人人插| 九九久久国产精品大片| 欧美a级大片| 精品视频在线看| 99久久精品费精品国产一区二区| 国产成人精品综合在线| 国产91丝袜在线播放0| 四虎影视久久| 国产网站免费| 日本伦理片网站| 午夜久久网| 国产激情一区二区三区| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 韩国三级视频网站| 精品在线观看国产| 日日日夜夜操| 一级片片| 国产a视频精品免费观看| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 麻豆系列 在线视频| 可以免费看污视频的网站| 国产综合91天堂亚洲国产| 国产伦精品一区二区三区无广告 | 99色视频在线| 成人在免费观看视频国产| 午夜精品国产自在现线拍| 黄视频网站免费看| 国产福利免费观看| 黄视频网站免费| 色综合久久天天综线观看| 韩国三级香港三级日本三级| 精品视频在线观看免费| 国产伦精品一区二区三区无广告| 韩国毛片免费| 91麻豆精品国产高清在线| 精品视频一区二区三区| 99久久精品国产麻豆| 黄视频网站在线免费观看| 国产麻豆精品免费密入口| 久久国产精品自线拍免费| 中文字幕一区二区三区精彩视频| 一级女性全黄生活片免费| 日韩中文字幕一区二区不卡| 黄视频网站免费| 亚洲 国产精品 日韩| 欧美一级视| 国产视频一区二区在线观看 | 香蕉视频亚洲一级| 国产精品自拍在线| 青青青草影院| 一本高清在线| 高清一级做a爱过程不卡视频| 久久精品人人做人人爽97| 久草免费在线观看| 国产精品1024在线永久免费| 精品视频在线观看一区二区| 精品在线观看一区| 成人av在线播放| 欧美电影免费看大全| 精品国产一区二区三区久| 日本特黄特色aaa大片免费| 国产一区精品| 日本在线www| 99久久精品费精品国产一区二区| 精品视频在线观看视频免费视频| 青青久在线视频| 日韩专区第一页| 国产国语在线播放视频| 可以免费看毛片的网站| 国产精品123| 欧美激情中文字幕一区二区| 欧美a级大片| 成人免费高清视频| 精品国产一区二区三区精东影业| 日韩免费在线观看视频| 黄视频网站在线看| 九九久久国产精品| 国产伦久视频免费观看视频| 欧美激情一区二区三区视频| 中文字幕一区二区三区精彩视频| 91麻豆精品国产高清在线| 亚久久伊人精品青青草原2020| 日本伦理片网站| 成人在免费观看视频国产| 欧美1区| 一级毛片看真人在线视频| 国产福利免费视频| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 韩国三级香港三级日本三级la | 国产一区二区精品| 午夜欧美成人久久久久久| 精品视频在线看 | 国产不卡精品一区二区三区| 国产精品免费久久| 中文字幕97| 香蕉视频一级| 国产一区精品| 天堂网中文在线| 在线观看成人网 | 99久久精品国产高清一区二区| 99色播| 美女被草网站| 成人高清视频在线观看| 欧美另类videosbestsex久久| 国产不卡精品一区二区三区| 国产精品自拍亚洲| 免费毛片基地| 日日夜人人澡人人澡人人看免| 国产成人精品综合久久久| 黄视频网站在线看| 午夜激情视频在线播放| 国产视频一区二区在线观看 | 成人av在线播放| 欧美激情一区二区三区视频| 日本特黄特色aaa大片免费| 欧美激情一区二区三区视频| 四虎影视久久| 久久国产精品永久免费网站| 国产不卡在线观看视频| 亚欧成人乱码一区二区| 99色视频| 国产美女在线一区二区三区| 精品国产一区二区三区久久久狼| 91麻豆高清国产在线播放| 日本在线不卡视频| 国产一区二区精品久久| 欧美另类videosbestsex高清 | 亚洲女初尝黑人巨高清在线观看| 日韩在线观看网站| 精品视频一区二区三区免费| 99热精品在线| 黄视频网站免费观看| 日韩中文字幕在线播放| 免费一级片在线观看| 久久99中文字幕久久| 国产视频久久久| 亚洲精品中文一区不卡| 精品视频在线看| 精品在线观看国产| 免费的黄视频| 国产一区二区精品久久91| 日韩在线观看视频黄| 亚洲第一色在线| 日韩专区一区| 欧美另类videosbestsex久久| 一级女性全黄久久生活片| 国产精品自拍亚洲| 欧美激情中文字幕一区二区| 成人高清视频在线观看| 国产美女在线一区二区三区| 日韩男人天堂| 午夜在线亚洲| 免费国产在线视频| 国产精品自拍在线| 韩国三级视频在线观看| 国产高清在线精品一区二区| 韩国三级视频网站| 尤物视频网站在线观看| 国产欧美精品午夜在线播放|