国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

如何選擇合適的圖標？來看這份圖標類型和風格匯總

2021-1-27    鶴鶴

常見的分類是簡單的線性分類，缺少立體化的圖標分類思維。文章通過梳理來幫助大家對不同類型及風格的圖標有一個體系化的認知。

大家好，我是Clippp。看到好的圖標我們會習慣性地截圖保存，但隨著收集的圖標越來越多，會發現對圖標的分類會變得越來越混亂…做設計時也不清楚到底該參考或運用哪種風格最合適。來看看如何解決這些問題！

一、定義圖標類型

對圖標進行分類時，普遍會遇到的問題是一個圖標有多種風格。例如下面這個水滴圖標，樣式很簡單，但可以劃分到多個類別中。

面對這樣的問題，推薦使用系統性的結構來劃分圖標類別： 

  • 首先將圖標按尺寸大小分為兩類；

  • 繼續細分對應的面性、線性、線面結合、扁平、擬物化等類型；

  • 最后選擇標準、容器、漸變、3D、手繪、陰影等風格。

利用這種結構層級，可以明確定義圖標類別。

二、圖標尺寸

圖標的大小取決于具體功能。例如帶有漸變和陰影的圖標看起來很酷，但把它縮小到16px，這些酷炫的效果都無法呈現出來。

在對圖標歸類時，首先要考慮圖標用在什么位置需要多大尺寸。這里將圖標分為兩大類： 
  • 大尺寸圖標通常指標志性圖標，例如App啟動圖標或代表品牌形象； 

  • 小尺寸圖標用作UI控件，起到引導功能或裝飾目的。

三、圖標類型

確定圖標尺寸后，進一步細分圖標類型： 
面性圖標 
線性圖標 
線面結合圖標 
扁平化圖標 
擬物化圖標 


利用這種簡單的分類方式就能避免圖標發生重疊。另外擬物化這種細膩的風格不適用于小尺寸圖標中，所以在小圖標分類中沒有展示。

四、圖標組成


圖標尺寸越小，展示的細節越有限。相比于大圖標，小圖標的尺寸有一定局限性，圖標組成包括 標準和容器兩種。 


大圖標利用尺寸上的優勢能展示更多內容，分為多種組成形式。

五、小尺寸圖標樣式


簡單的圖像可以更具包容性。圖標的尺寸越小，越考驗設計師傳達信息的能力。 

1.面性圖標

1.1標準面性圖標

面性圖標易識別，適合應用在小尺寸圖標中。 
關鍵點：
確保圖標有清晰的邊緣，避免羽化； 
圖標復雜程度隨著尺寸變小而靈活調整。 

1.2帶有背景色的面性圖標

彩色背景為簡約設計帶來了更多可能。通過這個技巧使面性圖標更友好，更具吸引力。 
關鍵點：
為背景選擇4-12種顏色。 
考慮圖標是淺色還是深色，是否適用于所有背景色。 
在彩色背景上使用白色圖標比黑色效果更好。 

2.線性圖標

2.1標準線性圖標

線性圖標因為簡潔性和現代性而受到用戶的歡迎。隨著屏顯越來越清晰，我們可以更加大膽地使用線性圖標。 
關鍵點：
確保輪廓像素清晰。 
越簡單越好。 
追求更簡單的細節。 

2.2雙色線性圖標

設計小尺寸圖標時，必須放棄細節并強調簡單的形狀。但當使用一種顏色效果不太理想時，可以考慮添加一些顏色。 
關鍵點：
使用兩種搭配和諧的顏色。 
考慮將一種顏色用于主要形狀，另一種顏色用于細節。 
少即是多。 
使用粗線條。 

3.線面結合圖標

線面結合擁有更多細節，提升用戶的愉悅感。 
關鍵點：
最好使用深色而不是純黑色描邊。 
限制圖標的顏色種類。 
避免過多細節。 

 4.扁平化圖標 

