8000字干貨！7大方面幫你完全掌握應(yīng)用圖標(biāo)設(shè)計

本文根據(jù)筆者對大量應(yīng)用圖標(biāo)的分析、結(jié)合設(shè)計準(zhǔn)則進(jìn)行總結(jié)，希望能幫助大家在設(shè)計過程中規(guī)避掉一些常見的問題。

大漠飛鷹CYSJ 4.5w 人閱讀 2022/06/15 圖標(biāo)設(shè)計應(yīng)用圖標(biāo)

超全總結(jié)！金剛區(qū)圖標(biāo)設(shè)計的 10 大風(fēng)格

金剛區(qū)作為產(chǎn)品功能架構(gòu)重要的組成部分，是設(shè)計師重點發(fā)揮的區(qū)域，本文為大家精選了金剛區(qū)圖標(biāo)設(shè)計最突出的 10 個風(fēng)格，

黑馬青年 12.0w 人閱讀 2022/05/10 圖標(biāo)設(shè)計設(shè)計風(fēng)格

6大章節(jié)！圖標(biāo)設(shè)計基礎(chǔ)知識全方位入門指南

本篇文章將介紹圖標(biāo)設(shè)計的具體方法及要點，幫你規(guī)避掉一些常見的問題，讓圖標(biāo)設(shè)計有理有據(jù)。

大漠飛鷹CYSJ 8.4w 人閱讀 2022/02/07 UI設(shè)計圖標(biāo)

5000+干貨！從4個方面掌握圖標(biāo)設(shè)計的基礎(chǔ)知識

這篇文章主要講了圖標(biāo)的設(shè)計要點和設(shè)計方法，幫助新人設(shè)計師快速上手圖標(biāo)設(shè)計。

? 7.6w 人閱讀 2022/01/14 ICONUI設(shè)計

為什么別人的圖標(biāo)設(shè)計又快又好？來看騰訊高手總結(jié)的知識點！

本篇將介紹目前業(yè)界優(yōu)秀的圖標(biāo)案例，并以日常圖標(biāo)繪制中遇到的問題，解析背后原理給出對應(yīng)解法。

土撥鼠 3.8w 人閱讀 2022/01/10 UI設(shè)計圖標(biāo)細(xì)節(jié)

從6個方面幫你快速掌握圖標(biāo)設(shè)計規(guī)范

本文從圖標(biāo)類型、系統(tǒng)圖標(biāo)的尺寸和網(wǎng)格、圖標(biāo)的繪制、導(dǎo)出和命名等6個方面，幫你快速掌握圖標(biāo)設(shè)計規(guī)范。

白樺林溪 6.7w 人閱讀 2021/10/22 ICONUI設(shè)計

5600字干貨！B端圖標(biāo)設(shè)計全面指南

B端圖標(biāo)有哪些應(yīng)用邏輯，如何標(biāo)注切圖才正確？這篇文章為你詳細(xì)分析解答。

酸梅干超人 11.5w 人閱讀 2021/10/18 B端圖標(biāo)B端設(shè)計

5000+的干貨，幫你系統(tǒng)掌握金剛區(qū)圖標(biāo)設(shè)計

今天和大家一起探討下關(guān)于金剛區(qū)模塊設(shè)計的千奇百態(tài)，從布局的樣式、圖標(biāo)設(shè)計的風(fēng)格、不局限于圖形表達(dá)的形式等方向為大家進(jìn)行梳理。

黑馬青年 8.7w 人閱讀 2021/06/01 UI設(shè)計圖標(biāo)設(shè)計

圖標(biāo)太多分不清楚？可能是最全面的圖標(biāo)設(shè)計類型和風(fēng)格總結(jié)！

圖標(biāo)類型千變?nèi)f化，實際上萬變不離「線性、面性、線面結(jié)合」3個方面， 再結(jié)合 「透明度、漸變、顏色疊加、質(zhì)感、多維空間」等表達(dá)方式設(shè)計而成。本文將近 6000 字，一篇就可以了解全部設(shè)計風(fēng)格！

DD? 13.3w 人閱讀 2019/06/18 圖標(biāo)理論圖標(biāo)設(shè)計

