AI工具导航
最新AI工具集合展示平台
新汉语
汉语字典在线查字
在线工具箱
好用的在线工具
产品提交
文章投稿
登录/注册
显示直达
ui设计
ui设计
经验分享
交互设计
App设计
用户体验
用户体验设计
Tubik Studio
设计实战
按钮设计
产品设计
用超多产品，解构今日头条设计背后的逻辑
今日头条的出现颠覆了传统新闻产品（如网易、新浪和搜狐新闻）。 传统新闻依靠着编辑人员的推荐，将新闻触达给用户，而今日头条则依靠着新闻算法，抛弃传统...
+12
如何做好图片标签设计？来看Vivo设计总结的三部曲！
缘起 最近组内设计评审，视频和小说两个业务都涉及到在图片上显示标签（Tag）的设计，但是Tag的样式和位置却不完全不同，如下图所示： 加之对其他产品中图...
+4
这就是仪式感设计？看完我懂了！
设计平平无亮点？？？不如看看这些仪式感设计 在我们日常生活中，存在着各种各样的仪式感：婚庆、过节，升国旗奏国歌，它可以使我们的生活充满各种趣味性，...
+19
独立负责QQ自习室后，我写了这份设计复盘
QQ-自习室是一款以学习为特色，基于手机QQ平台的陪伴型多人直播产品，简单来说就是一个线上的自习室。作为疫情期间诞生的创新小产品，它在资源有限的前提下也...
+12
想做好分类导航设计？从这四要素开始！
作为设计师的我们，在思考设计实现方案的时候一定记得从业务逻辑出发，多跟运营以及产品沟通，挖掘到更多的需求，这样才能更有效的用设计工具解决问题。 一...
+1
想让按钮设计更精致？收下这20条超实用的技巧
按钮在产品界面中是非常重要的元件之一，按钮作为用户引流和行动触发来说都是至关重要的。如何把按钮设计做到最好，是设计师需要不断探索的问题，把控好每一...
+16
从0到1的产品，如何一次性解决所有异常和加载状态？
本篇文章的价值：看完之后可以独立统筹整个产品的全局设计。 做从 0 到 1 的产品时，在设计产品功能的交互流程和 UI 设计中，都是先做出所有正常的交互流程...
+11
用一个实战项目，聊聊设计师如何发挥自身价值！
写在前面 你们在日常工作中是否会有这样的思考，设计能给业务带来多大的价值？或者你从现在的工作中能够感受到多少价值？难道设计的价值还只单单停留在完成对...
+8
8000多字！超全面的栅格系统入门手册！
栅格的前世今生 产品设计从理解用户到定义问题，再到探索方案并输出草图乃至视觉稿，每一个阶段都关系到一个产品的成败。而其中交互设计与视觉设计是与设计师...
+21
运营设计师要知道的移动UI知识（一）
文章以小明的故事为例，来给大家分享关于从平面设计岗位转到运营设计的小伙伴们，在设计初期会在移动端常出现的问题。 小明的故事：小明是个平面设计师，后...
+8
10个理由告诉你，为什么插画在UI设计中这么火
在过去几年当中，插画开始以一种坚挺的姿势，站在设计趋势的最前列。不止是原本身处各个领域的画手和插画师开始越来越受追捧，而且连网页、UI和动效设计师都...
+12
在这些因素的制约之下，才能选取出科学的配色方案
Tubik Studio ：我们的日常生活中总是面临着无尽的选择，大量的挑战。设计的决策也是如此，一个正确的决策会受到很多不同因素的影响，经验，知识，事实依据，...
+3
时下流行的鲜艳配色方案，缺点和优点一样明显
Tubik Studio ：配色是每个设计师的必修课。无论是插画师，UI 设计师还是网页设计师，配色是设计中绕不开的环节。随着Material Design 和扁平化设计的大范围...
+3
为什么支付宝要换 Logo 颜色？分析下目前 Logo 的主色趋势
最近支付宝变更了主色，将本来的天蓝色变更成了深蓝色，相信大家都已经在各个平台的推送新闻中关注到这个消息，我们来看看色彩的对比。 我要从这个事件入...
+18
大厂 UI 设计师的进阶武器：如何立足于品牌做 UI 设计？
互联网行业走到今天，早已从增量时代转为存量时代，人口、流量、资本的红利都逐渐收紧。在存量时代，影响用户选择产品的很重要一个因素就是「品牌」，一个产...
+24
吉祥物在UI和品牌设计中到底有多强的作用？
越来越多的品牌和企业开始在自家的网站和营销推广中使用吉祥物，今天的文章我们结合实例来聊一聊吉祥物的运用。 在设计的过程中，各种元素的使用始终都是服...
+10
细节见真章！12个按钮设计容易踩到的坑
按钮设计 为了设计正确的交互，我们需要回顾一下物理按钮的历史和起源。物理按钮是 UI 组件的前身，当今的数字产品都还在大量使用它们。按钮很棒，即使用户不...
+10
超全面！移动端弹出层组件的定义、应用与设计
工作中我们常常会听到或在撰写交互说明时提到“从底部向上出现弹层”、“出现浮层”、展示“对话框”、弹出“弹框”、“出现对话框”诸如此类的话术。我相信大家对“浮层...
+16
超详细！总监出品的B端设计规范指南（二）：字体
文字的基本属性 字体属性包含的内容很多，我们可以根据 Sketch 或 Figma 的文字属性栏为例，分别进行解释。 1. 字体选择 Font-family 字体就是文字的不同...
+13
如何用设计驱动转化？来看QQ购物大促季的设计探索
QQ 购物号是专门为 QQ 用户定制的购物平台，2020 年随着疫情过后，整体电商行业开始恢复阶段，QQ 购物号计划了今年双 11 大促季活动，活动的业务目标是希望强...
+8
一个UI按钮的自我修养
编者按：一个合格的 UI 按钮到底需要具备什么样的素质？在很多设计师眼里似乎并不是一个太大的问题的，但是在实际设计的时候，UI 按钮的细节处理不到位的情况...
+10
设计规范完全自学指南：进度指示器（附超多优秀案例）
本文梳理了设计规范中进度指示的相关组件，包括分类和使用规则，还列举了大量市面上优秀的线上案例，更深一步探究对组件的使用。 基础组件 1. 组件定义 它是...
+26
如何设计企业级的UI组件库？用网易实战案例教会你！
编者按：本文网易设计师用「FishDesign企业级UI组件库」项目为例，通过在网易七鱼产品中的应用，来介绍一个企业级 UI 组件库的设计原则。 产品：这次需求很简...
+8
关于刚刚发布的 Android10，你必须知道这 6 大改进
9月4日，Google 终于发布了Android 10的正式版本。此前的内测阶段它一直以 Android Q 的名字示人，无论是交互、使用体验的优化，还是技术上的升级，正式的 An...
+8
四两拨千斤！快速改善UI视觉体验的7个小技巧
也许你是个新手设计师，也许你是个有着丰富开发经验的开发者，但是有需求让自己设计的网页和UI看起来更像那么一回事，至少看起来不是一个外行的手笔。 那么...
+5
用五年经验换来的，超实用 UI 设计四原则！
从少年到大叔，只用了5年，还记得我刚入职的第一份工作的导师和我说：「设计没有什么捷径，有的只是多看、多想、多做，逻辑思维明确了，思路清晰了，累积多了...
+2
如何提高界面设计中的层次感？来看这篇超全面的总结！
@孔雅轩LineVision ：引领初中级设计师摆脱「纠结设计」的弯路，通过对层次感的了解可以将有限的技法用在最该用的地方。 欢迎关注作者...
+7
紧跟这6个 UI 背景设计趋势，能让你的界面更出彩
无论是设计网页还是海报，背景图片都是最常用、也最能体现当下设计趋势的一种设计元素。在设计APP 的时候同样是如此。过去的10年当中，用的品味发生了不小的...
+2
设计稿怎么改都觉得很乱？那是你还没学会调间距！
笔者最近在参与组件库的设计工作中，发现了一个很有趣的现象：诸多设计师都会以8像素为基数设立间距规范，将其运用在界面和元素中去。 这引发了我的思考：...
+3
怎么样的临摹才最有效？这是高手的方法总结！
橙子的橙子：记得刚开始学美术的时候，都是从临摹开始的，等到一定的阶段才开始写生，照着实物画。这个过程根据个人能力有长有短，但是每个人都必须经历无法...
+20
想使用深色系UI，这些注意事项你一定要了解
设计师的主要职责之一，就是为产品定制合理的视觉，基于目标用户的特征和产品的设计目标，给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作，而 UI设...
+10
用四个步骤，帮你学会金刚区图标的设计方法
编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。 文章目录： 什么是金刚区？...
+14
关于适配这个知识点，这篇文章帮你彻底掌握它！
橙子的橙子：记得刚做 UI 那会，根本不知道做完界面还需要适配，就以为把设计图做好就行了，其他的事情跟自己没有半点关系。慢慢的踩了坑之后，才知道还有适...
+26
UI进阶知识！小按钮图片列表的常见样式和设计要点
风筝KK：列表想必大家都不陌生，那么小按钮列表有什么值得研究的？比如按钮该如何摆放？列表图片尺寸如何设定？产品信息和图片的关系？当产品信息增加或者减...
当 Tubik Studio 为中国甲方设计股票应用的时候……
编者按：为另外一个国家的客户以及用户设计应用的时候，文化的碰撞总是免不了的。当 Tubik Studio 面对中国甲方的时候，同样经历了一番周折。下面来看看他们...
+7
为什么如今的APP UI设计如此的趋同？这也许是件好事
现在，当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候，乍一看很难区分清楚彼此的区别：带有圆润边缘、现代感极强的非衬线字体...
+1
想为iPhone X设计UI？给你这11个设计小贴士
为iPhone X进行UI设计的时候，和以往截然不同的屏幕和交互方式，会使得UI设计师面临一些全新的挑战。当然，全新的设计，在很多时候还会给设计师一些新的机遇...
+5
从艺术史出发，帮你完整梳理一遍UI设计趋势
准确预判行业趋势，是一件很难的事，所以这次趋势浅析仅为个人一家之言，分析表皮浅薄，各位看官权当茶余饭后故事看吧。 我们先看「趋势」的字面意思：事物...
+33
这篇超详细的教程，帮你全面掌握 APP 中的投影设计！
编者按：看似简单的投影，在高手眼里有千万种变化。不信看看今天这篇文章，让资深设计师教你做投影设计！ 在今天的 UI设计中，投影使用的范围和频次越来越高...
+27
用一篇文章，带你回顾桌面GUI 的设计发展史
很高兴你能打开标题，进来阅读这篇关于桌面应用设计的文章。 阅读过我前两篇文章的朋友可以看出那两篇其实分享的是交互设计里非常基础的设计原则和跨平台规...
+21
看似最简单的空白页，腾讯微云的高手是如何设计的？
为空页，简单理解就是当前页面内容为空白，分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于「腾讯微云」6.1版本所更新的为空页（内...
+11
设计实战！如何设计一款富有情感吸引力的拼字游戏
现如今许多游戏已经不单只具有娱乐性，还具备了不错的教育性和学习性。和之前的赛车游戏 UI 界面设计不同，这次我们要设计的游戏 UI，需要在娱乐性和教育性之...
+6
信息杂乱无章？教你构建合理的视觉层次！
每天打开手机，各式各样的信息纷至沓来，每个 App 每个页面都有好多话要说。当信息汇集在一起的时候，如何能让用户一打开页面就能轻松理解各个信息元素之间的...
+11
设计实战！扁平风的手机赛车游戏UI界面是这样设计的
UI 和 UX 设计师的工作归根到底还是满足用户的需求，解决问题。天马行空的脑洞最终还是要落实到实用的产品上的。即使在游戏当中，UI 从来不是为了纯娱乐而设...
+7
设计实战！一个美观又易用的食谱APP要如何设计？
Tubik ：中国人常说，民以食为天，吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源，食物的好坏直接关系着...
+2
在成熟的UI设计流程中，视觉稿是绕不开的环节
“为了设计这个产品的UI我们已经设计了线框图、原型，没有时间和精力再在这当中加一个环节了！”对于UI设计流程，我想你没少听到这样的抱怨。 在设计APP和网页...
一个专业易用的健身APP，要如何规划它的功能和UI？
生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这类APP，用户将会更加科学地健身，...
+1
超全面的移动端顶部栏设计分析
王M争：我最近在做改版设计，所以很长时间没有更文了。期间遇到了很多问题，其中一个就是顶部栏配色，后来我索性就针对移动端顶部栏设计做一个总结，在这里分...
1
2
3
添加小工具
点此为“分类归档侧边栏”添加小工具
用超多产品，解构今日头条设计背后的逻辑
流光
in交互设计如何做好图片标签设计？来看Vivo设计总结的三部曲！
流光
in交互设计这就是仪式感设计？看完我懂了！
流光
in交互设计独立负责QQ自习室后，我写了这份设计复盘
流光
in交互设计想做好分类导航设计？从这四要素开始！
流光
in交互设计想让按钮设计更精致？收下这20条超实用的技巧
流光
in交互设计从0到1的产品，如何一次性解决所有异常和加载状态？
流光
in交互设计用一个实战项目，聊聊设计师如何发挥自身价值！
流光
in交互设计8000多字！超全面的栅格系统入门手册！
流光
in交互设计运营设计师要知道的移动UI知识（一）
流光
in电商设计10个理由告诉你，为什么插画在UI设计中这么火
流光
in手绘在这些因素的制约之下，才能选取出科学的配色方案
流光
in平面设计时下流行的鲜艳配色方案，缺点和优点一样明显
流光
in平面设计为什么支付宝要换 Logo 颜色？分析下目前 Logo 的主色趋势
流光
in平面设计大厂 UI 设计师的进阶武器：如何立足于品牌做 UI 设计？
流光
in品牌设计吉祥物在UI和品牌设计中到底有多强的作用？
流光
in品牌设计细节见真章！12个按钮设计容易踩到的坑
流光
inUI设计超全面！移动端弹出层组件的定义、应用与设计
流光
inUI设计超详细！总监出品的B端设计规范指南（二）：字体
流光
inUI设计如何用设计驱动转化？来看QQ购物大促季的设计探索
流光
inUI设计一个UI按钮的自我修养
流光
inUI设计设计规范完全自学指南：进度指示器（附超多优秀案例）
流光
inUI设计如何设计企业级的UI组件库？用网易实战案例教会你！
流光
inUI设计关于刚刚发布的 Android10，你必须知道这 6 大改进
流光
inUI设计四两拨千斤！快速改善UI视觉体验的7个小技巧
流光
inUI设计用五年经验换来的，超实用 UI 设计四原则！
流光
inUI设计如何提高界面设计中的层次感？来看这篇超全面的总结！
流光
inUI设计紧跟这6个 UI 背景设计趋势，能让你的界面更出彩
流光
inUI设计设计稿怎么改都觉得很乱？那是你还没学会调间距！
流光
inUI设计怎么样的临摹才最有效？这是高手的方法总结！
流光
inUI设计想使用深色系UI，这些注意事项你一定要了解
流光
inUI设计用四个步骤，帮你学会金刚区图标的设计方法
流光
inUI设计关于适配这个知识点，这篇文章帮你彻底掌握它！
流光
inUI设计UI进阶知识！小按钮图片列表的常见样式和设计要点
流光
inUI设计当 Tubik Studio 为中国甲方设计股票应用的时候……
流光
inUI设计为什么如今的APP UI设计如此的趋同？这也许是件好事
流光
inUI设计想为iPhone X设计UI？给你这11个设计小贴士
流光
inUI设计从艺术史出发，帮你完整梳理一遍UI设计趋势
流光
inUI设计这篇超详细的教程，帮你全面掌握 APP 中的投影设计！
流光
inUI设计用一篇文章，带你回顾桌面GUI 的设计发展史
流光
inUI设计看似最简单的空白页，腾讯微云的高手是如何设计的？
流光
inUI设计设计实战！如何设计一款富有情感吸引力的拼字游戏
流光
inUI设计信息杂乱无章？教你构建合理的视觉层次！
流光
inUI设计设计实战！扁平风的手机赛车游戏UI界面是这样设计的
流光
inUI设计设计实战！一个美观又易用的食谱APP要如何设计？
流光
inUI设计在成熟的UI设计流程中，视觉稿是绕不开的环节
流光
inUI设计一个专业易用的健身APP，要如何规划它的功能和UI？
流光
inUI设计超全面的移动端顶部栏设计分析
流光
inUI设计