图标设计 - 最美UI

饿了么、美团都在用的轻拟物风格，到底是什么？

拟物化设计的回归在今天的 UI 设计领域，由扁平化设计风格占据主导地位，已经是无可辩驳的事实了。扁平化应用除了提升用户获取信息的效率外，对设计师而言就是设计的难度大大降低了。

图标设计界面设计设计设计风格轻拟物风格

设计思维 | 图标设计知识点Get了吗？

最近遇到一个同学，说做了很多稿图标的方案最终还是没有确定下来，但眼看着产品马上就要上线了，该怎么办。经过一轮沟通，发现他陷入几个新手设计师在画图标比较容易犯的问题：

ui设计图标技巧图标设计

万字干货！设计师必须学会的图标技巧

编者按：本文高达一万字，从图标的起源、定义到基础的设计方法总结无一不包，还有大量的案例帮你理解布尔运算，是新人设计师学习图标设计的必备干货！

图标设计填充图标布尔运算线性图标金刚区图标

这个「以用户为中心」的图标设计法，恰好很多设计师不会

@Daidai丶呆：今天这篇文章的内容虽然较短，但是意义却非常深刻，值得各位 UI 设计师细品。

logo设计图标设计实战案例用户体验用户研究经验分享

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

一、图标的定义 1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。

ICO 图标图标设计经验分享设计规范设计风格

超全面！如何系统学习功能图标之理论篇

由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》、《如何绘制功能性图标？来看资深设计师的全面总结！（二）》、这两篇文章，但里面还是缺

ui设计功能性图标图标理论图标设计界面设计

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

文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。

icon图标图标图标设计经验分享

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

我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章不一样，今天我们的文章不会花费很长时间来单独介绍某一个图标的设计，而是设计任何一套图

icon8 图标设计经验分享设计流程

一组图标做出9个风格，实战案例让你也能学会

在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点。即讲到了系统图标的设计风格，也讲到图标设计的栅格体系。之前我们都是纸上谈兵，那么我们今天就来实践一下，毕竟实践才是硬道理。

Icon设计图标设计图标风格经验分享

用品牌基因法，三步帮你搞定图标设计！

@Jenny黄静雯：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计理论，却仍做不好设计」的困惑。今天静雯就来带你从理论到实践，用菜心设计铺的《用品

icon图标品牌品牌基因法品牌设计图标设计经验分享

从零开始画图标系列：超全面的基础知识

在 UI 的设计体系中，图标是最重要的组成部分之一，是任何 UI 界面中都不可或缺的视觉元素。了解图标相关的概念，以及正确绘制的方法，是入门 UI设计的必备条件。

UI 设计图标设计图标风格酸梅干超人

设计图标的时候，一定要抵制住这6个诱惑！

所有伟大的图标都是一样的伟大，所有失败的图标都玩着不一样的戏码。和绝大多数优秀的设计一样，最优秀最伟大的图标大多是……隐形的。

logo设计图标设计经验分享

最出彩的APP图标，都会经历这样9个关键设计步骤

对于移动端APP 而言，图标始终还是最重要的「门面」，它直接关联着产品的品牌价值，图标是否具备良好的可用性，将会直接影响到品牌和产品本身。图标设计的讲究很多，而 APP 图标这种牵一发而动全身的东西更加讲究。今

logo设计图标设计经验分享

用四个步骤，帮你学会金刚区图标的设计方法

编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。

ui设计图标设计金刚区金刚区图标

超实用的扁平图标绘制终极指南！

一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。

icon图标图标图标设计扁平风格线性图标设计规范

超全面的图标基础知识总结

图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？

icon图标入门图标图标设计图标风格线性图标经验分享

从零开始画图标系列：装饰图标设计指南

在装饰图标中，就没有工具图标那么严谨的规范需要遵循，也就意味着自由度更高，可以任意发挥。显然，想要通过一篇文章掌握所有的装饰图标视觉设计方法，并不现实，新手只要将精力聚焦在最常用的几种图标风格的设计上

入门图标设计装饰性图标超人的电话亭

好图标什么样？这有一份大神总结的检查清单！

图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。

icon图标 Icon设计图标图标设计

如何从0到1做出一组图标？来看这份实战设计思路总结！

