AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
返回上级
显示直达
AI动态
PS教程
设计与艺术
词条百科
运营
UI设计
交互设计
产品设计
就业职场
平面设计
手绘
电商设计
网页设计
设计教程
设计灵感
设计神器
UI设计
动效设计
图标设计
移动端设计
如何构建和验证设计风格？来看高手的实战案例！
58UXD：我们认为，视觉设计在产品中主要起以下作用，视觉可用性、信息设计、品牌输出等。 借空状态改版，我们尝试落实视觉设计在品牌输出层面的价值。具体而...
+32
新人来收！10分钟帮你掌握栅格系统基础知识！
编者注：看过很多栅格系统的科普，还是看不懂？那本文绝对值得你花十分钟试一下！语言浅显直白，配图清晰易懂，保证轻松学会。 快速生成栅格系统的在线工具→...
+22
微博官方版和国际版的设计差别有多大？我总结了7个方面！
吴轶 ：最新一个季度财报显示，微博活跃用户继续保持高速增长，月活跃用户达4.46亿，同比净增7000万。营收31.39亿元，其中广告收入27.92亿元，移动端占比83%...
+9
如何打造动态响应组件？来看高手的方法！
当年在Sketch里用过Symbol马上就回不去了，实用贴心到流泪。那都8102年了，有没有可能更智能呢？ 分享个小工具，如果对你有帮助，写文不容易支持一下吧。 文...
+65
每月更新！10个记忆深刻的产品设计神细节
任何一个好的产品设计，都会把对生活的洞察融入进去。适当增加些情感体验的小细节，能增加用户好感，带来良好的用户体验。那么，问题来了，怎么设计，才能增...
+6
即将过去的2018年，Dribbble 反映出来的 10个设计趋势
每个人都在关注趋势。Dribbble 是设计师的集散地，也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品，你总会注意到许多有意思的共性...
+39
如何提高界面设计中的层次感？来看这篇超全面的总结！
@孔雅轩LineVision ：引领初中级设计师摆脱「纠结设计」的弯路，通过对层次感的了解可以将有限的技法用在最该用的地方。 欢迎关注作者...
+7
为了让起点网文的封面不像洗剪吹，设计团队是这么做的！
经过了不到一年的努力，项目组克服了预算有限、人力紧张等客观问题，成功制作了约200张英文封面，并积累了一套高效的操作模式。 文学作品相较于影视作品来...
+11
红袖读书做了一次全新的设计升级，数据上涨高达285%！
「红袖读书」2018年全新改版，打造更轻的阅读体验，更适合女性阅读的读书APP。 一、项目背景 「红袖读书」APP 原名「红袖添香」，是阅文旗下一款以女性为主的...
+13
腾讯实战案例！QQ 家校群的改版设计过程复盘
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样，QQ 也是一个通用的沟通工具，在针对游戏、粉丝、家校等垂类场景下，用户的很多需求未能很好的被满足...
+17
实战复盘！上亿人使用的百度网盘是如何做品牌升级的？
@苏大牙牙牙 ：文章包括品牌理念、品牌识别、APP大改版、品牌延伸。 △ 点击查看完整视频 一、项目背景 百度网盘是百度提供的个人云存储服务，自2012年上线...
+37
万字干货！设计师必须学会的图标技巧
编者按：本文高达一万字，从图标的起源、定义到基础的设计方法总结无一不包，还有大量的案例帮你理解布尔运算，是新人设计师学习图标设计的必备干货！ 一、图...
+52
从设计角度分析，腾讯这款新出的小众音乐App 是如何大获好评的！
一周前，为了听《梦想的声音》，我在APP Store 下载了QQ音乐，无意中发现「音乐」类APP里排行第9的 MOO音乐，它的预览图让我联想到这些关键词：「小众、独特...
+8
错误提示怎么写？这是高手总结的8个正确姿势！
编者按：当用户犯错时，什么样的提醒设计才能让他不会恼怒，反而如临春风呢？本文总结了8个小技巧，帮你做好这个细节。 阿肆Stella ：这次的文章严格来说不...
万字干货！可能是最全面的UI 设计师文件命名规范（二）
上一篇《万字干货！可能是最全面的UI 设计师文件命名规范（一）》我们讨论了 UI设计中文件命名的规范和要点，这一部分我们要讨论的是关于切图的命名、图层命...
+11
紧跟这6个 UI 背景设计趋势，能让你的界面更出彩
无论是设计网页还是海报，背景图片都是最常用、也最能体现当下设计趋势的一种设计元素。在设计APP 的时候同样是如此。过去的10年当中，用的品味发生了不小的...
+2
这3个方法，让你的Axure 也能实现自动标注！
Axure 制作 toB类项目的 Web端原型比较常见，可以将原型做得非常系统、交互逻辑逼真，适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高...
+6
什么是“高级感”的设计？我总结了这3个要点！
@苏大牙牙牙 ：听到「高级感」，大家应该都不陌生。 设计师们，经常听到需求方说：「我想要那种很有高级感的设计」，看到T台上的超模，你可能会忍不住说：「...
+26
万字干货！可能是最全面的UI 设计师文件命名规范（一）
命名，是困扰很多 UI设计师的常见问题之一。从我们开始在软件中设计内容时，就要对图层、图层文件夹进行命名，到对接开发的时候，还要对切图进行命名，再到管...
+10
Airbnb前端工程师：如何在设计中选择正确的字体和版式？
作为一名设计师，你需要学到的最重要的技能之一就是如何选择字体。这是因为文字内容是设计师与用户沟通的主要方式之一，版式可以决定设计的成败。 排版工作...
+8
设计稿怎么改都觉得很乱？那是你还没学会调间距！
笔者最近在参与组件库的设计工作中，发现了一个很有趣的现象：诸多设计师都会以8像素为基数设立间距规范，将其运用在界面和元素中去。 这引发了我的思考：...
+3
如果你不熟悉Material Design，请一口吃下这篇干货
为您准备了最新的 Material Design设计规范，请伴随笔记一口吃掉。 一、安卓是什么？ 想象一下，过年同学聚会上，大家把手机都放在饭桌前，除了各种型号的 iP...
+145
腾讯动漫实战！主题换肤设计的背后过程小结
项目复盘对设计师的成长来说是一个很重要的环节，不仅可以巩固自己的设计理论，同时还可以与小伙伴们分享自己的小心得。 本次就以换肤设计小结为例，给大家...
+5
界面视觉设计与运营视觉设计有什么不同？ 这篇科普让你轻松看懂！
互联网的产品视觉设计师又分为界面视觉设计师和运营视觉设计师，那么，这两者有何区别呢？ 随着时代进步，互联网的发展让我们的生活越来越便利。用户在追求...
+6
Dropbox设计师：如何让界面信息更加聚焦？
始终围绕用户目标做设计决策，根据功能优先级做出不同的设计形式，强化核心功能，是一篇非常棒的细节优化方向参考文章。内容不多，但是蛮有启发，分享给大家...
+4
超全面的社交电商App 详情页揭秘！
社交电商在2018年可谓风起云涌，拼多多、云集、有赞都在18年陆续宣布融资，并且融资金额都过亿。然而社交电商本身就是个伪命题，虽然人口红利大不如前，而且...
+6
怎么样的临摹才最有效？这是高手的方法总结！
橙子的橙子：记得刚开始学美术的时候，都是从临摹开始的，等到一定的阶段才开始写生，照着实物画。这个过程根据个人能力有长有短，但是每个人都必须经历无法...
+20
想使用深色系UI，这些注意事项你一定要了解
设计师的主要职责之一，就是为产品定制合理的视觉，基于目标用户的特征和产品的设计目标，给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作，而 UI设...
+10
用四个步骤，帮你学会金刚区图标的设计方法
编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。 文章目录： 什么是金刚区？...
+14
如何设计移动端搜索？来看我总结的这四个部分！
小溜Epik：目前搜索功能是每个应用产品不可缺少一部分，同时也是用户经常光顾到的功能。一个好的搜索设计能够提高转化率，提升用户体验。下面我们来看看搜索...
+13
大图、多图、图文，该选择哪个作为商品展示列表？
风筝KK：看了本章内容，你将能快速明确什么情况采用哪种列表展示方式。 参考文章： 《通用设计法则》留白恐惧 128页 《方寸指间》细节设计-图片...
关于适配这个知识点，这篇文章帮你彻底掌握它！
橙子的橙子：记得刚做 UI 那会，根本不知道做完界面还需要适配，就以为把设计图做好就行了，其他的事情跟自己没有半点关系。慢慢的踩了坑之后，才知道还有适...
+26
超详细！手把手教你制作设计规范
橙子的橙子：什么样的规范是适合小公司的我们呢？又是什么样的规范能够真正节省团队时间、提高工作效率的呢？把自己踩过的坑总结记录一下，希望在写给自己的...
+1
如何高效的进行设计验收？来看这份总结！
橙子的橙子：一直以来，设计验收都不太受重视，设计师总是习惯于把时间用在雕琢设计稿上，而忽略掉后期的设计验收，这就导致程序员在修改 bug 的时候，常常需...
+4
看完小米设计师这篇分析，才知道界面细节能做得这么极致！
数字是金服业务中最为重要的设计要素之一，这是因为在金服业务中，有大量的诸如电商、支付、财富管理等场景需要数字来直接表达。而当前现状是我们有整个大品...
+44
轻松3招搞定评论区设计
风筝KK：评论区在 APP 中有着不可或缺的地位，评论区又主要分评论入口、评论展示、评论排序三个方面，不同属性的 APP 评论区侧重点又都不一样。只有了解这些...
如何利用网格系统科学地打造APP界面？来看网易高手的总结！
网易UEDC – 贺玉华 ：本文将从网格系统的基本概念介绍出发，逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的问题。 在...
+20
高手和新手的差距，通过底部标签栏这4个细节就能看出来！
风筝KK：底部标签栏看似永远都是几个按钮一成不变，但是随着极简风格的流行，底部标签栏图标风格很大一部分决定了界面的风格，因此可以有很多琢磨的地方。 ...
如果你不熟悉iPhone 设计规范，请一口吃下这篇干货！
编者按：iPhone 设计规范是每个设计师都应该学会的基础知识，无论你是新手老手，看完本文一定能彻底理解iPhone 设计规范！ 一、iPhone的历史 每次苹果发布...
+55
为什么我强烈建议你学会使用模块化设计？
风筝KK：模块化设计是将设计分解成小的模块，然后独立设计它，最后再将它们组合成更大的系统，就像小朋友玩的积木一样，由一些简单的零件组成小的模块，然后...
UI进阶知识！小按钮图片列表的常见样式和设计要点
风筝KK：列表想必大家都不陌生，那么小按钮列表有什么值得研究的？比如按钮该如何摆放？列表图片尺寸如何设定？产品信息和图片的关系？当产品信息增加或者减...
高手私藏的 UI 细节设计，这篇全都给你整理好了！
@孔雅轩LineVision ：这篇文章渗透进页面中的每一个 Kit控件，深入的分析每一个控件所能带给用户的视觉以及心理感受。 欢迎关注作者的微信公...
+4
当 Tubik Studio 为中国甲方设计股票应用的时候……
编者按：为另外一个国家的客户以及用户设计应用的时候，文化的碰撞总是免不了的。当 Tubik Studio 面对中国甲方的时候，同样经历了一番周折。下面来看看他们...
+7
聊天气泡框，80%的人都不知道这些
风筝kk：从聊天界面中常见的文字部分、图片部分来分析，看看聊天界面在设计时需要注意哪些细节。 参考文章：《聊天缩略图背后的故事：你不曾注意的那些...
你真的了解标签栏设计吗？来看这篇超全面的总结！
风筝kk：一个好的标签栏设计应该是用户在没有任何外界指引的情况下，也能仅靠第一眼就能知道该如何操作。 欢迎关注作者的微信公众号：「...
+6
超全面总结！如何利用栅格系统做响应式设计？
@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。 一、什么是响应式？ 按照本人自己的理解，响应式就...
+15
如何设计小程序？腾讯这个实战案例太赞了！
粤省事小程序是一个基于移动端的聚合式政务服务平台。作为一个平台型产品，它集成了广东省各地市、各部门的多项民生、政务类服务内容；同时，它也承担着对不...
+22
如何设计出优秀的「引导页」？来看高手是怎么分析的！
@Daidai丶呆 ：早些年入行做交互的时候，会对任何类型的页面都做一些分析与总结，旨在提升自己的思考能力。所以当然也写过关于引导页的文章，但是比较浅，今...
+2
1
2
3
4
5
…
8
添加小工具
点此为“分类归档侧边栏”添加小工具
如何构建和验证设计风格？来看高手的实战案例！
流光
inUI设计新人来收！10分钟帮你掌握栅格系统基础知识！
流光
inUI设计微博官方版和国际版的设计差别有多大？我总结了7个方面！
流光
inUI设计如何打造动态响应组件？来看高手的方法！
流光
inUI设计每月更新！10个记忆深刻的产品设计神细节
流光
inUI设计即将过去的2018年，Dribbble 反映出来的 10个设计趋势
流光
inUI设计如何提高界面设计中的层次感？来看这篇超全面的总结！
流光
inUI设计为了让起点网文的封面不像洗剪吹，设计团队是这么做的！
流光
inUI设计红袖读书做了一次全新的设计升级，数据上涨高达285%！
流光
inUI设计腾讯实战案例！QQ 家校群的改版设计过程复盘
流光
inUI设计实战复盘！上亿人使用的百度网盘是如何做品牌升级的？
流光
inUI设计万字干货！设计师必须学会的图标技巧
流光
inUI设计从设计角度分析，腾讯这款新出的小众音乐App 是如何大获好评的！
流光
inUI设计错误提示怎么写？这是高手总结的8个正确姿势！
流光
inUI设计万字干货！可能是最全面的UI 设计师文件命名规范（二）
流光
inUI设计紧跟这6个 UI 背景设计趋势，能让你的界面更出彩
流光
inUI设计这3个方法，让你的Axure 也能实现自动标注！
流光
inUI设计什么是“高级感”的设计？我总结了这3个要点！
流光
inUI设计万字干货！可能是最全面的UI 设计师文件命名规范（一）
流光
inUI设计Airbnb前端工程师：如何在设计中选择正确的字体和版式？
流光
inUI设计设计稿怎么改都觉得很乱？那是你还没学会调间距！
流光
inUI设计如果你不熟悉Material Design，请一口吃下这篇干货
流光
inUI设计腾讯动漫实战！主题换肤设计的背后过程小结
流光
inUI设计界面视觉设计与运营视觉设计有什么不同？ 这篇科普让你轻松看懂！
流光
inUI设计Dropbox设计师：如何让界面信息更加聚焦？
流光
inUI设计超全面的社交电商App 详情页揭秘！
流光
inUI设计怎么样的临摹才最有效？这是高手的方法总结！
流光
inUI设计想使用深色系UI，这些注意事项你一定要了解
流光
inUI设计用四个步骤，帮你学会金刚区图标的设计方法
流光
inUI设计如何设计移动端搜索？来看我总结的这四个部分！
流光
inUI设计大图、多图、图文，该选择哪个作为商品展示列表？
流光
inUI设计关于适配这个知识点，这篇文章帮你彻底掌握它！
流光
inUI设计超详细！手把手教你制作设计规范
流光
inUI设计如何高效的进行设计验收？来看这份总结！
流光
inUI设计看完小米设计师这篇分析，才知道界面细节能做得这么极致！
流光
inUI设计轻松3招搞定评论区设计
流光
inUI设计如何利用网格系统科学地打造APP界面？来看网易高手的总结！
流光
inUI设计高手和新手的差距，通过底部标签栏这4个细节就能看出来！
流光
inUI设计如果你不熟悉iPhone 设计规范，请一口吃下这篇干货！
流光
inUI设计为什么我强烈建议你学会使用模块化设计？
流光
inUI设计UI进阶知识！小按钮图片列表的常见样式和设计要点
流光
inUI设计高手私藏的 UI 细节设计，这篇全都给你整理好了！
流光
inUI设计当 Tubik Studio 为中国甲方设计股票应用的时候……
流光
inUI设计聊天气泡框，80%的人都不知道这些
流光
inUI设计你真的了解标签栏设计吗？来看这篇超全面的总结！
流光
inUI设计超全面总结！如何利用栅格系统做响应式设计？
流光
inUI设计如何设计小程序？腾讯这个实战案例太赞了！
流光
inUI设计如何设计出优秀的「引导页」？来看高手是怎么分析的！
流光
inUI设计