<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 圖標設計九大統一性

          2025-1-26    濤濤

           
           
          大家有沒有被說過:“設計不夠精致?”
           
          拿圖標舉例,不精致的原因大概率是統一性沒做好!
           
          總說做圖標要統一,但是到底要統一哪些要素?有沒有一個完整的自檢表呢?
           
          最初我總結了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個需要統一的點,只要能把所有的統一性做好,精致一定是沒問題的。
           
          順便看下往期同學們的作品吧:
          圖標設計九大統一性
           
           
          圖標設計九大統一性
           
           
          圖標設計九大統一性
           
           
          圖標設計九大統一性
           
           
          圖標設計九大統一性
           
           
          圖標設計九大統一性
           
           

          日歷

          鏈接

          個人資料

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

          存檔

          亚洲国产精品婷婷久久| 久久精品无码一区二区三区免费| 91久久精品无码一区二区毛片| 国产精品99久久精品| 久久综合伊人77777| a高清免费毛片久久| 久久久久国产一区二区| 亚洲熟妇无码另类久久久| 香蕉久久夜色精品国产小说| 亚洲精品tv久久久久| 成人a毛片久久免费播放| 精品无码久久久久国产| 中文字幕精品久久| 91精品免费久久久久久久久| 久久99九九国产免费看小说| Xx性欧美肥妇精品久久久久久 | 69久久夜色精品国产69| 国产精品久久午夜夜伦鲁鲁| 品成人欧美大片久久国产欧美... 品成人欧美大片久久国产欧美 | 国产亚洲精品自在久久| 国产精品久久婷婷六月丁香| 亚洲国产天堂久久综合网站| 久久精品99久久香蕉国产色戒| 一本久道久久综合狠狠躁AV| 国产精品18久久久久久vr | 伊人久久综合精品无码AV专区| 久久99久久无码毛片一区二区| 久久这里只有精品首页| 久久精品国产影库免费看 | 久久精品国产亚洲AV麻豆网站| 久久精品中文字幕一区| 少妇久久久久久被弄高潮| 久久久久亚洲av无码专区| 久久精品国产亚洲AV蜜臀色欲 | 性高湖久久久久久久久| 亚洲国产另类久久久精品| 久久久SS麻豆欧美国产日韩| 欧美精品国产综合久久| 久久夜色精品国产噜噜噜亚洲AV| 国产精品久久永久免费| 狠狠狠色丁香婷婷综合久久五月 |