扁平化圖標既簡單又巧妙，表達品牌形象的同時具有豐富的內涵。 
關鍵點：
避免在<20px的尺寸中使用此圖標樣式。 
選擇2-3種顏色，可以一起使用。 
一種顏色為主色，另一種顏色應為高光/細節色。 

六、大尺寸圖標樣式

大尺寸圖標在界面中使用較少，更多用于產品標識或品牌宣傳。 

 1.線性圖標 

1.1標準線性圖標

在設計任何圖標前，都可以先創建一個線性輪廓，確保形狀看起來足夠美觀后再添加顏色。 
關鍵點：
這類圖標最容易制作。 
避免出現輪廓羽化。 
線條粗細要一致。 
不要害怕添加細節。 

1.2漸變線性圖標

添加一些漸變能讓原本單一的線性圖標賦予更多的個性。 
關鍵點：
在小尺寸圖標中添加漸變會降低圖標的可視性。 
選擇漸變時，首先考慮鄰近色。 
線條越粗，漸變越明顯。 
線條細節越多，漸變越明顯。 

1.3等距線性圖標

2.5D圖標做起來會花費很多時間，但效果會很好。在設計汽車、房屋、家具等實體產品時，建議優先使用2.5D圖標。 
關鍵點：
同一組圖標要使用相同的等軸測網格。 
2.5D等軸圖標很復雜，在較小的尺寸下會失去作用。 
如果可以，讓所有圖標都朝向同一個方向。 

1.4手繪線性圖標

隨著設計趨勢向簡約化、扁平化發展，很多設計師喪失了手繪圖標的能力。實際上手繪圖標讓品牌更真實甚至更有趣。 
關鍵點：
手繪圖標掃描后，再用數字方式重新繪制，這樣可以保證線條粗細一致。 
盡量讓所有的線條保持相同的顏色，這會使文件更小。 

1.5斷線圖標

標準的線性圖標看起來可能會很單調，而簡單靈活的斷線處理能為圖標增加更多個性。 
關鍵點：
斷線粗細應該相同。 
圖標的中斷次數盡可能保持一致。 

1.6雙色線性圖標

關鍵點：
確保兩種顏色具有相同的對比度，否則可能會導致用戶看不清其中一種顏色，因此無法識別完整的圖標。例如左下角的淺綠色對于視力弱的用戶來說就很不友好。 

2.線面結合圖標

線面結合圖標可以看作是添加顏色后的線性圖標。線面結合具有很強的輪廓，讓圖標能夠清晰可見。 
2.1標準線面結合圖標

關鍵點：
使用有限的顏色和統一的線條風格，使圖標具有品牌性。 
使用線條和點來添加更多細節。 
避免使用純黑色描邊。 

2.2帶有背景色的線面結合圖標

關鍵點：
描邊斷開時，圖標效果很更好。 
避免在小尺寸時使用。 
使用有限的調色板。 
考慮使用較淺的描邊/背景色。 
考慮在圖標下方添加一條水平線，使圖形具有相同的位置(中間的圖標示例) 

2.3錯位線面結合圖標

當填充色與描邊錯位時，顏色移到右邊圖標左上角留出高光，帶來一種清新的感覺。 
關鍵點：
考慮使用斷線描邊。 
使用有限的調色板。 
確保描邊和填充色簡單且一致。 

2.4色塊圖標

這種風格的圖標的特點在于并不依賴于顏色，僅將其用于裝飾。 
關鍵點：
選擇有限的調色板。 
先關注輪廓再關注顏色，顏色僅用于裝飾。 
避免形狀色和背景色過于相似，降低可見度。 

2.4單色線面結合圖標

關鍵點：
避免使用暖色調尤其是紅色，會讓用戶感到壓抑。 
首先確定合適的描邊顏色，再考慮填充色。 

 3.扁平化圖標 

扁平化圖標通常沒有描邊，主要使用形狀和顏色來完成組合搭配。簡潔、友好和適當的細節，讓這類圖標非常具有吸引力。 
3.1標準扁平化圖標

