精品一二三四在线_国产激情精品久久久第一区二区_av欧美精品.com_欧美xxxxxxxx_国模无码大尺度一区二区三区_欧美成人精品3d动漫h_亚洲成人av一区_韩国v欧美v亚洲v日本v_欧美色视频在线_在线91免费看_成人a区在线观看_麻豆91精品视频_亚洲h动漫在线_成人app软件下载大全免费_日本午夜一本久久久综合_亚洲欧美在线视频

圖標(biāo)設(shè)計九大統(tǒng)一性

2024-10-21    藍藍小助手

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

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

image.png

藍藍設(shè)計(www.index123.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(shè)計交互設(shè)計UI咨詢高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進群請加藍小助微信ben_lanlan。

image.png

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

 

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.index123.cn

存檔

精品一二三四在线_国产激情精品久久久第一区二区_av欧美精品.com_欧美xxxxxxxx_国模无码大尺度一区二区三区_欧美成人精品3d动漫h_亚洲成人av一区_韩国v欧美v亚洲v日本v_欧美色视频在线_在线91免费看_成人a区在线观看_麻豆91精品视频_亚洲h动漫在线_成人app软件下载大全免费_日本午夜一本久久久综合_亚洲欧美在线视频

    亚洲va欧美va人人爽午夜| 欧美精品一卡两卡| 中文字幕精品综合| 欧美一区二区三级| 欧美午夜宅男影院| 99精品视频中文字幕| 激情久久五月天| 麻豆视频一区二区| 蜜桃av噜噜一区| 日本aⅴ免费视频一区二区三区 | 国产精品免费av| 26uuu成人网一区二区三区| 日韩一区二区在线看片| 欧美视频一区二| 欧美三级电影在线看| 欧洲av在线精品| 欧美午夜精品久久久久久孕妇| 91视频精品在这里| 99精品视频在线观看| 91一区二区在线| 在线中文字幕不卡| 欧美精品九九99久久| 欧美一区二区在线免费播放| 精品久久久三级丝袜| 久久婷婷久久一区二区三区| 久久久精品2019中文字幕之3| 久久久综合精品| 日本一二三不卡| 亚洲精品成人悠悠色影视| 亚洲国产色一区| 日本伊人午夜精品| 国产一区在线不卡| 99麻豆久久久国产精品免费 | 亚洲视频免费观看| 午夜精品久久久久| 国内成人自拍视频| 99久久久久免费精品国产| 日本道色综合久久| 欧美一区二区在线免费播放| 国产日韩欧美精品一区| 亚洲精品国产第一综合99久久| 五月天中文字幕一区二区| 久久国产麻豆精品| 不卡的av网站| 欧美狂野另类xxxxoooo| 久久久久久久久久久久久女国产乱| 中文字幕一区二区三区视频| 亚洲福利视频三区| 国产一区二区在线观看免费| 91理论电影在线观看| 欧美大片一区二区| 国产精品大尺度| 日本欧美肥老太交大片| 97久久超碰精品国产| 欧美精品一区二区精品网| 亚洲男同1069视频| 国产一区二区三区在线观看免费| 一本大道综合伊人精品热热| 久久蜜桃一区二区| 五月天久久比比资源色| 成人一区二区在线观看| 69p69国产精品| 亚洲欧美一区二区三区孕妇| 国产在线视频一区二区| 欧美绝品在线观看成人午夜影视| 国产欧美日韩视频在线观看| 天天操天天干天天综合网| www.在线欧美| 久久久99精品久久| 日韩精彩视频在线观看| 91久久香蕉国产日韩欧美9色| 久久久久综合网| 天天综合色天天| 色视频一区二区| 国产精品进线69影院| 国产一本一道久久香蕉| 日韩视频免费直播| 亚洲国产一区二区三区青草影视| 成人av资源在线观看| 久久这里都是精品| 男男视频亚洲欧美| 91精品综合久久久久久| 性做久久久久久久久| 欧美午夜精品一区二区蜜桃| 综合电影一区二区三区 | 午夜久久久久久久久久一区二区| 91在线丨porny丨国产| 久久久久久久久久久久久夜| 黑人精品欧美一区二区蜜桃| 日韩欧美一级片| 久久99国产精品免费网站| 欧美一卡二卡在线| 免费的成人av| 日韩欧美视频在线| 麻豆精品一二三| 精品国产乱码久久久久久牛牛| 天堂一区二区在线| 69久久99精品久久久久婷婷| 日韩电影一区二区三区| 9191成人精品久久| 蜜臀av在线播放一区二区三区| 91精品福利在线一区二区三区 | 青青草视频一区| 精品日韩在线观看| 国产毛片一区二区| 国产欧美日韩三级| 97久久精品人人爽人人爽蜜臀| 亚洲欧美色综合| 欧美天天综合网| 美国十次综合导航| 久久久久久久久久久黄色| www.色精品| 亚洲午夜在线电影| 欧美tk丨vk视频| 99re亚洲国产精品| 亚洲国产成人av| 久久丝袜美腿综合| 色婷婷精品大在线视频 | 国产综合色视频| 最新久久zyz资源站| 欧美日韩精品三区| 国内精品在线播放| 一二三区精品视频| 精品国产成人系列| 色哟哟国产精品| 日韩av中文字幕一区二区| 国产精品乱码人人做人人爱| 欧美揉bbbbb揉bbbbb| 成人综合婷婷国产精品久久蜜臀| 亚洲美腿欧美偷拍| 精品处破学生在线二十三| 色狠狠桃花综合| 久久99精品久久只有精品| 亚洲精品欧美激情| 久久日韩精品一区二区五区| 欧美亚州韩日在线看免费版国语版| 国产美女视频一区| 日韩专区在线视频| 国产精品福利一区二区| 日韩美一区二区三区| 欧美视频一区二区三区四区| 国产91丝袜在线18| 久久av资源站| 日韩精品1区2区3区| 亚洲欧美激情在线| 久久午夜电影网| 4438x亚洲最大成人网| 91国产福利在线| av一二三不卡影片| 国产成人啪午夜精品网站男同| 奇米四色…亚洲| 亚洲一区二区av在线| 日韩毛片一二三区| 欧美国产综合色视频| 久久久精品天堂| 2017欧美狠狠色| 精品久久久久久久久久久久久久久久久 | 亚洲欧美精品午睡沙发| 国产情人综合久久777777| 欧美一级日韩一级| 欧美色倩网站大全免费| 在线欧美日韩精品| 91视频一区二区| 91色在线porny| 97久久精品人人做人人爽| 国产69精品久久久久毛片| 国产呦萝稀缺另类资源| 国产精品自拍三区| 国内精品自线一区二区三区视频| 久久精品国产亚洲高清剧情介绍 | 久久久精品国产99久久精品芒果| 精品久久久久久久久久久院品网| 欧美一区二区视频在线观看2022| 欧美丰满少妇xxxbbb| 欧美日韩国产经典色站一区二区三区| 日本久久精品电影| 在线观看日韩av先锋影音电影院| 一本大道久久a久久综合婷婷| 在线视频国内一区二区| 4438x亚洲最大成人网| 日韩欧美国产高清| 久久精品在线观看| 欧美极品少妇xxxxⅹ高跟鞋| 国产精品乱人伦| 一区二区三区免费观看| 天堂一区二区在线免费观看| 久久99精品久久久久| 国产电影一区二区三区| 91在线观看成人| 欧美日韩的一区二区| xvideos.蜜桃一区二区| 自拍偷在线精品自拍偷无码专区| 一区二区免费视频| 久久99久久99精品免视看婷婷| 国产精品一二三区| 91福利视频网站| 欧美tk—视频vk| 亚洲三级久久久| 美女网站视频久久| 成人av在线网站|