@菜心设计铺：图标——界面设计最重要的元素之一。菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比重，所以我始终坚信能够把图标做好，也是难得的特长之一。

图标设计实战案例设计实战设计思路

高手说我的图标不止好看，还有这4个作用！

「界面中存在的每一个元素，都是有意义的。」这是我进行产品设计时的一贯主张。

icon图标图标设计经验分享

从零开始画图标系列：工具类图标设计规范

在《从零开始画图标系列：超全面的基础知识》中我们知道了，工具图标的三种设计类型，以及对应的不同风格。本篇文章，内容主要分为规范讲解和案例演示两个部分，规范是工具图标的重点。希望读者千万不要跳过这部分的

图标设计工具图标工具类图标超人的电话亭

想整合出一套统一的图标，这些技巧不要错过

找图标这个事情，对于设计师而言，其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载，而且设计师自己改和设计都不是什么大事。不过，这当中涉及到一个非常现实的问题。

icon8 图标优化图标设计经验分享

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

画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练习，其次是尽量不要一遇到画图标的时候就随便在网上下载，

icon图标 ICON教程图标设计线性icon 线性图标经验分享

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

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

PS 教程图标图标设计教程经验分享

你设计的图标，能顺利通过图标的可用性测试吗？

在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现一些拿捏不定的设计细节。比如，试图推出某个新功能时所设计的图标，它的应用效果如何？如果你还在头疼诸如

可用性测试图标设计用户测试用户研究经验分享

正在疯狂流行的等轴测图标，千万不要错过

图标是几乎任何网站都需要的重要组成部分，无论是用来传递信息、导航还是用来装饰，图标和类似图标的元素都是一种富有吸引力的有趣的功能性元素。

图标设计等轴测图标经验分享设计趋势

全面系统！给新人的图标设计入门指南

@途家UED ：如何把控图标设计的风格，在什么场景该如何应用，本篇文章就为大家解决这些问题。

入门图标设计途家UED 金刚区图标

从零开始学！B 端产品图标绘制指南（软件篇）

今天给大家介绍几个 Illustrator 杀手级功能，分享一下如何让图档尽量小，可反复修改且不会破坏对象的作图小技巧，再配合一通行云流水的快捷键操作，你就是高手中的高手啦。

B端产品 B端设计图标设计

一个简单的图标设计需求，腾讯设计师是如何做好差异化的？

每天努力的用心的去做设计，挺开心的，其中最开心的细节就是“思考自己的设计如何与别人的不一样”，让你的差异化产出得到认可后，这将是一件非常非常幸福的事情。

图标图标设计差异化设计需求分析

从零开始画图标系列：进阶线性图标设计实战

在之前的文章《从零开始画图标系列：线性图标设计实战演示！》中，我们已经讲解了线性图标的绘制方法，在本篇文章，我们就可以从它的基础中延伸出其它线性风格的设计过程。

入门图标图标设计线性图标超人的电话亭

学会这 7 个技巧，画出完美图标

大家好，我是布莱恩。图标是 UI 设计中最基础也是很重要的部分，辅助人们更好的理解功能内容。随着扁平化设计风格的普及，图标的风格越来越简约，看似简单的图形，实际要准确的表达含义，也是需要注意一些方法的。以

ui设计图标技巧图标设计

如何选择合适的图标？来看这份图标类型和风格汇总

大家好，我是 Clippp。看到好的图标我们会习惯性地截图保存，但随着收集的图标越来越多，会发现对图标的分类会变得越来越混乱…做设计时也不清楚到底该参考或运用哪种风格最合适。来看看如何解决这些问题！

图标类型图标设计图标风格

搞懂这7个图标设计原则，你就能像专业图标设计师一样

编者按：设计原则总是看起来简单抽象不言自明的，但是在细分的设计领域，这些原则其实有着各自不同适用情况，有着「特定的条件」。图标设计，就是如此。今天的这篇文章，来自专业的图标设计师 Helena Zhang，她结合

免费图标图标下载图标设计经验分享

从这3个方面，快速了解产品图标设计体系的炼成

前不久我在讲标签栏专题的时候，有聊到过一次图标。（前文已提及到部分规范，本文将直接引用，为防止新读者理解脱节，建议先看前文）。

产品图标设计设计系统设计规范