6500字超全干貨！圖標(biāo)設(shè)計零基礎(chǔ)入門指南

本文從圖標(biāo)的定義及分類、圖標(biāo)的設(shè)計規(guī)范、圖標(biāo)的性格走向和圖標(biāo)的思考維度等方面，幫你完整掌握圖標(biāo)設(shè)計。最后附上超多圖標(biāo)資源打包，快來下載！

黑獅力 6.6w 人閱讀 2021/01/20 UI設(shè)計圖標(biāo)規(guī)范

兩萬字超強干貨！設(shè)計師必看的圖標(biāo)設(shè)計指南

圖標(biāo)在設(shè)計中看似只占一個很小的區(qū)域，但是它卻是考驗設(shè)計師基本功的重要標(biāo)準(zhǔn)，了解圖標(biāo)相關(guān)的概念，以及正確繪制的方法，是入門 UI設(shè)計的必備條件。

印跡 11.3w 人閱讀 2020/10/12 UI設(shè)計圖標(biāo)

3D圖標(biāo)越來越流行，UI設(shè)計領(lǐng)域要變天了？

最近已經(jīng)可以在部分大廠APP中看到3D圖標(biāo)了，以后3D圖標(biāo)是否會大行其道？今天我們就來探討一下新擬物背景下3D與平面的結(jié)合設(shè)計，能在UI中擦出什么樣的火花。

樂章 9.7w 人閱讀 2020/09/24 3D圖標(biāo)3D設(shè)計

萬字干貨！超全面的B端設(shè)計指南：圖標(biāo)篇

B端圖標(biāo)設(shè)計與C端有很大的不同，無論是應(yīng)用的場景、設(shè)計的理念，都有非常大的差異。今天這篇深度聊聊B端圖標(biāo)究竟應(yīng)該如何設(shè)計。

CE青年 6.3w 人閱讀 2020/09/17 B端產(chǎn)品B端設(shè)計

如何從零開始完成一套3Ｄ圖標(biāo)設(shè)計？來看大廠的實戰(zhàn)案例！

本文主要分享筆者在 QQ 游戲中心改版項目中，制作 3D 圖標(biāo)的方法和流程，以及 2D 與 3D 圖形設(shè)計中思考的差異性，希望可以給大家一些參考。

DD? 8.4w 人閱讀 2020/06/04 3D圖標(biāo)QQ

掏空家底！圖標(biāo)設(shè)計落地全方位指南

這一期真的是掏空了職業(yè)經(jīng)驗，總結(jié)出一套圖標(biāo)制作與落地方法，內(nèi)容涵蓋真實項目中的大多數(shù)坑點。

土撥鼠 5.9w 人閱讀 2020/04/01 UI圖標(biāo)設(shè)計

騰訊設(shè)計師出品！寫給新人的圖標(biāo)自檢手冊

本文從識別、統(tǒng)一、耐看、風(fēng)格、品牌5 個維度來打造一份全面可行的圖標(biāo)自檢手冊，幫助在大家改版、面試等場景進(jìn)行自檢優(yōu)化。

土撥鼠 4.1w 人閱讀 2019/09/24 圖標(biāo)自檢圖標(biāo)設(shè)計

超全面！大廠都在用的 Tab Bar 圖標(biāo)動效設(shè)計類型總結(jié)

相信很多人都會留意到 手機QQ 切換底部標(biāo)簽欄時有趣的動畫效果，Tab bar 作為整個 APP 的第一觸點，該如何做好它的動效設(shè)計，有哪些動效設(shè)計類型和組合方式？本文騰訊設(shè)計師為你全面揭秘！

DD? 9.4w 人閱讀 2019/07/08 IDfor動效設(shè)計

設(shè)計流程 15年圖標(biāo)設(shè)計經(jīng)驗，總結(jié)出1套專業(yè)流程和8個注意事項

