ICON - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

ICON 话题

5000+干货！从4个方面掌握图标设计的基础知识

UI

5000+干货！从4个方面掌握图标设计的基础知识

这篇文章主要讲了图标的设计要点和设计方法，帮助新人设计师快速上手图标设计。

2022/01/14

从6个方面帮你快速掌握图标设计规范

UI

从6个方面帮你快速掌握图标设计规范

本文从图标类型、系统图标的尺寸和网格、图标的绘制、导出和命名等6个方面，帮你快速掌握图标设计规范。

2021/10/22

UI

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

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

2020/02/20

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

UI

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

图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。在图形交互界面（GUI）中，图标（icon）是一种最常使用的设计元素之一。怎样设计一个优秀的图标呢？

2019/02/12

UI

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

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

2018/12/06

UI

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

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

2018/09/26

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

UI

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

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

2018/07/09

UI

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

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

2018/07/05

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

UI

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

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

2018/06/18

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

UI

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

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

2018/06/11

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

UI

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

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

2018/06/06

UI

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

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

2018/05/08

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

UI

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

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

2018/04/25

内部教程！超详细的支付宝设计规范之图形图案篇

教程

内部教程！超详细的支付宝设计规范之图形图案篇

一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分，通过几何图形（矩形、圆形、三角形）的组合，造型鲜明，可以传递出支付宝品牌的安全感、信赖感和专业感；基础的几何图形通过不同的灵活组合，可以创造出千变万化的造型感，符合想象力的品牌调性；30° 角度给人以速度感，图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。通过以上描述打造出来的图案图形可以传递支付宝安全感、信赖感和专业感的...

2018/04/06

UI

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

图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？欢迎关注译者的微信公众号：「小贱剑设计出品」「图标设计不止于此」《腾讯设计师：如何系统地设计界面图标？》《从零基础到合格，我总结了这5个图标设计实战方法》《如何找到改版的切入点？

2018/04/02

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

UI

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

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

2018/03/06

教程

如何找到改版的切入点？我用「品牌探索」这个方法！

@菜心设计铺：前几天做了《暴风影音 App 重设计》，不过还没做完，所以今天主要讲讲我寻找改版切入点的方法——品牌探索。到底品牌探索能给我们带来什么？真的能指导我们做设计吗？

2018/03/05

UI

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

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

2018/03/04

UI

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

@Jenny黄静雯：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计理论，却仍做不好设计」的困惑。今天静雯就来带你从理论到实践，用菜心设计铺的《用品牌基因法做图标设计，这是高级UI设计师才会的手法！》理论来重设计链家Tab Icon。

2018/02/21

酷站推荐

设计神器！100％免费在线定制图标库Illustrio

@短腿僵尸木：对于UI和网页设计师来说，Icon的使用十分重要。合适的icon不仅可以带来良好的用户体验，更能凸显平台的风格和调性。可是icon的设计或者是挑选，总是要花费很多时间，而且往往从icon素材网站上下载的icon风格比较单一，或是某种合适风格的icon却没有需要的图标。

2018/01/13

平面

是时候让你的品牌LOGO也动起来了！

很多设计趋势的诞生，和技术本身的发展是分不开的。趋势和趋势之间的互相影响，也会不断催生出新的变化。但是不论如何，有一点是不变的：设计师需要不停跟上需求。

2017/11/27

平面

今年流行的4大LOGO设计趋势，都在这里

对于设计师而言，LOGO设计可能是最有趣也是最令人沮丧的设计项目之一，它是设计中四两拨千金的关键，也是易学难成的设计重难点。LOGO设计的这种独特特性，源自于它所承载的重要责任和“简单”外观所构成的反差。好的LOGO设计不仅包含切题的隐喻，直观的形象，还能够恰到好处地迎合需求，跟随潮流。

2017/07/19

2017设计趋势

教程

零基础AI教程！教你五步临摹MBE风格的火焰渐变图标

@小啊小二饼：MBE 最近也走起了渐变风，但是依然简洁又可爱，不过教程很基础，作为小白入门AI 是不二之选。每日更新有着看不完的教程，想学PS、AI、AE、C4D的中文教程，推荐关注@优设基础训练营想不落伍？怎能不关注移动端设计趋势，分享方寸间的设计灵感。

2017/05/12

平面

AI教程！教你7步快速做出折纸Logo

@祝家老司机：如何快速做出折纸效果？今天这个教程教你用AI 简单7步搞定！每日更新有着看不完的教程，想学PS、AI、AE、C4D的中文教程，推荐关注@优设基础训练营想不落伍？

2017/04/03

UI

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

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

2017/04/02

UI

用品牌基因法做图标设计，这是高级UI设计师才会的手法！

编者按：给界面做图标，如何做才能有理有据呢？今天这篇好文的作者总结了工作中的一些经验，帮你制作出有说服力的图标。欢迎关注作者的微信公众号：「菜心设计铺」在看这篇文章之前你需要清楚，我所讲的东西并不是什么权威，只是在工作中总结出来的一些的小经验而已，制作图标的方法也有很多种，这里只是给大家一个思路上的启发，希望能对你有所帮助吧！

2017/02/27

平面

专家的言传身教：文字LOGO设计的思路与方向

编者按：这篇文章是这个系列文章的第二个部分。相比于抽象的LOGO设计策略，这篇的文章相对系统的阐述了文字LOGO的设计策略和注意事项。当然，LOGO从来都是和品牌设计紧密关联的，牵一发而动全身的文字LOGO，到底要怎么设计呢？

2017/02/17

UI

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

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

2017/01/23

UI

这7个思路，能帮你在设计项目中用好小图标

图标是设计项目中几乎必不可少的一个组成部分，但是在图标的具体使用上，讲究并不少。如果你曾仔细浏览优设的网站，应该已经看过不少图标设计的实战案例。就比如最近的AI教程系列当中，多数都是教你如何设计图标和小插画的：《AI基础教程！

2017/01/12

UI

从零基础到合格，我总结了这5个图标设计实战方法

图标设计是界面设计最重要的组成部分之一，作为UI视觉设计师，这项技能已经是我们必须要掌握的基本技能，那图标设计要遵循什么样的原则呢？这5个图标设计方法都是我实战后总结的，适合新手进阶学习。“识别性”、“符合行为习惯”、“原创性”、“易用性”···上面这些原则都是大的标准，在图标设计的时候起到了指导性的意义，但是这些规则其实都被大家说烂了，如果你对上面这几点还不太了解，可以自行百度一下，这里我就不多说了，我要分享的是能够帮助你提升专业度的一些实战经验，如果你所做的图标能做到以下这几点，那么恭喜你，你及...

2017/01/10

1/7

1
2
3
4
5
...
7
下一页
前往页

大家都在看

设计趋势

文章 229

网页设计

文章 972

设计史

文章 152

字体设计

文章 376

视觉设计

文章 205

设计细节

文章 135

AI教程

文章 137

界面设计

文章 162

设计圈干货

文章 188

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营