设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。在图形交互界面（GUI）中，图标（icon）是一种最常使用的设计元素之一。
一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。
画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练习，其次是尽量不要一遇到画图标的时候就随便在网上下载，而是结合产品调性创造属于这套产品的图标。
图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？欢迎关注译者的微信公众号：「小贱剑设计出品」「图标设计不止于此」《腾讯设计师：如何系统地设计界面图标？
文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。作者：KongZhen@腾讯视频TVD欢迎署名和标记来源转载 : )腾讯视频TVD是一个很年轻的团队，组内氛围好，不无聊，欢迎投简历或前来勾搭~「如何绘制优秀的图标」《网易资深设计师：APP应用图标的36个设计方法》《没掌握图标的绘制规范之前，别说自己会画图标了》《为什么我的图标这么酷炫，总监却说不合格？
@Jenny黄静雯 ：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计理论，却仍做不好设计」的困惑。今天静雯就来带你从理论到实践，用菜心设计铺的《用品牌基因法做图标设计，这是高级UI设计师才会的手法！
「界面中存在的每一个元素，都是有意义的。」这是我进行产品设计时的一贯主张。
编者按：想提升界面质感又不会设计图标，收藏第一个网站就可以咯。第二个是款可能是全球易读性最高的英文字体，现在开放商用，千万别错过咯。
ICONY 是一套集合了 100 个图标的免费图标集，这套图标的特色是平面化设计，没有多余或复杂的图形，很容易被使用于任何一个开发项目。这套图标一共提供了四种常见格式，包括 AI、EPS、PSD 及 PNG，自由捐赠，也能免费下载。
随着硬件快速的发展，Retina技术发展至今，目前Google Nexus6的devicePixelRatio已经到了3.5，虽然目前主流的Retina显示器还是以devicePixelRatio = 2的为主，但是为了更好的用户体验，前端和视觉同学经常都要为了各种图标能够在Retina屏幕下高清显示而头痛。下面先介绍下目前的一些常规的解决方案。
编者按：今天这组资源收集了很多常用的图标素材，格式也包括了矢量、Sketch、PSD等等，200多个都是从追波和Behance上扒的，质量可见一斑。老规矩，打包好的雷锋同学评论留言即可，感谢 ：）感谢@设计日志 同学打包，下载戳：http://pan.baidu.com/s/1c02S8lqFree Icon Set（AI）Financial Icons （Sketch file） by Alexandre NaudWilderness/C...
编者按：今天的图标推荐有14组，从线性图标、响应式图标到手势图标、媒体图标等等都有，类别很丰富，总800+枚，全都可以免费下载，不多说，直接收 >>>响应式图标↓↓免费下载↓↓40个智能家居图标 (SVG, EPS, PNG, Sketch) ↓↓免费下载↓↓20个食物图标↓↓免费下载↓↓太空图标 (AI & PSD)↓↓免费下载↓↓扁平化图标↓↓免费下载↓↓艺术矢量图标↓↓免费下载↓↓100 免费图标↓↓免费下载...
@京东设计中心 ：很多设计师跟开发都会遇到SVG 图标模糊的问题，今天我们简单教你四招，轻松搞定这个问题，有需要的同学赶紧来收 >>>简单介绍随着高清视网膜屏的出现，网页设计也需要考虑各种高清屏幕的显示效果，前端在写代码的时候也需要根据屏幕的不同，输出不同分辨率的icon图片，真的好多工作量啊~为了解决屏幕分辨率对图标影响的问题，SVG格式的icon出现了，简单的说它是通过矢量路径把icon变为字体，这样前端在改变icon...
扁平化风潮下，线性图标也跟着火了一把，但不知道童鞋们的资源库有没有同步进新货呢？如果还没有，今天我们收集了1000+枚线性图标，全都可以免费商用，大胆地伸手过来吧！
图标在网页设计中用途广泛，几乎每个网站中都存在着图标。通过这些小小的图标，可以方便的实现视觉引导和功能划分。
最近看了觉醒年代，对比现在的情况发现文章格局小了，鸿蒙就像那个年代找出路的伟人，退一万步讲，就算失败，华为也值得敬佩
一个好的B端产品一定是经过长时间思考优化的结果，随意的拼接是可以使用，但却毫无体验感，体验感差到爆，B端设计不只是美化视觉，是美化视觉的同时优化用户的操作体验简化用户的操作体验。所以我认为，一个好的B端设计师就是要会给用户带来更好的操作体验
最近正好准备作品集了，看到这篇文章发现自己的作品集架构上面确实缺少了一些，比如说数据反馈。这个是我的作品集项目上都没有的，加上这些后会让自己的东西更有说服力！很棒！
视觉干货满满，又长进了一步，夸夸自己，收藏走起，哈哈
看到了一个完整项目的优化过程，主要是从提升获得感、提升吸引力、出发兴趣3个大点进行优化。通过前期的用户调研，把用户的需求拿捏的死死的，然后通过用户需求设计对应的方案。让用户获取想要的功能的更加方便，提升了探索乐趣，满足用户成就感、代入感和社交需求。
最近看了觉醒年代，对比现在的情况发现文章格局小了，鸿蒙就像那个年代找出路的伟人，退一万步讲，就算失败，华为也值得敬佩