AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
返回上级
显示直达
AI动态
PS教程
设计与艺术
词条百科
运营
UI设计
交互设计
产品设计
就业职场
平面设计
手绘
电商设计
网页设计
设计教程
设计灵感
设计神器
UI设计
动效设计
图标设计
移动端设计
超全面的移动端顶部栏设计分析
王M争：我最近在做改版设计，所以很长时间没有更文了。期间遇到了很多问题，其中一个就是顶部栏配色，后来我索性就针对移动端顶部栏设计做一个总结，在这里分...
UI 设计新人容易犯的7个细节错误
在互联网产品圈里，用户体验一直是被格外推崇，几乎每一个产品经理都会把用户体验挂在嘴上。即便是一个产品菜鸟也会在言谈间说出一番诸如，做产品的一定要把...
+4
为吸引用户而存在：界面中CTA按钮的设计有何讲究
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
掌握这12个移动端UX设计趋势，你就掌控了2018年
移动端APP的世界真的是瞬息万变啊，各种设计技法和新鲜趋势你方唱罢我登场，想要维持住产品的热度和关注度，设计师需要不断地学习和调整设计，应对越来越严苛...
+12
如何做好一个搜索体验流程？看这篇超全面的总结！
随着我们产品承载的内容越来越多，搜索功能在大多产品中都成了一个必不可少的功能。最初我们在看搜索框的时候，都会把它当作是一个常规的UI控件来对待，但随...
+12
那些特别好用的App是如何设计的？首期揭秘：网易蜗牛读书
由于工作需要，手机里安装了N个应用，但是常用的都是那几个。常常是工作中遇到具体问题了，才会翻看好多App参考，觉得自己脑子里的「存货」太少了。希望自己...
+9
掌握这6个关键点，你也能制作出系统而专业的设计指南
设计指南是最大程度提升设计团队输出效率和确保品牌一致性的核心工具，成功的设计规范并非一蹴而就，需要注意的问题并不少。 对于一个网站甚至一个品牌而言...
+2
让APP中内容呈现更友好易用的5种常见导航设计模式
在设计移动端APP的时候，最重要的一点是确保界面和交互足够有用又清晰直观。如果这两个基本的特征都无法达成，用户是没有足够的理由来使用它的，更不用说额外...
+2
一个简单的图标设计需求，腾讯设计师是如何做好差异化的？
每天努力的用心的去做设计，挺开心的，其中最开心的细节就是“思考自己的设计如何与别人的不一样”，让你的差异化产出得到认可后，这将是一件非常非常幸福的事...
+8
如何选择合适的图标？来看这份图标类型和风格汇总
大家好，我是 Clippp。看到好的图标我们会习惯性地截图保存，但随着收集的图标越来越多，会发现对图标的分类会变得越来越混乱…做设计时也不清楚到底该参考或...
+50
图标设计如何快速过稿？来看腾讯设计师的私藏方法
最近遇到一个同学，说做了很多稿图标的方案最终还是没有确定下来，但眼看着产品马上就要上线了，该怎么办。经过一轮沟通，发现他陷入几个新手设计师在画图标...
+20
研究了上百套图标，总监却告诉我图标要这样画！
文件名 文件大小 提取码 下载来源 iconfont 图标库 6M 2333 点此复制 登录下载 今天还是一篇非常干货的原创文章。 内容分为两点： 快速绘制...
+21
图标如何一稿过？来看京东的实战案例！
我们在画图标的时候，往往会忽略掉一个重要的问题：缺失品牌感。也就是说，这个图标和我们的实际品牌、业务并没有什么联系，它仅仅满足了可辨识这个温饱需求...
+13
万字干货！超全面的B端设计指南：图标篇
目前我主要深耕于B端设计中，深知B端图标设计与C端有很大的不同，无论是应用的场景、设计的理念，都有非常大的差异，而现在网上有不少关于C端图标如何图标绘...
+38
学会这 7 个技巧，画出完美图标
大家好，我是布莱恩。图标是 UI 设计中最基础也是很重要的部分，辅助人们更好的理解功能内容。随着扁平化设计风格的普及，图标的风格越来越简约，看似简单的...
+4
如何让你的图标提升一个档次？从这 3 个细节改起
最近发现一些能提高图标细节和高级感的小技巧，今天与大家分享下这几种风格的设计思路，以及需要注意的点。 分享大纲： 层叠手法 图标图形化 单色弱...
+9
如何让你的「按钮设计」上档次？送你这份万能公式！
按钮在界面设计中，属于最基础的元素部分组成，按钮设计的精致，整个页面的品质也会上升不少的档次。今天给大家分享这篇文章，主要讲解在设计按钮时我们应该...
+21
Tubik Studio 是怎么为华为定制整套 UI 图标的？
编者按：一套 UI 界面当中，核心的 APP 图标是用户每天都要接触、经常使用的视觉组件和交互对象。设计图标的时候，要用到大家最熟悉的元素才能贴合用户认知，...
+8
百万人使用的百度 Emoji ，是如何改版的？
工程师法尔曼创造了第一个表情符号，使文字信息更准确的传达情绪，表情现已经成为了互联网沟通中不可或缺的元素。百度APP用户正趋于年轻化，表达的诉求也日益...
+15
同样是光标设计，苹果是如何把体验做到极致的？
假如你想给 iPad 设计一个鼠标的光标，你会怎么做？ 没问题，你也许会说，不就是给 iPad 加个鼠标的光标吗，这没什么难的。于是乎你提出了下图中的设计，和...
+17
如何做好底部导航栏图标设计？来看高级设计师的全面总结！
图标在产品中的应用非常重要，不同位置的图标有不同的设计思路。本文将从产品和设计两个角度对底部导航栏的图标进行分析。阅读之前，请先浏览文章的大纲。 0...
+7
如何做好可爱型图标设计？腾讯设计师总结了这3个要点！
很多平台的设计风格都是偏可爱类型的，尤其是用户年龄段比较低的，比如动漫类的，校园类的等等。 就在前不久，我刚刚悟出了三个因素，对于可爱类型的图标，...
+7
如何系统性优化一组图标？我总结了这五个方面！
和大家分享一下，杨杨在年前做的一套新年主题图标，整个过程成长很大，也希望能给大家一些启发。 其实一套主题图标对于一个刚毕业的大学生来说，难度不小，...
+6
如何从零开始完成一套3Ｄ图标设计？来看大厂的实战案例！
背景 QQ 游戏中心经过设计改版之后，我们重新设定了整体的世界观——多彩的游戏宇宙。并且对多个模块及内容进行了新的设计升级，其中也包括重要的图标图形。 ...
+44
从这3个方面，快速了解产品图标设计体系的炼成
前不久我在讲标签栏专题的时候，有聊到过一次图标。（前文已提及到部分规范，本文将直接引用，为防止新读者理解脱节，建议先看前文）。 那一次因为主题的缘...
+9
图标细节不够，到底差在哪？高手总结了这10条关键原则
大家好，我是彩云。最近有帮忙看我群里一些同学的作品集，会发现很多人在图标设计细节上有不少问题，这块也是我给出建议较多的地方。我希望通过今天这篇文章...
+30
掏空家底！图标设计落地全方位指南
如期而至，这是标签栏控件总结的第二期。这一期真是掏空职业经验，希望对你的工作有所帮助。 这一期我们来聊一聊标签栏中的关键元素——图标。 图标其实存...
+21
超长干货！图标设计零基础科普指南
借着疫情期间在家休假的时间，将平时用到的一些零零散散的图标绘制方法与思路进行了一次全面的汇总与沉淀。从实习期间画一组图标的无从下手，每一个图标看起...
+12
疫情专用素材包！Iconfinder 推出新冠病毒防疫免费图标素材包
知名的免费图标网站 Iconfinder 要和大家一起对抗新冠病毒，和图标设计师联手推出一系列「防疫免费图标集」（Coronavirus awareness icons），超过 200 个与...
+2
搞懂这7个图标设计原则，你就能像专业图标设计师一样
编者按：设计原则总是看起来简单抽象不言自明的，但是在细分的设计领域，这些原则其实有着各自不同适用情况，有着「特定的条件」。图标设计，就是如此。今天...
+26
这个面试问题你会吗：实心图标与空心图标有何区别？
@Daidai丶呆 ：有读者说，面试的时候面试官提到了一个问题，但不知道怎么回答。 这个问题是：实心图标和空心图标的区别是什么？ 这个问题网上的讨论挺多的...
+5
圆角矩形为什么能成为设计趋势？高手给了这篇深度分析！
@Daidai丶呆 ：图形是产品设计中被讨论得最多的元素之一。视觉设计师使用不同形状的图形来表达事物的多样性；交互设计师选择不同形状的图形，解决用户在某场...
+6
从零开始学！B 端产品图标绘制指南（软件篇）
今天给大家介绍几个 Illustrator 杀手级功能，分享一下如何让图档尽量小，可反复修改且不会破坏对象的作图小技巧，再配合一通行云流水的快捷键操作，你就是高...
+23
从零开始学！B 端产品图标绘制指南（细节篇）
前一篇文章《从零开始学！B 端产品图标绘制指南（创意篇）》跟大家分享了图标设计的创意阶段，今天继续第二篇，总结营造高级感有哪些技巧，以及设计整套图标...
+24
腾讯设计师出品！写给新人的图标自检手册
@菜心设计铺 ：之前写过的《腾讯设计师总结的图标设计五维自检法》受到了很多关注。转眼已经过去一年有余，对于图标也有了更加深刻的理解，所以今天继续深挖...
+36
从零开始学！B 端产品图标绘制指南（创意篇）
设计师可能会觉得 B 端设计少有发挥空间。一是产品风格严肃专业，不像 C 端产品风格多种多样，可以调动起用户丰富细腻的情绪；二是用户更关注成本、效率、质...
+6
想绘制线性图标，这里有 6 个前辈为你踩过的坑
我们作为 UI 设计师，一开始入门接触最多的就是图标，而现在很多设计师都钟爱线性图标，导致很多新手设计师也跟随主流的脚步选择线性图标去设计，但是线性图...
+16
用什么方法临摹图标，才能让你进步神速？
@菜心设计铺 ：临摹是突破瓶颈，快速成长的秘诀。其实之前也有写过关于临摹的文章，不过为了强调它的重要性，今天再来一篇。 去年刚进动漫行业的时候，为了...
+13
研究数十个热门 APP后，我来教你如何做好「悬浮按钮」设计
关于悬浮按钮设计，它虽然看起来非常小巧，但它蕴含了非常多的设计要素以及产品设计原理。本文中，笔者从 APP 悬浮按钮的使用情景与设计事项入手，为我们展开...
+11
1
…
4
5
6
7
8
添加小工具
点此为“分类归档侧边栏”添加小工具
超全面的移动端顶部栏设计分析
流光
inUI设计UI 设计新人容易犯的7个细节错误
流光
inUI设计为吸引用户而存在：界面中CTA按钮的设计有何讲究
流光
inUI设计这篇分析iPhone X 转角细节设计的文章，收获了15000+个赞
流光
inUI设计想做APP 改版练习，这儿有高手的15个经验总结
流光
inUI设计接到了一个小程序的设计私单，和App设计一样吗？
流光
inUI设计实战案例！新功能引导页设计思路总结
流光
inUI设计如何用另一个角度做设计？来看Airbnb 这个创新方法！
流光
inUI设计这9个方法，帮你搭建更加高效的视觉层次
流光
inUI设计腾讯设计师：极速适配 iPhone X 的技巧揭秘！
流光
inUI设计我们用这个设计方法，从零开始做出了「轻芒杂志」
流光
inUI设计用好黄金比例，用协调自然的配比照亮你设计的UI
流光
inUI设计掌握这12个移动端UX设计趋势，你就掌控了2018年
流光
inUI设计如何做好一个搜索体验流程？看这篇超全面的总结！
流光
inUI设计那些特别好用的App是如何设计的？首期揭秘：网易蜗牛读书
流光
inUI设计掌握这6个关键点，你也能制作出系统而专业的设计指南
流光
inUI设计让APP中内容呈现更友好易用的5种常见导航设计模式
流光
inUI设计一个简单的图标设计需求，腾讯设计师是如何做好差异化的？
流光
inUI设计如何选择合适的图标？来看这份图标类型和风格汇总
流光
inUI设计图标设计如何快速过稿？来看腾讯设计师的私藏方法
流光
inUI设计研究了上百套图标，总监却告诉我图标要这样画！
流光
inUI设计图标如何一稿过？来看京东的实战案例！
流光
inUI设计万字干货！超全面的B端设计指南：图标篇
流光
inUI设计学会这 7 个技巧，画出完美图标
流光
inUI设计如何让你的图标提升一个档次？从这 3 个细节改起
流光
inUI设计如何让你的「按钮设计」上档次？送你这份万能公式！
流光
inUI设计Tubik Studio 是怎么为华为定制整套 UI 图标的？
流光
inUI设计百万人使用的百度 Emoji ，是如何改版的？
流光
inUI设计同样是光标设计，苹果是如何把体验做到极致的？
流光
inUI设计如何做好底部导航栏图标设计？来看高级设计师的全面总结！
流光
inUI设计如何做好可爱型图标设计？腾讯设计师总结了这3个要点！
流光
inUI设计如何系统性优化一组图标？我总结了这五个方面！
流光
inUI设计如何从零开始完成一套3Ｄ图标设计？来看大厂的实战案例！
流光
inUI设计从这3个方面，快速了解产品图标设计体系的炼成
流光
inUI设计图标细节不够，到底差在哪？高手总结了这10条关键原则
流光
inUI设计掏空家底！图标设计落地全方位指南
流光
inUI设计超长干货！图标设计零基础科普指南
流光
inUI设计疫情专用素材包！Iconfinder 推出新冠病毒防疫免费图标素材包
流光
inUI设计搞懂这7个图标设计原则，你就能像专业图标设计师一样
流光
inUI设计这个面试问题你会吗：实心图标与空心图标有何区别？
流光
inUI设计圆角矩形为什么能成为设计趋势？高手给了这篇深度分析！
流光
inUI设计从零开始学！B 端产品图标绘制指南（软件篇）
流光
inUI设计从零开始学！B 端产品图标绘制指南（细节篇）
流光
inUI设计腾讯设计师出品！写给新人的图标自检手册
流光
inUI设计从零开始学！B 端产品图标绘制指南（创意篇）
流光
inUI设计想绘制线性图标，这里有 6 个前辈为你踩过的坑
流光
inUI设计用什么方法临摹图标，才能让你进步神速？
流光
inUI设计研究数十个热门 APP后，我来教你如何做好「悬浮按钮」设计
流光
inUI设计