關鍵點：
使用柔和的調色板，避免明亮的顏色。 
分清簡化和添加細節之間的界限。 

3.2帶有容器的扁平化圖標

嘗試讓圖形打破容器，帶來動態的感覺。 
關鍵點：
嘗試讓圖形從容器中凸出來，以增加深度。 
因為在容器中，可以添加更多的細節而不用擔心圖形變得混亂。 
嘗試使用正方形、橢圓形或與品牌相關的容器形狀。 

3.3等距圖標

關鍵點：
保持所有圖標朝向同一方向。 
選擇恰當的調色板能讓圖標看起來更一致。 
避免小尺寸使用。 

3.4半陰影扁平圖標

半陰影圖標是在扁平圖標的基礎上添加半色調陰影，得到更具個性的圖標。 
關鍵點：
小尺寸圖標不起作用。 
使用有限的調色板。 
確保所有的圖標色調相似。 

3.5長陰影扁平圖標

當圖標位于容器中時，可以考慮添加長陰影，主要包括純色陰影和漸變陰影兩種類型。 
關鍵點：
使容器具有相同的顏色或類似的色調。 
只在大尺寸圖標中使用。 
將半陰影與長陰影組合使用效果更好。 

 4.擬物化圖標 

擬物化圖標實際上已經包含了大部分的樣式，例如它們是立體的，有豐富的漸變和陰影。 

這種風格的圖標看起來與現實生活中的圖標盡可能類似，讓用戶感到更舒適。 
關鍵點：
考慮添加底部陰影。 
使光源來自同一方向。 
確保圖標都朝向相同的方向。 
目前絕大多數界面不在有這種風格的圖標，可以考慮使用3D建模來實現這種效果。 

總結

希望大家能對圖標的分類及設計有更全面深入的認識，從而構建一套完整的圖標思維體系。


文章來源：站酷     作者：Clip設計夾



