设计师就业衔接班！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+枚线性图标，全都可以免费商用，大胆地伸手过来吧!
图标在网页设计中用途广泛，几乎每个网站中都存在着图标。通过这些小小的图标，可以方便的实现视觉引导和功能划分。
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。
前端：你随便打开一个平台看看，这种效果不可能实现的。。。 设计师：可以实现的，我的设计是有依据的。。。 前端：反正不可能。
细细看完了 文字都透露着平静和力量 讲的点都非常精准 受教了
首先文章写的很好，不过商品布局我更推荐瀑布流，因为此时用户在首页没有明确目的是逛的心态，而不同的衣服款式也不同所以此时购买者更在意图片，所以重点突出图片成了决策因素，当用户搜索后有明确目的更适合F浏览模式，因为此时的商品图片都一样，此时价格呀，店铺，购买量等等就成了点击决策因素，此时此文字因素为重～～～～哈哈，个人的拙见·～
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。