老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

圖標設計九大統一性

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.hk66688.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://www.hk66688.com

存檔

亚洲无线一二三四区手机| 亚洲精品乱码久久久久久蜜桃图片 | CHINESE中年熟妇FREE| HD老熟女BBN老淑女| 成人无码AⅤ久久精品国产传媒| 国产精品无码专区在线播放| 高清国产亚洲精品自在久久| 国产成人无码精品久久久免费| 精品人妻少妇敕草AV无码专区| 国模私密浓毛150p露150p极| 国产成人一区二区三区视频免费| 娇妻被猛男老外玩三PAV| 男女做AJ视频免费的网站| 蜜臀成人片免费视频在线观看| CHINESE0LDMAN老汉| 亚洲精品欧美综合二区| 搡老女人老妇女老熟妇| 蜜桃精品欧美一区二区三区 | 国产一本一道久久香蕉| 波多野结衣AV电影在线观看| 尤物精品国产第一福利网站| 亚州v不卡ww在线| 日本熟妇人妻中出| 蜜臀av一区二区蜜臀AV免费| 激情综合婷婷色五月蜜桃| 国产AV熟女一区二区三区 | 日本强伦姧人妻一区二区| 久青草无码视频在线观看| 国产又黄又大又粗的视频| 成人无码免费视频在线观看网址| 中文字幕成人精品久久不卡| 亚洲国产成人片在线观看无码| 私人电影院免费看吗| 欧美成人精品视频在线不卡| 久久精品国产精品国产精品污 | 欧美性色XXⅩXXA片HD| 久久九九兔免费精品6| 国产免费AV片在线无码免费看| 成年女人喷潮毛片免费播放| 337P日本欧洲亚洲大胆在线| 亚洲熟女一区二区三区| 亚洲AⅤ永久无码无人区电影 | 色欲国产精品一区成人精品| 欧美日韩国产码高清综合人成| 久久久久人妻精品一区| CAOPORN国产精品免费| 亚洲人成网站观看在线播放| 无人区码一码二码高高| 人妻无码熟妇乱又视频 | 国产亚洲AV寡妇| 成人做受120视频试看| 野花香高清在线观看视频播放免费 | 在线精品国产一区二区三区| 午夜成人亚洲理论片在线观看| 人人做人人澡人人爽欧美| 麻豆国产精品VA在线观看| 经典精品毛片免费观看| 国产成人无码一区二区三区| 波多野结衣乳喷高潮视频| 最新国产免费AV片在线观看| 亚洲欧美成人久久综合中文网 | 欧美成人在线最新| 久久精品亚洲精品无码白云TV| 国产午夜三级一区二区三| 懂色av一区二区三区蜜臀| FREE紧VIDEOXX粗又长| 在线观看国产成人AⅤ天堂| 性生大片免费观看网站| 日产一二三区别免费必看| 妺妺窝人体色WWW网站厕所盗摄| 久久996RE热这里只有精品无| 国产午夜成人精品视频APP| 高潮大叫喷水发抖抽搐| 办公室撕开奶罩揉吮奶漫画| 51VV社区视频在线视频观看| 野花韩国视频观看免费高清的 | 亚洲VA韩国VA欧美VA| 少妇伦子伦精品无吗| 亲情会王芳高敏大团圆| 免费无人区一码二码乱码| 久久精晶国产99久久6| 好儿子你插得太深了| 国产老熟女狂叫对白| 国产AV大陆精品一区二区三区| 扒开两腿中间缝流白浆在线看| 99久久久无码国产精品秋霞网| 曰韩少妇内射免费播放| 亚洲午夜无码久久| 亚洲精品永久在线观看| 亚洲AV男人的天堂在线观看| 无码熟妇人妻AⅤ在线电影| 少妇人妻一级AV片| 欧美顶级METART裸体全部自慰 | 精品综合久久久久久888| 国产精品亚洲А∨天堂2018| 国产GV无码永久精品同性男男 | 人妻丰滿熟妇αV无码HD| 欧美成人精品在线观看| 美女浴室洗澡裸体爆乳无遮挡| 久久久久久久久久久综合日本| 精品人妻视频一区二区三区 | 欧美牲交黑粗硬大在线视频| 内射人妻无码色AV| 后入内射国产一区二区| 国产亚洲成AV人片在线观看导航| 国产精品无码一区二区三区| 东京热无码AV男人的天堂| 波多野42部无码喷潮| ZZTT10.CCM黑料| 在线永久免费观看黄网站| 一区二区三区在线 | 日| 亚洲中文字幕精品久久久久久动漫| 亚洲乱亚洲乱妇无码| 亚洲裸男GAY自慰网站| 亚洲精品无码AV天堂| 太平公主秘史在线观看免费| 日本爆乳片手机在线播放| 人妻一区二区在线| 欧美内射AAAAAAXXXXX| 欧美疯狂性受XXXXX另类| 欧美黑人又大又粗XXXXX吞精| 女人高潮娇喘抽搐喷水动态视频 | 欧美一区二区三放荡人妇| 麻豆日产精品卡2卡3卡4卡5卡 | 激情偷乱人伦小说视频在线| 激情内射亚洲一区二区三区| 国产熟妇与子伦HD| 国产亚洲美女精品久久久| 国产亚洲色欲色一色WWW| 国产在线无码精品电影网| 国产AV高清无亚洲| 成人片黄网站色多多WWW | 免费无码又爽又刺激高潮软件| 末成年女AV片一区二区丫| 麻花传媒68XXX在线观看| 蜜臀AV无码人妻精品| 女教师の爆乳BD在线观看| 欧美老熟妇乱大交XXXXX| 人妻AV鲁丝一区二区三区蜜臀| 欧美亚洲国产一区二区三区| 人人妻人人澡人人爽欧美精品| 漂亮人妻洗澡被公强BD| 欧洲另类一二三四区| 日本乱人伦AⅤ精品潮喷| 色偷偷色噜噜狠狠网站久久| 人人狠狠综合久久亚洲婷婷| 色欲老女人人妻综合网| 忘忧草在线播放WWW网| 亚洲AV成人无码精品电影在线| 亚洲成AV人最新无码| 亚洲A级成人无码网站| 亚洲MV国产MV在线MV综合试| 亚洲AV无码专区亚洲AV手机版| 亚洲精品国产综合麻豆久久99| 亚洲影院丰满少妇中文字幕无码| 中国老太太X×××XHD| CHINESE老熟妇老女人HD| 制服中字人妻中字出轨中字| ZOMBIE老头SUPREME| 丰满老熟妇好大BBBBB四P| 国产精品无码免费播放| 好爽…又高潮了毛片无广告| 加勒比一本HEYZO高清视频| 久久婷婷五月综合色欧美| 男生听到女生喘气是什么心理现象| 人妻波多野结衣爽到喷水| 欧美VA亚洲VA在线观看| 日韩精品免费一线在线观看| 人妻熟女AⅤ中文字幕在线看| 日本三级香港三级人妇99| 婷婷色丁香五月激情综合| 亚洲AV无码国产丝袜在线观看| 亚洲一区二区三区无码国产| 永久免费的啪啪网站免费观看浪潮 | 亚洲AV无码二区一区二十六区| 亚洲日韩中文字幕日本| 18禁强伦姧人妻又大又| 啊灬啊灬啊灬快灬高潮了老| PYTHON人马大战| 国产成本人片免费AV| 狠狠色丁香久久婷婷综| 乱世桃花免费观看完整版高清| 青青草无码精品伊人久久7| 天干天干啦夜天天喷水| 无码人妻熟妇AV又粗又大| 亚洲精品国产自在久久| 18岁日韩内射颜射午夜久久成人| 中文午夜人妻无码看片| 2022国产成人无码AⅤ片| 97人妻人人做人碰人人爽一| 东北往事之黑道风云20年| 国产亚洲婷婷香蕉久久精品| 久久亚洲色WWW成人网址| 久久婷婷激情综合色综合俺也去| 欧美性战A久久久久久| 特级小箩利无码毛片| 亚洲AV噜噜狠狠网址蜜桃| 一区二区三区四区黄色网站| 把腿扒开让我舔免费视频| 国产GAYSEXCHINA男同|