AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
返回上级
显示直达
AI动态
PS教程
设计与艺术
词条百科
运营
UI设计
交互设计
产品设计
就业职场
平面设计
手绘
电商设计
网页设计
设计教程
设计灵感
设计神器
UI设计
动效设计
图标设计
移动端设计
图标太多分不清楚？可能是最全面的图标设计类型和风格总结！
编者按：图标类型千变万化，实际上万变不离「线性、面性、线面结合」3个方面， 再结合 「透明度、渐变、颜色叠加、质感、多维空间」等表达方式设计而成。本文...
+68
从零开始画图标系列：进阶线性图标设计实战
在之前的文章《从零开始画图标系列：线性图标设计实战演示！》中，我们已经讲解了线性图标的绘制方法，在本篇文章，我们就可以从它的基础中延伸出其它线性风...
+17
从零开始画图标系列：图标应用详解
前面的章节，已经系统地讲解了图标的设计方法，相信认真学习并实践的同学，已经可以设计出优秀的图标了。 但是，在 UI 设计中，图标不是孤立存在的。我们学...
+9
从零开始画图标系列：启动图标设计指南
本文我们开始讲解最后一种类型的图标 ── 启动图标。在第一章我们已经对启动图标有了基础的认识，所以下图再简单回顾一遍。 想要在启动图标设计上入门，就...
+11
从零开始画图标系列：装饰图标设计指南
在装饰图标中，就没有工具图标那么严谨的规范需要遵循，也就意味着自由度更高，可以任意发挥。显然，想要通过一篇文章掌握所有的装饰图标视觉设计方法，并不...
+17
从零开始画图标系列：工具类图标设计规范
在《从零开始画图标系列：超全面的基础知识》中我们知道了，工具图标的三种设计类型，以及对应的不同风格。本篇文章，内容主要分为规范讲解和案例演示两个部...
+28
从零开始画图标系列：超全面的基础知识
在 UI 的设计体系中，图标是最重要的组成部分之一，是任何 UI 界面中都不可或缺的视觉元素。了解图标相关的概念，以及正确绘制的方法，是入门 UI设计的必备条...
+20
全面系统！给新人的图标设计入门指南
@途家UED ：如何把控图标设计的风格，在什么场景该如何应用，本篇文章就为大家解决这些问题。 什么是图标 图标的功能分类 图标使用场景 欢迎关...
+5
好图标什么样？这有一份大神总结的检查清单！
图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇文章给你解答。 在图形交互界面...
+6
用一篇干货，让你掌握「切图标注」这个知识点！
编者按：本文是一篇写给新手的科普指南，从切图的发展史到基础知识，以及常见的术语解释，都有详细的说明，非常适合刚入门的 UI 设计师学习。 一、目的 为了...
+15
超全面！如何系统学习功能图标之理论篇
由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》、《如何绘制功能性图标？来看资...
+27
15年图标设计经验，总结出1套专业流程和8个注意事项
我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章不一样，今天我们的文章不会花费...
+9
万字干货！设计师必须学会的图标技巧
编者按：本文高达一万字，从图标的起源、定义到基础的设计方法总结无一不包，还有大量的案例帮你理解布尔运算，是新人设计师学习图标设计的必备干货！ 一、图...
+52
如何从0到1做出一组图标？来看这份实战设计思路总结！
@菜心设计铺 ：图标——界面设计最重要的元素之一。 菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比重，所以我始终坚信能够把图标做...
+11
用四个步骤，帮你学会金刚区图标的设计方法
编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。 文章目录： 什么是金刚区？...
+14
最出彩的APP图标，都会经历这样9个关键设计步骤
对于移动端APP 而言，图标始终还是最重要的「门面」，它直接关联着产品的品牌价值，图标是否具备良好的可用性，将会直接影响到品牌和产品本身。图标设计的讲...
+2
想整合出一套统一的图标，这些技巧不要错过
找图标这个事情，对于设计师而言，其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载，而且设计师自己改和设计都不是什么大事。不过，这当中涉及...
+13
设计图标的时候，一定要抵制住这6个诱惑！
所有伟大的图标都是一样的伟大，所有失败的图标都玩着不一样的戏码。 和绝大多数优秀的设计一样，最优秀最伟大的图标大多是……隐形的。 最为我们熟知的搜索...
+17
如何绘制功能性图标？来看资深设计师的全面总结！
想想图标的绘制也是有历史的，从刚开始 ps 用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普及，开始放弃面切法，转用钢笔工...
+14
如何系统学习功能图标？来看资深设计师的全面总结！
一、图标的定义 1. 什么是图标 图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. 什么是功能图标 功能图标是具有...
+29
腾讯设计师总结的图标设计五维自检法
@菜心设计铺 ：最近在做图标的优化调整，虽然改动不大，但在复盘的时候还是总结出很多心得，在这里和大家分享一下。 图标是界面设计中最重要的元素之一，也...
+13
正在疯狂流行的等轴测图标，千万不要错过
图标是几乎任何网站都需要的重要组成部分，无论是用来传递信息、导航还是用来装饰，图标和类似图标的元素都是一种富有吸引力的有趣的功能性元素。 虽然在过...
+1
超实用的扁平图标绘制终极指南！
一、使用栅格 界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多...
+29
如何画好一组线性图标？来看这份新手科普总结！
画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 icon 的作用，首先是需要大量地练...
+10
这个「以用户为中心」的图标设计法，恰好很多设计师不会
@Daidai丶呆 ：今天这篇文章的内容虽然较短，但是意义却非常深刻，值得各位 UI 设计师细品。 该项目旨在遵循以用户为中心的设计方法，去设计一个 Android 移...
+4
超全面的图标基础知识总结
图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？ 欢迎关注译者的微信公众号：「小贱剑设计出品」
腾讯设计师：如何系统地设计界面图标？
文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。 作者： KongZhen@腾讯视频TVD
+2
两分钟认识一款优雅的图标管理工具：Nucleo
徐小马：在互联网产品的设计工作中，无论是参考、拼稿还是搭建中低保真原型，设计师时时刻刻都会用到图标，然而，如果不对不断收集或制作的图标加以管理，那...
+2
首度揭秘！春节期间滴滴地图小车图标的换装设计过程
如何为创意插上理性的翅膀，滴滴设计师和你一起回顾春节地图小车 icon 换装的设计全过程。 前言 新年刚过，元宵即临，开工的小伙伴都身着新衣，领了红包，...
+12
用品牌基因法，三步帮你搞定图标设计！
@Jenny黄静雯 ：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计理论，却仍做不好设计」的困惑。...
+15
你设计的图标，能顺利通过图标的可用性测试吗？
在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现一些拿捏不定的设计细节。比如，试图推出某个新功...
高手说我的图标不止好看，还有这4个作用！
「界面中存在的每一个元素，都是有意义的。」这是我进行产品设计时的一贯主张。 小到一个标点符号、一根分割线，大到一个图标、一张图片、一个字段，都要有...
+16
一组图标做出9个风格，实战案例让你也能学会
在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点。即讲到了系统图标的设计风格，也讲到图标设计的栅格体系。之前我们都是纸上谈兵，那么我...
+12
苹果Emoji 设计师：几百个风靡世界的表情是如何创作出来的（有彩蛋）
编者按：对于千千万万的iPhone用户来说，手机里面的那些可爱的符号表情肯定耳熟能详了。但是你知道其中的一些emoji是怎么来的吗？第一批emoji的设计者Angela ...
UI 新手福利！iOS系统图标栅格系统全方位解密
今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知，在图标设计中都会使用统一的系统图标栅格系统。那么iOS的系统图标的栅格系统如何定制呢...
+15
只会用缓动？五分钟让你学会AE动画曲线！
AE 动画只会用“缓动”运动曲线？流利说的专业动画师饼哥教你如何把握好动画节奏。 导言 本文是关于动画曲线的探究，将从为什么探究动画运动曲线、如何在 AE 中...
+19
用起点读书的实战案例，教你从AE制作到落地开发的方案
导语 动画可以辅助视觉制作焦点，引导注意力的方向，越来越为广大视觉设计师青睐。从设计工具上来看，既有Framer.js、Origami， 也有交互原型类 Principle、F...
+11
深度分析12条经典动效设计原理，提升产品可用性！
大家好，我是Clippp，今天分享的文章是「动效」设计。动效在产品设计中扮演着重要角色，它的好坏与否直接影响了用户的使用体验。 动效对产品的可用性体验有...
+13
一篇文章帮你了解AE动画插件Lottie的前世今生（附避坑案例）
大家好，我是彩云。在动画落地的过程中，配合Lottie插件输出JSON动画文件是大家常用的方法。今天这篇分享，将会讲到Lottie这个插件怎么来的，为什么会叫Lotti...
+7
想让交互更走心？这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中，「系统状态可见性」可以说是如今交互设计领域当中，最为重要的原则之一。通过向用户展现当前的状态，让用户拥有对系统的控制...
+10
动效不知如何落地？看完腾讯高手的经验就明白了
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归纳下这方面的内容，跟大家分享下...
+5
Lottie 动效设计完全指南：渐变修复
大家在使用Lottie输出矢量渐变图形的时候，应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的，导出以后都变成了黑白渐变。那么这...
+5
做好直接用！动效神器 Lottie 基础入门教学
疫情期间，在线生活迎来爆发 ，视频行业成了广大网民放松娱乐和了解疫情、学习防护知识的重要平台。 短视频行业的日活用户规模较平日增加 16.7%，日人均使用...
+4
让动效更酷炫！4 个常见且常用的 SVG 交互动画方法
本文介绍了 4 种常见的 SVG 交互动画方法，帮你了解 SVG 交互动画的原理和简单方法。 优秀的人机交互和舒适合理的动画，一直是 UX 设计师孜孜不倦追求的目标...
+2
历时2个月，整理了这篇动效落地输出指南！
针对动效输出的选择变得越来越多，然而作为设计师仅仅对动效输出有所了解，往往产出的结果还是不尽如人意。了解动效落地背后的原理，可以帮助我们在设计的前...
+43
超全面！写给设计师的动效知识库
Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效或者动态图形。 动效是什么？ Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效设计或者动态...
+80
超全面！UI 加载动画基础科普指南
@Mockplus原型设计 ：如今，越来越多的优秀 iOS 应用程序、MacOS 工具和网站争相出现，用户对产品质量的要求也水涨船高。在用户心中，真正优秀的产品必然是要...
+16
为什么越来越流行的酷炫动效，你不一定要学？
写这篇文章的起因是前段时间在 Meidum 上读到的一篇驳斥 Dribbble 发展现状的文章。文章发表在 16 年，其中提到：「我不认为 Dribbble 解决了什么问题，你期...
+19
1
…
5
6
7
8
添加小工具
点此为“分类归档侧边栏”添加小工具
图标太多分不清楚？可能是最全面的图标设计类型和风格总结！
流光
inUI设计从零开始画图标系列：进阶线性图标设计实战
流光
inUI设计从零开始画图标系列：图标应用详解
流光
inUI设计从零开始画图标系列：启动图标设计指南
流光
inUI设计从零开始画图标系列：装饰图标设计指南
流光
inUI设计从零开始画图标系列：工具类图标设计规范
流光
inUI设计从零开始画图标系列：超全面的基础知识
流光
inUI设计全面系统！给新人的图标设计入门指南
流光
inUI设计好图标什么样？这有一份大神总结的检查清单！
流光
inUI设计用一篇干货，让你掌握「切图标注」这个知识点！
流光
inUI设计超全面！如何系统学习功能图标之理论篇
流光
inUI设计15年图标设计经验，总结出1套专业流程和8个注意事项
流光
inUI设计万字干货！设计师必须学会的图标技巧
流光
inUI设计如何从0到1做出一组图标？来看这份实战设计思路总结！
流光
inUI设计用四个步骤，帮你学会金刚区图标的设计方法
流光
inUI设计最出彩的APP图标，都会经历这样9个关键设计步骤
流光
inUI设计想整合出一套统一的图标，这些技巧不要错过
流光
inUI设计设计图标的时候，一定要抵制住这6个诱惑！
流光
inUI设计如何绘制功能性图标？来看资深设计师的全面总结！
流光
inUI设计如何系统学习功能图标？来看资深设计师的全面总结！
流光
inUI设计腾讯设计师总结的图标设计五维自检法
流光
inUI设计正在疯狂流行的等轴测图标，千万不要错过
流光
inUI设计超实用的扁平图标绘制终极指南！
流光
inUI设计如何画好一组线性图标？来看这份新手科普总结！
流光
inUI设计这个「以用户为中心」的图标设计法，恰好很多设计师不会
流光
inUI设计超全面的图标基础知识总结
流光
inUI设计腾讯设计师：如何系统地设计界面图标？
流光
inUI设计两分钟认识一款优雅的图标管理工具：Nucleo
流光
inUI设计首度揭秘！春节期间滴滴地图小车图标的换装设计过程
流光
inUI设计用品牌基因法，三步帮你搞定图标设计！
流光
inUI设计你设计的图标，能顺利通过图标的可用性测试吗？
流光
inUI设计高手说我的图标不止好看，还有这4个作用！
流光
inUI设计一组图标做出9个风格，实战案例让你也能学会
流光
inUI设计苹果Emoji 设计师：几百个风靡世界的表情是如何创作出来的（有彩蛋）
流光
inUI设计UI 新手福利！iOS系统图标栅格系统全方位解密
流光
inUI设计只会用缓动？五分钟让你学会AE动画曲线！
流光
inUI设计用起点读书的实战案例，教你从AE制作到落地开发的方案
流光
inUI设计深度分析12条经典动效设计原理，提升产品可用性！
流光
inUI设计一篇文章帮你了解AE动画插件Lottie的前世今生（附避坑案例）
流光
inUI设计想让交互更走心？这4种可见状态微交互技巧一定要学会
流光
inUI设计动效不知如何落地？看完腾讯高手的经验就明白了
流光
inUI设计Lottie 动效设计完全指南：渐变修复
流光
inUI设计做好直接用！动效神器 Lottie 基础入门教学
流光
inUI设计让动效更酷炫！4 个常见且常用的 SVG 交互动画方法
流光
inUI设计历时2个月，整理了这篇动效落地输出指南！
流光
inUI设计超全面！写给设计师的动效知识库
流光
inUI设计超全面！UI 加载动画基础科普指南
流光
inUI设计为什么越来越流行的酷炫动效，你不一定要学？
流光
inUI设计