图标设计 - 优设网

设计流程 15年图标设计经验，总结出1套专业流程和8个注意事项

我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章不一样，今天我们的文章不会花费很长时间来单独介绍某一个图标的设计，而是设计任何一套图标应当遵循的基本流程，以及一定要注意的8个关键的注意事项，你可以将这些东西带入到一些现成的案例当中去验证。这个注意事项清单，也可以被视作为给设计师所编写的图标设计指南，即使设计趋势发生变化，这些规则和经验依然适用。

2018-12-06 Anna Golde 69726 人阅读

基础知识小身材，大影响！设计师应该知道的图标基础知识

如今的用户界面中，图标绝对是不可或缺的元素。虽然绝大多数的图标都很小，甚至不被人注意到，但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键，用户能够感知到图标的功用，但是只有设计师才会明白，想要让图标简约、可用还富有表现力，要耗费多少时间和精力。

2017-08-22 陈子木 26426 人阅读

设计方法网易资深设计师：APP应用图标的36个设计方法

编者按：应用图标的设计表现形式很多，本文总结了36种图表设计形式与你分享，希望能够对你有所启发。当我们决定要去App Store、Google Play这样的应用市场下载某个App应用时，首先映入眼帘的便是Icon，即应用图标。一个App应用图标设计的美感与吸引力，决定了用户对产品的第一印象。

2017-11-03 行行设设 149154 人阅读

绘制规范没掌握图标的绘制规范之前，别说自己会画图标了

编者按：很多学UI 设计的同学掌握PS 和AI ，能临摹图标和界面后，就容易急着上手用研和交互。不过图标设计的学问远远不止于能画出来，比如这篇文章说到的图标绘制规范，就是很多设计师i需要补的一堂课。「搞定图标设计」《从零基础到合格，我总结了这5个图标设计实战方法》《图标｜帮你成就优质APP图标的三个关键点》《值得注意！

2017-01-23 程远 111006 人阅读

线性图标如何画好一组线性图标？来看这份新手科普总结！

画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练习，其次是尽量不要一遇到画图标的时候就随便在网上下载，而是结合产品调性创造属于这套产品的图标。一、图标在 UI 中的应用在本文中所说的图标，是指界面中的 icon。

2018-04-25 牙线小姐 46844 人阅读

功能图标如何系统学习功能图标？来看资深设计师的全面总结！

一、图标的定义 1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. 什么是功能图标功能图标是具有指代意义且具有功能标识的图形，它不仅是一种图形，更是一种标识，它具有高度浓缩并快捷传达信息、便于记忆的特性。

2018-06-11 RDD 39743 人阅读

功能图标如何绘制功能性图标？来看资深设计师的全面总结！

想想图标的绘制也是有历史的，从刚开始 ps 用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普及，开始放弃面切法，转用钢笔工具直接绘制，还可以很好的控制线的直角和圆角。当你会使用 Ps 绘制图标了，换成 ai 你会发现更加的快捷方便。

2018-06-18 水手哥 89074 人阅读

界面图标腾讯设计师：如何系统地设计界面图标？

文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。作者： KongZhen@腾讯视频TVD 欢迎署名和标记来源转载 : ) 腾讯视频TVD是一个很年轻的团队，组内氛围好，不无聊，欢迎投简历或前来勾搭~ 「如何绘制优秀的图标」《网易资深设计师：APP应用图标的36个设计方法》《没掌握图标的绘制规范之前，别说自己会画图标了》《为什么我的图标这么酷炫，总监却说不合格？》 ================明星栏目推荐=====...

2018-03-06 腾讯视频TVD 23547 人阅读

图标动效超全面教程！高手常用的六种图标动效设计思路（附大量实例）

编者按：动效未来有多火同学们都感受到了，之前发的AE教程都是实战型，软件得会，思路更不能少。如何做出有意思有趣的动画设计？今天@正越升以图标动效为例，把高手常用的6种动效设计思路都总结出来，非常值得收藏的干货。

2015-12-06 程远 47820 人阅读

品牌基因法如何将品牌基因融入到产品设计中？这是高级设计师的方法！

@苏大牙牙牙：日常工作中你有没有遇到，自己做的设计很难跟竞品产生差异？只能盲目追逐趋势缺少自己的独立思考？做不出符合自己产品品牌调性且独一无二的设计方案？

2018-04-12 苏大大大牙 28765 人阅读

品牌基因法用品牌基因法做图标设计，高级UI设计师才会的手法！（升级篇）

图标设计如何具有品牌性？这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性，更不知道如何将品牌性融入到图标当中，不过没关系，看了这篇文章你就不会那么困惑了！

2017-04-02 程远 42983 人阅读

品牌基因法用品牌基因法做图标设计，高级UI设计师才会的手法！（实战篇）