想绘制线性图标，这里有 6 个前辈为你踩过的坑

我们作为 UI 设计师，一开始入门接触最多的就是图标，而现在很多设计师都钟爱线性图标，导致很多新手设计师也跟随主流的脚步选择线性图标去设计，但是线性图标是不是真的像我们看起来那么简单呢？

图标设计线性图标

图标细节不够，到底差在哪？高手总结了这10条关键原则

大家好，我是彩云。最近有帮忙看我群里一些同学的作品集，会发现很多人在图标设计细节上有不少问题，这块也是我给出建议较多的地方。我希望通过今天这篇文章，能够让大家自检下自己作品集中的图标问题，或许还有可以

UI 设计图标图标设计彩云译设计

如何让你的图标提升一个档次？从这 3 个细节改起

最近发现一些能提高图标细节和高级感的小技巧，今天与大家分享下这几种风格的设计思路，以及需要注意的点。

UI图标图标技巧图标设计渐变图标

图标如何一稿过？来看京东的实战案例！

我们在画图标的时候，往往会忽略掉一个重要的问题：缺失品牌感。也就是说，这个图标和我们的实际品牌、业务并没有什么联系，它仅仅满足了可辨识这个温饱需求。

图标图标设计

如何从零开始完成一套3Ｄ图标设计？来看大厂的实战案例！

背景 QQ 游戏中心经过设计改版之后，我们重新设定了整体的世界观——多彩的游戏宇宙。并且对多个模块及内容进行了新的设计升级，其中也包括重要的图标图形。

3D图标 QQ 图标设计实战案例

万字干货！超全面的B端设计指南：图标篇

目前我主要深耕于B端设计中，深知B端图标设计与C端有很大的不同，无论是应用的场景、设计的理念，都有非常大的差异，而现在网上有不少关于C端图标如何图标绘制的文章，对于B端的方向少之又少，因此我们今天就来聊聊图

B端产品 B端设计 ui设计图标设计

如何系统性优化一组图标？我总结了这五个方面！

和大家分享一下，杨杨在年前做的一套新年主题图标，整个过程成长很大，也希望能给大家一些启发。

图标优化图标设计实战案例

研究了上百套图标，总监却告诉我图标要这样画！

文件名文件大小提取码下载来源 iconfont 图标库 6M 2333 点此复制登录下载今天还是一篇非常干货的原创文章。

图标技巧图标素材图标设计

掏空家底！图标设计落地全方位指南

如期而至，这是标签栏控件总结的第二期。这一期真是掏空职业经验，希望对你的工作有所帮助。

图标设计控件标签栏标签栏设计设计指南

超长干货！图标设计零基础科普指南

借着疫情期间在家休假的时间，将平时用到的一些零零散散的图标绘制方法与思路进行了一次全面的汇总与沉淀。从实习期间画一组图标的无从下手，每一个图标看起来都像是散装的一样，到后来慢慢学习与练习，到现在变得了

图标图标设计图标风格视觉平衡

图标太多分不清楚？可能是最全面的图标设计类型和风格总结！

编者按：图标类型千变万化，实际上万变不离「线性、面性、线面结合」3个方面，再结合「透明度、渐变、颜色叠加、质感、多维空间」等表达方式设计而成。本文将近 6000 字，一篇就可以了解全部设计风格！

图标理论图标设计图标风格

如何做好可爱型图标设计？腾讯设计师总结了这3个要点！

很多平台的设计风格都是偏可爱类型的，尤其是用户年龄段比较低的，比如动漫类的，校园类的等等。

可爱图标图标图标设计图标风格

从零开始学！B 端产品图标绘制指南（创意篇）

设计师可能会觉得 B 端设计少有发挥空间。一是产品风格严肃专业，不像 C 端产品风格多种多样，可以调动起用户丰富细腻的情绪；二是用户更关注成本、效率、质量、安全，而非用户体验，公司愿意为此投入的资源也有限；

B端产品 B端设计图标设计

从零开始学！B 端产品图标绘制指南（细节篇）

前一篇文章《从零开始学！B 端产品图标绘制指南（创意篇）》跟大家分享了图标设计的创意阶段，今天继续第二篇，总结营造高级感有哪些技巧，以及设计整套图标库需要在哪些方面统一规范。

B端产品 B端设计图标图标设计