• 
    
    <ruby id="2qhst"></ruby>
    <sub id="2qhst"></sub>
    <menuitem id="2qhst"></menuitem>
      亚洲精品久久久久久久蜜桃臀,亚洲欧美国产免费综合视频,91情侣视频,日韩精品内射视频免费观看

      圖標設計九大統(tǒng)一性

      2024-10-21    藍藍小助手

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

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

      image.png

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

      image.png

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

       

      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.rhtd16ji.cn

      存檔

      主站蜘蛛池模板: 中文字幕乱码高清免费| 国产激情99| 人妻三级AV| 亚洲精品福利一区二区三区蜜桃| 亚洲中文字幕无码久久| 欧美日韩国产图片区一区| 91精品啪国产在线观看免费牛牛| 亚洲aⅴ天堂av天堂无码app | 少妇人妻88久久中文字幕| 国产一级特黄高清大片一| 妺妺窝人体色www看美女| 国内自拍无码区在线播放 | 在厨房拨开内裤进入毛片| 伊人在线| 色综合久久中文字幕| 亚洲美女高清aⅴ视频免费| 欧洲熟妇色自偷自拍另类| wwwww黄| a国产精品| 国产又黄又湿又刺激网站| 国精品人妻无码一区免费视频电影 | 无码丰满熟妇| 国产md视频一区二区三区| 国产精品无码天天爽视频| 久久99精品久久久久久| 日韩av一区二区在线| 天堂蜜桃一区二区更新| 日本乱码一区二区三区不卡| 四虎国产精品永久在线| 日韩av日韩| 中文字幕久久久久久精| 97se亚洲国产综合在线| 日本免费人成视频在线观看| 日韩中文字幕在线一区二区三区| 欧美日韩国产一区二区三区欧 | 国产在线精品欧美日韩电影 | 久久精品亚洲一区二区三区浴池| 国产成人高清亚洲综合| 无码国产福利av私拍| 成人AV一区二区三区| 日本一区二区久久精品亚洲中文无|