@菜心设计铺：菜心的品牌基因法不知道大家有没有忘记，之前有写过两篇，今天来写第三篇——实战篇，根据真实的案例来再次讲述如何运用品牌基因法制作图标！如果你忘记了之前的品牌基因法（升级篇），可以先去回顾一下：《用品牌基因法做图标设计，这是高级UI设计师才会的手法》《用品牌基因法做图标设计，高级UI设计师才会的手法！（升级篇）》我们今天来聊的是一个真实的工作任务，做任务的过程分为以下几个阶段：收到任务找参考根据参考执行感觉没有品牌性根绝品牌基因法提取...

2017-07-30 程远 24499 人阅读

图标检验为什么我的图标这么酷炫，总监却说不合格？

在尺寸有限的移动端界面上，小小的icon可以更加简单高效的表达含义，并且给用户正确和友好的指引。所以对于UI设计师来说，与icon们相爱相杀无疑是每天日常。下面就来总结一下，如何使我们设计的icon表意清晰、符合标准。

2017-12-17 融360-三十米大长腿 24533 人阅读

图标检验腾讯设计师总结的图标设计五维自检法

@菜心设计铺：最近在做图标的优化调整，虽然改动不大，但在复盘的时候还是总结出很多心得，在这里和大家分享一下。图标是界面设计中最重要的元素之一，也是我们 UI设计师必备的技能，日常工作中我们经常会接到含有图标设计、优化的需求。但到底什么样的图标才算是优秀的？

2018-06-06 腾讯动漫TCD1 23319 人阅读

图标优化好图标的秘密！顶尖设计师分享的6个图标设计优化指南（上）

UI的工作曾经被很多人等同于画图标，然而大家真的会画图标么？优质的图标和不够好的图标的区别其实非常小，但是这些细微的差别对于设计质量的影响却是很大。这篇文章分享的是如何用6个步骤来优化图标的设计。

2016-05-31 程远 25981 人阅读

图标优化好图标的秘密！顶尖设计师分享的6个图标设计优化指南（下）

UI的工作曾经被很多人等同于画图标，然而大家真的会画图标么？优质的图标和不够好的图标的区别其实非常小，但是这些细微的差别对于设计质量的影响却是很大。这篇文章分享的是如何用6个步骤来优化图标的设计。

2016-06-01 程远 33404 人阅读

图标素材重大更新！阿里妈妈矢量图标平台iconfont+全新上线！

编者按：矢量图标平台 iconfont 一直是国内最良心最受欢迎的人气图标下载平台，这次重大更新，包括全面升级的帮助体系、支持彩色图标上传下载、查看图标详情页、搜人功能、打赏设计师等，亮点多多，值得收藏。阿里妈妈矢量图标平台iconfont经过2年多的发展，网站用户数从最早每天几十个到现在拥有15万忠实用户，共享图标数从最早阿里妈妈UED自己制作的几百个图标到现在用户把70多万的图标共享在iconfont平台上，这两年我们不仅仅看到平台各种数据的增长，也看到了小伙伴们对iconfont平台支持和...

2016-10-29 程远 57532 人阅读

图标素材春节酷站系列！提供免费商用的高质量图标素材站IconStore

今天介绍的IconStore不同于一般的图标素材网站，该网站经过精心挑选，看得出图标都颇有水平，而且大多是矢量格式（AI/SVG/EPS），可以免费商用，无须标注出处。趁着过年，再附上一个超简单的配色网站，来收！顺带一提，该网站也允许使用者自由投稿自行设计的图标素材。

2016-02-06 程远 11980 人阅读

图标素材超过200万个高质量的图标素材免费下载，还可以自定义配色和大小！

今天推荐的「Iconshock」是一个国外免费图标搜索网站，目前收录超过 200 万个图标！图标素材超过 400+ 以上，涵盖 30 种不同风格类型，从矢量图到平面设计图示甚至是现代化插图应有尽有。使用者可以从 Iconshock 免费下载 72px 以下（包括 24px、32px、48px 和 64px）图标，而且不用注册登入帐户。

2017-09-13 程远 41465 人阅读

图标管理术业专攻！超方便的图标素材管理工具Iconjar

@5key ：在过去的日子里我尝试着用Pixa、Ember、Inboard 来管理 icons，结果都不太让人满意。网页截图、apps 截图和 icon 放在一起让人感觉特别奇怪，怎么用都觉得别扭，有段时间我甚至回到用 Finder 来管理。直到前段时间 Iconjar 的推出，我才意识到对于 icon我最需要的其实只是将它与其他类型图片素材分开管理。

2015-07-10 程远 39888 人阅读

图标管理两分钟认识一款优雅的图标管理工具：Nucleo