我們每天都在設(shè)計圖標(biāo)，并且保持這樣的狀態(tài)超過15年。身為設(shè)計師，想必你已經(jīng)閱讀過很多關(guān)于圖標(biāo)設(shè)計的文章，但是今天的文章不一樣，今天我們的文章不會花費很長時間來單獨介紹某一個圖標(biāo)的設(shè)計，而是設(shè)計任何一套圖標(biāo)應(yīng)當(dāng)遵循的基本流程，以及一定要注意的8個關(guān)鍵的注意事項，你可以將這些東西帶入到一些現(xiàn)成的案例當(dāng)中去驗證。這個注意事項清單，也可以被視作為給設(shè)計師所編寫的圖標(biāo)設(shè)計指南，即使設(shè)計趨勢發(fā)生變化，這些規(guī)則和經(jīng)驗依然適用。

陳子木 9.0w 人閱讀 2018/12/06 ICONicon8

基礎(chǔ)知識 小身材，大影響！設(shè)計師應(yīng)該知道的圖標(biāo)基礎(chǔ)知識

如今的用戶界面中，圖標(biāo)絕對是不可或缺的元素。雖然絕大多數(shù)的圖標(biāo)都很小，甚至不被人注意到，但是它們幫助設(shè)計和用戶解決了許多問題。圖標(biāo)是可用性和導(dǎo)航的關(guān)鍵，用戶能夠感知到圖標(biāo)的功用，但是只有設(shè)計師才會明白，想要讓圖標(biāo)簡約、可用還富有表現(xiàn)力，要耗費多少時間和精力。

陳子木 4.0w 人閱讀 2017/08/22 App圖標(biāo)響應(yīng)式圖標(biāo)

設(shè)計方法 網(wǎng)易資深設(shè)計師：APP應(yīng)用圖標(biāo)的36個設(shè)計方法

編者按：應(yīng)用圖標(biāo)的設(shè)計表現(xiàn)形式很多，本文總結(jié)了36種圖表設(shè)計形式與你分享，希望能夠?qū)δ阌兴鶈l(fā)。當(dāng)我們決定要去App Store、Google Play這樣的應(yīng)用市場下載某個App應(yīng)用時，首先映入眼簾的便是Icon，即應(yīng)用圖標(biāo)。一個App應(yīng)用圖標(biāo)設(shè)計的美感與吸引力，決定了用戶對產(chǎn)品的第一印象。

程遠(yuǎn) 19.7w 人閱讀 2017/11/03 App圖標(biāo)制作圖標(biāo)設(shè)計

繪制規(guī)范 沒掌握圖標(biāo)的繪制規(guī)范之前，別說自己會畫圖標(biāo)了

編者按：很多學(xué)UI 設(shè)計的同學(xué)掌握PS 和AI ，能臨摹圖標(biāo)和界面后，就容易急著上手用研和交互。不過圖標(biāo)設(shè)計的學(xué)問遠(yuǎn)遠(yuǎn)不止于能畫出來，比如這篇文章說到的圖標(biāo)繪制規(guī)范，就是很多設(shè)計師i需要補的一堂課。「搞定圖標(biāo)設(shè)計」《從零基礎(chǔ)到合格，我總結(jié)了這5個圖標(biāo)設(shè)計實戰(zhàn)方法》《圖標(biāo)｜幫你成就優(yōu)質(zhì)APP圖標(biāo)的三個關(guān)鍵點》《值得注意！

程遠(yuǎn) 14.7w 人閱讀 2017/01/23 ICON圖標(biāo)設(shè)計

線性圖標(biāo) 如何畫好一組線性圖標(biāo)？來看這份新手科普總結(jié)！

畫過不少圖標(biāo)，也總結(jié)了很多大神的方法，在此歸納一下簡單的圖標(biāo)畫法，希望對大家有幫助。作為一名 UI 設(shè)計師，必須要重視 icon 的作用，首先是需要大量地練習(xí)，其次是盡量不要一遇到畫圖標(biāo)的時候就隨便在網(wǎng)上下載，而是結(jié)合產(chǎn)品調(diào)性創(chuàng)造屬于這套產(chǎn)品的圖標(biāo)。一、圖標(biāo)在 UI 中的應(yīng)用在本文中所說的圖標(biāo)，是指界面中的 icon。

程遠(yuǎn) 7.4w 人閱讀 2018/04/25 ICONicon圖標(biāo)