藍藍設計( www.newchinaweekly.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

超污黄色软件| 国产亚洲欧洲高清| 亚洲欧美中文另类| 久久久久国产精品www| 欧美亚洲另类制服自拍| 不卡视频一区| 69精品丰满人妻无码视频a片| 五月丁香综合缴情六月小说| 中文字幕55页| www.av成人| 91tv国产成人福利| 久久久久久久久久久久久91| 波多野结衣在线| 成人免费观看在线观看| 精品无人区一区二区| 综合视频在线| 高清shemale亚洲人妖| 亚洲精品午夜久久久| 日韩欧美激情在线| 8x拔播拔播x8国产精品| 免费国产一区二区| 8x8x最新地址| 久久精品www人人爽人人| 国产 欧美 精品| 97操碰视频| 成入视频在线观看| 日韩一区欧美| 久久欧美中文字幕| 欧美一区二区人人喊爽| 91国内在线视频| 樱空桃在线播放| 欧美熟妇精品黑人巨大一二三区| 成人黄色免费网| www.黄在线| 理论不卡电影大全神| 91久久国产| 久久久99久久精品欧美| 欧美一级欧美三级| 国产精品欧美风情| 成人黄色av片| 久久久综合久久久| 国产免费黄网站| 二区三区四区高清视频在线观看| 亚洲丁香日韩| 2024国产精品| 欧美精品一区二区三区在线播放| 国产精品视频在线观看| 黄色片久久久久| 青青操免费在线视频| 天堂午夜在线| 亚洲天堂手机| 视频在线在亚洲| 欧洲亚洲精品在线| 国产精品福利观看| 日韩激情视频在线观看| 亚洲人成网站精品片在线观看| 精品呦交小u女在线| 国产三区精品| 免费看污片网站| 亚洲狠狠婷婷综合久久蜜桃| 福利小视频在线观看| 国产一区三区在线播放| 久久精品一区二区三区不卡| 亚洲天堂av图片| 超碰在线免费观看97| 黑鬼狂亚洲人videos| 美女三级福利视频| 成人在线高清| 国产激情精品久久久第一区二区| 精品国产区一区| 免费不卡亚洲欧美| 顶臀精品视频www| 俺去啦在线观看| 中文在线综合| 亚洲国产高清在线观看视频| 欧美午夜精品久久久久久久| 91av福利视频| 182午夜视频| 美女露胸一区二区三区| 不卡av免费观看| 紧缚奴在线一区二区三区| 亚洲精品福利资源站| 咪咪色在线视频| 波多野结衣黄色| 天堂地址在线www| 老牛嫩草一区二区三区日本| 欧美成人免费网站| 午夜欧美性电影| 波多野结衣av无码| av在线日韩国产精品| 亚洲毛片一区| 国产精品麻豆网站| 欧美一区二区日韩一区二区| 久久国产精品一区二区三区四区| 男人av资源站| 黄色免费看网站| 99久久婷婷| 欧美久久久久久久久中文字幕| 蜜桃导航-精品导航| 国产一区二区三区影院| 一卡二卡三卡亚洲| 亚洲精选国产| 日韩精品免费视频| 久久国产亚洲精品无码| 欧美性受xxxx狂喷水| xxxxxx欧美| 国产精品美女视频| 91亚洲精品一区二区| 国产91在线播放九色| 超碰影院在线| 久久亚洲国产精品一区二区| 国产性色av一区二区| 中文字幕第100页| 成人午夜国产福到在线| 美女午夜精品| 欧美另类久久久品| 丁香六月激情婷婷| 男人天堂va| 激情小说一区| 欧美日韩美少妇| 丁香花在线影院观看在线播放 | 巨骚激情综合| 国产一区在线观看视频| 久久久影视精品| 女人十八毛片嫩草av| 香蕉视频免费在线| 看片的网站亚洲| 91精品国产777在线观看| 大胸美女被爆操| 成人激情电影在线看| 国产jizzjizz一区二区| 国产精品久久久久9999| 老司机成人免费视频| 激情小视频在线| 狠狠色综合日日| 国产日韩欧美电影在线观看| 在线能看的av| 99久久亚洲国产日韩美女| 亚洲成av人片在线观看| 97国产真实伦对白精彩视频8| 亚洲区自拍偷拍| 国产一级二级三级在线观看| 不卡影院免费观看| 99在线国产| 亚洲av无码乱码国产麻豆| 日韩欧美久久| 5566中文字幕一区二区电影| 黄色a级片免费| 在线观看成人影院| 麻豆专区一区二区三区四区五区| 国产成人中文字幕| av黄色在线看| 不卡精品视频| 日韩欧美国产一区在线观看| 亚洲制服中文字幕| 久热久精久品这里在线观看| 福利视频网站一区二区三区| 国产精品露出视频| 日韩一区二区三区在线观看视频| 久久精品色播| 国产一区二区欧美日韩| 国产主播av在线| а√在线中文在线新版| 欧美小视频在线观看| 九色在线视频观看| 国产二区三区四区| 风间由美性色一区二区三区| 精品国产中文字幕| 日韩欧美伦理电影院| 99国产精品视频免费观看一公开| 欧美在线亚洲在线| 波多野结衣一二区| 久久365资源| 日韩亚洲综合在线| 日本一区二区三区四区五区| 久久久久久久久成人| 亚洲美女激情视频| 欧美成人免费看| 综合视频一区| 亚洲性视频网站| 日本一级黄色大片| 国产乱论精品| 在线免费精品视频| 国产3p在线播放| 乱人伦中文视频在线| 韩曰欧美视频免费观看| 天天久久综合网| 91三级在线| 欧美久久久久免费| 成人一级片免费看| 精品国产亚洲一区二区在线观看| 精品一区精品二区| 二区视频在线观看| 欧美日韩亚洲在线观看| 欧美福利视频导航| 呻吟揉丰满对白91乃国产区| 国产精品一级在线观看| 日韩中文字幕精品视频| 亚洲网站在线免费观看| 国产一区二区三区四区五区3d|