徐小马：在互联网产品的设计工作中，无论是参考、拼稿还是搭建中低保真原型，设计师时时刻刻都会用到图标，然而，如果不对不断收集或制作的图标加以管理，那么在查找使用的时候会非常低效。为了解决这个问题，笔者给大家推荐一款图标管理工具 Nucleo。使用 Nucleo 里的图标 Nucleo 中最大的图标资源是由其团队自己设计的，超过23000个图标，主题丰富，比如体育、节日、旗帜等。

2018-03-04 徐小马 29479 人阅读

图标管理可直接转代码！超实用的免费SVG图标管理工具: SVGSUS

Svgsus 是刚刚出来的 SVG 图标管理工具，小编第一时间下载体验，它的功能不多，但足够好用，不仅可以作为图标管理，而且能输出不同设备 SVG 代码，这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。免费实用的管理工具素材管理：《有图的都交给我！

菜单 优设网 - UISDC

您还未登录

登录后即可体验更多功能

图标设计 《至少20个图标设计杀手级干货》

22 篇文章 1023430 位观众

专题文章

设计流程 15年图标设计经验，总结出1套专业流程和8个注意事项

2018-12-06 Anna Golde 69726 人阅读

基础知识 小身材，大影响！设计师应该知道的图标基础知识

2017-08-22 陈子木 26426 人阅读

设计方法 网易资深设计师：APP应用图标的36个设计方法

2017-11-03 行行设设 149154 人阅读

绘制规范 没掌握图标的绘制规范之前，别说自己会画图标了

2017-01-23 程远 111006 人阅读

线性图标 如何画好一组线性图标？来看这份新手科普总结！

2018-04-25 牙线小姐 46844 人阅读

功能图标 如何系统学习功能图标？来看资深设计师的全面总结！

2018-06-11 RDD 39743 人阅读

功能图标 如何绘制功能性图标？来看资深设计师的全面总结！

2018-06-18 水手哥 89074 人阅读

界面图标 腾讯设计师：如何系统地设计界面图标？

2018-03-06 腾讯视频TVD 23547 人阅读

图标动效 超全面教程！高手常用的六种图标动效设计思路（附大量实例）

2015-12-06 程远 47820 人阅读

品牌基因法 如何将品牌基因融入到产品设计中？这是高级设计师的方法！

2018-04-12 苏大大大牙 28765 人阅读

品牌基因法 用品牌基因法做图标设计，高级UI设计师才会的手法！（升级篇）

2017-04-02 程远 42983 人阅读

品牌基因法 用品牌基因法做图标设计，高级UI设计师才会的手法！（实战篇）

2017-07-30 程远 24499 人阅读

图标检验 为什么我的图标这么酷炫，总监却说不合格？

2017-12-17 融360-三十米大长腿 24533 人阅读

图标检验 腾讯设计师总结的图标设计五维自检法

2018-06-06 腾讯动漫TCD1 23319 人阅读

图标优化 好图标的秘密！顶尖设计师分享的6个图标设计优化指南（上）

2016-05-31 程远 25981 人阅读

图标优化 好图标的秘密！顶尖设计师分享的6个图标设计优化指南（下）

2016-06-01 程远 33404 人阅读

图标素材 重大更新！阿里妈妈矢量图标平台iconfont+全新上线！

2016-10-29 程远 57532 人阅读

图标素材 春节酷站系列！提供免费商用的高质量图标素材站IconStore

2016-02-06 程远 11980 人阅读

图标素材 超过200万个高质量的图标素材免费下载，还可以自定义配色和大小！

2017-09-13 程远 41465 人阅读

图标管理 术业专攻！超方便的图标素材管理工具Iconjar

2015-07-10 程远 39888 人阅读

图标管理 两分钟认识一款优雅的图标管理工具：Nucleo

2018-03-04 徐小马 29479 人阅读

图标管理 可直接转代码！超实用的免费SVG图标管理工具: SVGSUS

2016-08-30 程远 36273 人阅读

发表评论 快来秀出你的观点

LOGO设计

收藏这个专题，不想学会都难！

你丫才美工

一枚有态度又能讲段子的美丫姐

设计规范

那些条条框框您真得懂？

设计影片

看完能涨姿势的设计相关影片

B 端产品设计

从小白扫盲到大厂实战案例

Material Design

每个设计师都该深度学习的设计语言

表情设计

上亿人使用的表情是怎么诞生的？

设计思维

那些让你成为真正专业设计师的方法

关于我们

热门频道

设计灵感

支持与服务

优设微博

优秀网页设计

380W粉丝！每日更新设计干货

优设

强烈推荐！优设官方品牌微博

优优教程网

官方微博，海量教程看不完

优设基础训练营

零基础入门，带你成为软件高手

菜单优设网 - UISDC

图标设计《至少20个图标设计杀手级干货》