AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
显示直达
经验分享
经验分享
图标设计
ICON
用户体验
动效设计
icon图标
转场动效
用户体验设计
App图标
图标
这篇分析iPhone X 转角细节设计的文章，收获了15000+个赞
iPhone X 发布后，很多设计师吐槽屏幕的形状。当大部分的吐槽逐渐平息下来，我依然没看到关于屏幕转角细节设计的讨论。 你理解的转角是什么样的? 当你开始...
+3
想做APP 改版练习，这儿有高手的15个经验总结
提到这个话题有两层不同的讨论方向，在工作中对公司项目进行设计改版和利用业余时间进行自由主题的改版练习。这次我们主要以后者为出发点进行讨论，其目的是...
+11
接到了一个小程序的设计私单，和App设计一样吗？
微信的最近一次更新，小程序入口变浅了很多。最近使用的小程序，被放置在微信打开后初始页面的下拉菜单中，而且给的下拉栏空间非常充足。为了培养用户使用小...
+10
实战案例！新功能引导页设计思路总结
Darren大人 ：总结了一套引导页的设计思路，希望自己在新的一年能多学习总结，在这里和大家分享交流，大家也可以提出问题和建议。 一. 需求分析 1. 新功能是...
+13
如何用另一个角度做设计？来看Airbnb 这个创新方法！
如何构建一个完整的解决方案呢？学会提问，学会多角度看问题，可以帮助我们构建一个完整的方案。 Airbnb Design与News Deeply（News Deeply是一家致力于深入...
+3
这9个方法，帮你搭建更加高效的视觉层次
视觉层次是塑造优秀数字产品的基础，它能让内容以更加有效的方式被组织到一起，使其更容易被理解。视觉层次对于用户体验的影响很大，信息的组织架构是否清晰...
+2
腾讯设计师：极速适配 iPhone X 的技巧揭秘！
有什么方法可以极速适配iPhone X ？今天这篇好文腾讯设计师以QQ空间H5的项目为例，给大家分享最快的适配方法！ 一. iPhone X适配方案 2017年9月苹果发布了iPh...
+4
我们用这个设计方法，从零开始做出了「轻芒杂志」
@Fornever ：豌豆荚在 2011 年引入了 Design Workshop 的方法论做产品设计，并使用这种方法设计出了如豌豆荚 2.0 的 Windows 端和 Android 端、豌豆荚视频搜...
+4
用好黄金比例，用协调自然的配比照亮你设计的UI
UI界面是否设计得足够清晰，各种元素之间是否协调、平衡，用户能否轻松感知到屏幕上的信息，交互是否顺畅舒适，这些因素决定了整个设计是否有效。 为了创造...
+2
如何做好一个搜索体验流程？看这篇超全面的总结！
随着我们产品承载的内容越来越多，搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候，都会把它当作是一个常规的UI控件来对待，但随...
+12
那些特别好用的App是如何设计的？首期揭秘：网易蜗牛读书
由于工作需要，手机里安装了N个应用，但是常用的都是那几个。常常是工作中遇到具体问题了，才会翻看好多App参考，觉得自己脑子里的「存货」太少了。希望自己...
+9
掌握这6个关键点，你也能制作出系统而专业的设计指南
设计指南是最大程度提升设计团队输出效率和确保品牌一致性的核心工具，成功的设计规范并非一蹴而就，需要注意的问题并不少。 对于一个网站甚至一个品牌而言...
+2
让APP中内容呈现更友好易用的5种常见导航设计模式
在设计移动端APP的时候，最重要的一点是确保界面和交互足够有用又清晰直观。如果这两个基本的特征都无法达成，用户是没有足够的理由来使用它的，更不用说额外...
+2
搞懂这7个图标设计原则，你就能像专业图标设计师一样
编者按：设计原则总是看起来简单抽象不言自明的，但是在细分的设计领域，这些原则其实有着各自不同适用情况，有着「特定的条件」。图标设计，就是如此。今天...
+26
15年图标设计经验，总结出1套专业流程和8个注意事项
我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章不一样，今天我们的文章不会花费...
+9
最出彩的APP图标，都会经历这样9个关键设计步骤
对于移动端APP 而言，图标始终还是最重要的「门面」，它直接关联着产品的品牌价值，图标是否具备良好的可用性，将会直接影响到品牌和产品本身。图标设计的讲...
+2
想整合出一套统一的图标，这些技巧不要错过
找图标这个事情，对于设计师而言，其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载，而且设计师自己改和设计都不是什么大事。不过，这当中涉及...
+13
如何绘制功能性图标？来看资深设计师的全面总结！
想想图标的绘制也是有历史的，从刚开始 ps 用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普及，开始放弃面切法，转用钢笔工...
+14
如何系统学习功能图标？来看资深设计师的全面总结！
一、图标的定义 1. 什么是图标 图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. 什么是功能图标 功能图标是具有...
+29
正在疯狂流行的等轴测图标，千万不要错过
图标是几乎任何网站都需要的重要组成部分，无论是用来传递信息、导航还是用来装饰，图标和类似图标的元素都是一种富有吸引力的有趣的功能性元素。 虽然在过...
+1
如何画好一组线性图标？来看这份新手科普总结！
画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 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
为你揭秘 Google的动效设计师是怎么制作 UI 动效的
我在上一篇文章《动效设计没那么难！让谷歌动效设计师带你入门》当中，已经通过实际的案例，分享了动效设计并不难的原因。我们着力推动 Material Design ，我...
+2
动效设计没那么难！让谷歌动效设计师带你入门
编者按：UI中动效设计本没有那么玄乎，作为 Google 旗下 Material Design 团队中动效设计的负责人之一，Jonas Naimark 对于动效本身有着更为透彻的认知，这也...
+9
在制作 GIF 图片的时候，这10个注意事项帮你做得更好
这是一个什么都在变快的时代。在互联网上，一切都开始动起来，短视频开始流行，而 Gif图早就已经像病毒一样占据了网络的每个角落。用户用 Gif图来传达信息，...
+3
终极指南！超全面的UI动效基本规则总结
动画效果如今已经深入到 UI界面的每个角落。屏与屏之间的切换因为动效而显得更加连贯，交互的上下文逻辑也因为动效的加持而更加清晰。动效对于产品和用户而言...
+26
这些小小的改变，能够让UI动效更上一层楼
UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。 动效呈现出状态切换的过程，展现了元素之...
+3
用一篇文章，帮你掌握基础实用的动效技能
对如今的 UX 设计师来说，会点动效基本已是常规操作了。作为 UX 设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终...
+22
从零开始设计产品的 10 个 UI/UX 启示
2016 年的时候，我意识到一个很重要的问题：我一直都没有实现自己的目标：学习新技能、结识新朋友、保持身心健康，等等等等。这并不是因为我没有意愿和动力，...
+9
想让交互更走心？这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中，「系统状态可见性」可以说是如今交互设计领域当中，最为重要的原则之一。通过向用户展现当前的状态，让用户拥有对系统的控制...
+10
1
…
7
8
9
添加小工具
点此为“分类归档侧边栏”添加小工具
这篇分析iPhone X 转角细节设计的文章，收获了15000+个赞
流光
inUI设计想做APP 改版练习，这儿有高手的15个经验总结
流光
inUI设计接到了一个小程序的设计私单，和App设计一样吗？
流光
inUI设计实战案例！新功能引导页设计思路总结
流光
inUI设计如何用另一个角度做设计？来看Airbnb 这个创新方法！
流光
inUI设计这9个方法，帮你搭建更加高效的视觉层次
流光
inUI设计腾讯设计师：极速适配 iPhone X 的技巧揭秘！
流光
inUI设计我们用这个设计方法，从零开始做出了「轻芒杂志」
流光
inUI设计用好黄金比例，用协调自然的配比照亮你设计的UI
流光
inUI设计如何做好一个搜索体验流程？看这篇超全面的总结！
流光
inUI设计那些特别好用的App是如何设计的？首期揭秘：网易蜗牛读书
流光
inUI设计掌握这6个关键点，你也能制作出系统而专业的设计指南
流光
inUI设计让APP中内容呈现更友好易用的5种常见导航设计模式
流光
inUI设计搞懂这7个图标设计原则，你就能像专业图标设计师一样
流光
inUI设计15年图标设计经验，总结出1套专业流程和8个注意事项
流光
inUI设计最出彩的APP图标，都会经历这样9个关键设计步骤
流光
inUI设计想整合出一套统一的图标，这些技巧不要错过
流光
inUI设计如何绘制功能性图标？来看资深设计师的全面总结！
流光
inUI设计如何系统学习功能图标？来看资深设计师的全面总结！
流光
inUI设计正在疯狂流行的等轴测图标，千万不要错过
流光
inUI设计如何画好一组线性图标？来看这份新手科普总结！
流光
inUI设计这个「以用户为中心」的图标设计法，恰好很多设计师不会
流光
inUI设计超全面的图标基础知识总结
流光
inUI设计腾讯设计师：如何系统地设计界面图标？
流光
inUI设计两分钟认识一款优雅的图标管理工具：Nucleo
流光
inUI设计首度揭秘！春节期间滴滴地图小车图标的换装设计过程
流光
inUI设计用品牌基因法，三步帮你搞定图标设计！
流光
inUI设计你设计的图标，能顺利通过图标的可用性测试吗？
流光
inUI设计高手说我的图标不止好看，还有这4个作用！
流光
inUI设计一组图标做出9个风格，实战案例让你也能学会
流光
inUI设计苹果Emoji 设计师：几百个风靡世界的表情是如何创作出来的（有彩蛋）
流光
inUI设计UI 新手福利！iOS系统图标栅格系统全方位解密
流光
inUI设计为你揭秘 Google的动效设计师是怎么制作 UI 动效的
流光
inUI设计动效设计没那么难！让谷歌动效设计师带你入门
流光
inUI设计在制作 GIF 图片的时候，这10个注意事项帮你做得更好
流光
inUI设计终极指南！超全面的UI动效基本规则总结
流光
inUI设计这些小小的改变，能够让UI动效更上一层楼
流光
inUI设计用一篇文章，帮你掌握基础实用的动效技能
流光
inUI设计从零开始设计产品的 10 个 UI/UX 启示
流光
in产品经验想让交互更走心？这4种可见状态微交互技巧一定要学会
流光
in交互设计