功能圖標(biāo) 如何系統(tǒng)學(xué)習(xí)功能圖標(biāo)？來看資深設(shè)計師的全面總結(jié)！

一、圖標(biāo)的定義1. 什么是圖標(biāo)圖標(biāo)是具有明確指代含義的計算機圖形。從功能分類角度分為啟動圖標(biāo)、應(yīng)用圖標(biāo)、功能圖標(biāo)。2. 什么是功能圖標(biāo)功能圖標(biāo)是具有指代意義且具有功能標(biāo)識的圖形，它不僅是一種圖形，更是一種標(biāo)識，它具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。

程遠(yuǎn) 6.4w 人閱讀 2018/06/11 ICON圖標(biāo)

功能圖標(biāo) 如何繪制功能性圖標(biāo)？來看資深設(shè)計師的全面總結(jié)！

想想圖標(biāo)的繪制也是有歷史的，從剛開始 ps 用面切法運用布爾運算去切，有時候線條也是用面切面得到。隨著線性圖標(biāo)的火爆和普及，開始放棄面切法，轉(zhuǎn)用鋼筆工具直接繪制，還可以很好的控制線的直角和圓角。當(dāng)你會使用 Ps 繪制圖標(biāo)了，換成 ai 你會發(fā)現(xiàn)更加的快捷方便。

程遠(yuǎn) 10.8w 人閱讀 2018/06/18 ICONPS 教程

界面圖標(biāo) 騰訊設(shè)計師：如何系統(tǒng)地設(shè)計界面圖標(biāo)？

文章結(jié)合過往案例講述如何通過設(shè)計要點和方法有效系統(tǒng)地進(jìn)行界面圖標(biāo)設(shè)計。作者：KongZhen@騰訊視頻TVD歡迎署名和標(biāo)記來源轉(zhuǎn)載 : )騰訊視頻TVD是一個很年輕的團(tuán)隊，組內(nèi)氛圍好，不無聊，歡迎投簡歷或前來勾搭~「如何繪制優(yōu)秀的圖標(biāo)」《網(wǎng)易資深設(shè)計師：APP應(yīng)用圖標(biāo)的36個設(shè)計方法》《沒掌握圖標(biāo)的繪制規(guī)范之前，別說自己會畫圖標(biāo)了》《為什么我的圖標(biāo)這么酷炫，總監(jiān)卻說不合格？》================明星欄目推薦================優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下...

程遠(yuǎn) 3.7w 人閱讀 2018/03/06 ICONicon圖標(biāo)

圖標(biāo)動效 超全面教程！高手常用的六種圖標(biāo)動效設(shè)計思路（附大量實例）

編者按：動效未來有多火同學(xué)們都感受到了，之前發(fā)的AE教程都是實戰(zhàn)型，軟件得會，思路更不能少。如何做出有意思有趣的動畫設(shè)計？今天@正越升?以圖標(biāo)動效為例，把高手常用的6種動效設(shè)計思路都總結(jié)出來，非常值得收藏的干貨。

程遠(yuǎn) 8.5w 人閱讀 2015/12/06 ICON動效設(shè)計

品牌基因法 如何將品牌基因融入到產(chǎn)品設(shè)計中？這是高級設(shè)計師的方法！

@蘇大牙牙牙?：日常工作中你有沒有遇到，自己做的設(shè)計很難跟競品產(chǎn)生差異？只能盲目追逐趨勢缺少自己的獨立思考？做不出符合自己產(chǎn)品品牌調(diào)性且獨一無二的設(shè)計方案？

程遠(yuǎn) 4.9w 人閱讀 2018/04/12 品牌品牌基因法

品牌基因法 用品牌基因法做圖標(biāo)設(shè)計，高級UI設(shè)計師才會的手法?。ㄉ壠?

圖標(biāo)設(shè)計如何具有品牌性？這可能是設(shè)計師工作中經(jīng)常會遇到的問題。但很多新人也許并不了解什么是品牌性，更不知道如何將品牌性融入到圖標(biāo)當(dāng)中，不過沒關(guān)系，看了這篇文章你就不會那么困惑了！

程遠(yuǎn) 6.3w 人閱讀 2017/04/02 ICON品牌基因法

28