ui设计 - 最美UI

如何用最经典的迪士尼动画设计原则赋予 UI 灵性？

学习动画的同学应该都知道迪士尼的动画设计12原则吧？这可能是传统动画领域，最为重要、价值不可估量的原则之一。它是 Ollie Johnston 和 Frank Thomas 在他们的书《生命的幻觉》中所提出的。虽然这些原则最初是应用

ui设计交互动画动效设计

看似花哨的UI概念动效，并不只是为了耍酷而存在

在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用，什么样的动效更优秀等等，这样的探讨层出不穷。在 UI 所涉及到的各种动画和动效当中，概念动效是被讨论的最多的话题。充满实验性的概念

UI动效 UI动画 ui设计分享动效设计用户体验

写给新人的App动效设计方案基础科普

什么是动效移动APP交互动效：包括那些能够为产品赋予生机的动态的界面元素及视觉效果，这些交互效果通常与特定的响应行为相关，甚至包括那些与交互行为没有直接关联的临时状态。

ui设计动效动效设计

设计思维 | 图标设计知识点Get了吗？

最近遇到一个同学，说做了很多稿图标的方案最终还是没有确定下来，但眼看着产品马上就要上线了，该怎么办。经过一轮沟通，发现他陷入几个新手设计师在画图标比较容易犯的问题：

ui设计图标技巧图标设计

超全面！如何系统学习功能图标之理论篇

由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》、《如何绘制功能性图标？来看资深设计师的全面总结！（二）》、这两篇文章，但里面还是缺

ui设计功能性图标图标理论图标设计界面设计

超全面！UI 加载动画基础科普指南

@Mockplus原型设计：如今，越来越多的优秀 iOS 应用程序、MacOS 工具和网站争相出现，用户对产品质量的要求也水涨船高。在用户心中，真正优秀的产品必然是要能够快速响应他们的需求。

ui设计加载动画加载设计

用四个步骤，帮你学会金刚区图标的设计方法

编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。

ui设计图标设计金刚区金刚区图标

深度分析12条经典动效设计原理，提升产品可用性！

大家好，我是Clippp，今天分享的文章是「动效」设计。动效在产品设计中扮演着重要角色，它的好坏与否直接影响了用户的使用体验。

UI动效 ui设计动效设计微动效

学会这 7 个技巧，画出完美图标

大家好，我是布莱恩。图标是 UI 设计中最基础也是很重要的部分，辅助人们更好的理解功能内容。随着扁平化设计风格的普及，图标的风格越来越简约，看似简单的图形，实际要准确的表达含义，也是需要注意一些方法的。以

ui设计图标技巧图标设计

用好黄金比例，用协调自然的配比照亮你设计的UI

UI界面是否设计得足够清晰，各种元素之间是否协调、平衡，用户能否轻松感知到屏幕上的信息，交互是否顺畅舒适，这些因素决定了整个设计是否有效。

Tubik Studio ui设计经验分享黄金比例

万字干货！超全面的B端设计指南：图标篇

目前我主要深耕于B端设计中，深知B端图标设计与C端有很大的不同，无论是应用的场景、设计的理念，都有非常大的差异，而现在网上有不少关于C端图标如何图标绘制的文章，对于B端的方向少之又少，因此我们今天就来聊聊图

B端产品 B端设计 ui设计图标设计

图标设计如何快速过稿？来看腾讯设计师的私藏方法

最近遇到一个同学，说做了很多稿图标的方案最终还是没有确定下来，但眼看着产品马上就要上线了，该怎么办。经过一轮沟通，发现他陷入几个新手设计师在画图标比较容易犯的问题：

ui设计图标技巧图标设计

如何做好底部导航栏图标设计？来看高级设计师的全面总结！

图标在产品中的应用非常重要，不同位置的图标有不同的设计思路。本文将从产品和设计两个角度对底部导航栏的图标进行分析。阅读之前，请先浏览文章的大纲。

ui设计产品图标设计导航栏设计底部导航

Tubik Studio 是怎么为华为定制整套 UI 图标的？

编者按：一套 UI 界面当中，核心的 APP 图标是用户每天都要接触、经常使用的视觉组件和交互对象。设计图标的时候，要用到大家最熟悉的元素才能贴合用户认知，要醒目、统一，也要足够「隐形」，避免喧宾夺主。今天这篇

Tubik Studio ui设计华为图标设计

接到了一个小程序的设计私单，和App设计一样吗？

微信的最近一次更新，小程序入口变浅了很多。最近使用的小程序，被放置在微信打开后初始页面的下拉菜单中，而且给的下拉栏空间非常充足。为了培养用户使用小程序的习惯和让更多人了解小程序，微信开发团队还推出了「

ui设计微信小程序经验分享腾讯微信

超全面的移动端顶部栏设计分析

王M争：我最近在做改版设计，所以很长时间没有更文了。期间遇到了很多问题，其中一个就是顶部栏配色，后来我索性就针对移动端顶部栏设计做一个总结，在这里分享给大家。

Tab ui设计经验分享顶部栏

看似最简单的空白页，腾讯微云的高手是如何设计的？

为空页，简单理解就是当前页面内容为空白，分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于「腾讯微云」6.1版本所更新的为空页（内容为空）设计背后的故事，以及探索创新思维的过程与价值。

ui设计实战案例情感化设计提示设计用户体验空状态

信息杂乱无章？教你构建合理的视觉层次！

每天打开手机，各式各样的信息纷至沓来，每个 App 每个页面都有好多话要说。当信息汇集在一起的时候，如何能让用户一打开页面就能轻松理解各个信息元素之间的关系与差异呢？这就要靠我们设计师在设计之初构建合理的视

App设计 ui设计信息层级格式塔原理用户体验经验分享

设计实战！如何设计一款富有情感吸引力的拼字游戏

现如今许多游戏已经不单只具有娱乐性，还具备了不错的教育性和学习性。和之前的赛车游戏 UI 界面设计不同，这次我们要设计的游戏 UI，需要在娱乐性和教育性之间，找到平衡点，这款游戏是填字游戏 Letter Bounce 。

App设计 Tubik Studio ui设计游戏设计经验分享设计实战

设计实战！一个美观又易用的食谱APP要如何设计？

Tubik ：中国人常说，民以食为天，吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的能量来源，食物的好坏直接关系着一天的心情、情绪、状态甚至工作和生活的点点滴滴，这也难

App设计 Tubik Studio ui设计经验分享设计实战

设计实战！扁平风的手机赛车游戏UI界面是这样设计的

UI 和 UX 设计师的工作归根到底还是满足用户的需求，解决问题。天马行空的脑洞最终还是要落实到实用的产品上的。即使在游戏当中，UI 从来不是为了纯娱乐而设计的。之前，Tubik 的设计师为游戏 Real Multiplayer Raci

Tubik Studio ui设计 UX设计经验分享设计实战

为吸引用户而存在：界面中CTA按钮的设计有何讲究

APP和网站这样的数字产品中所包含的有效的交互系统，通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来，细节的把控是非常有必要的。

CTA按钮 ui设计按钮设计行为召唤

在成熟的UI设计流程中，视觉稿是绕不开的环节

“为了设计这个产品的UI我们已经设计了线框图、原型，没有时间和精力再在这当中加一个环节了！”对于UI设计流程，我想你没少听到这样的抱怨。

ui设计原型线框图经验分享视觉稿设计流程

一个专业易用的健身APP，要如何规划它的功能和UI？

生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这类APP，用户将会更加科学地健身，提升身体素质。想要让健身类的APP足够靠谱，设计师需要在

App设计 Tubik Studio ui设计经验分享

从艺术史出发，帮你完整梳理一遍UI设计趋势

准确预判行业趋势，是一件很难的事，所以这次趋势浅析仅为个人一家之言，分析表皮浅薄，各位看官权当茶余饭后故事看吧。

2018设计趋势 ui设计设计趋势

这篇超详细的教程，帮你全面掌握 APP 中的投影设计！

编者按：看似简单的投影，在高手眼里有千万种变化。不信看看今天这篇文章，让资深设计师教你做投影设计！

APP UI ui设计投影设计

用一篇文章，带你回顾桌面GUI 的设计发展史

很高兴你能打开标题，进来阅读这篇关于桌面应用设计的文章。阅读过我前两篇文章的朋友可以看出那两篇其实分享的是交互设计里非常基础的设计原则和跨平台规范。没错，在我写作计划的开始，我会努力整理和总结一些行业

GUI ui设计设计史

想为iPhone X设计UI？给你这11个设计小贴士

为iPhone X进行UI设计的时候，和以往截然不同的屏幕和交互方式，会使得UI设计师面临一些全新的挑战。当然，全新的设计，在很多时候还会给设计师一些新的机遇。

iPhone iphone ui iPhone X ui设计经验分享

怎么样的临摹才最有效？这是高手的方法总结！

橙子的橙子：记得刚开始学美术的时候，都是从临摹开始的，等到一定的阶段才开始写生，照着实物画。这个过程根据个人能力有长有短，但是每个人都必须经历无法避免。

ui设计临摹方法图标设计

关于适配这个知识点，这篇文章帮你彻底掌握它！

橙子的橙子：记得刚做 UI 那会，根本不知道做完界面还需要适配，就以为把设计图做好就行了，其他的事情跟自己没有半点关系。慢慢的踩了坑之后，才知道还有适配这一说。所以说有些事情别人不告诉你，自己是很难意识到

APP 适配 ui设计适配方法

紧跟这6个 UI 背景设计趋势，能让你的界面更出彩

无论是设计网页还是海报，背景图片都是最常用、也最能体现当下设计趋势的一种设计元素。在设计APP 的时候同样是如此。过去的10年当中，用的品味发生了不小的变化，而现在，整个设计趋势上，似乎正处在一个关键的转折

2018设计趋势 APP 设计 ui设计背景

如何提高界面设计中的层次感？来看这篇超全面的总结！

@孔雅轩LineVision ：引领初中级设计师摆脱「纠结设计」的弯路，通过对层次感的了解可以将有限的技法用在最该用的地方。

ui设计产品设计层次感用户体验视觉层次

为什么如今的APP UI设计如此的趋同？这也许是件好事

现在，当你打开 Instagram、Airbnb、Apple Music、Twitter、Dropbox 这些应用的时候，乍一看很难区分清楚彼此的区别：带有圆润边缘、现代感极强的非衬线字体大标题，极简的黑白色调为主的界面，大量的留白，少量的提

App设计 ui设计用户体验用户体验设计经验分享

想使用深色系UI，这些注意事项你一定要了解

设计师的主要职责之一，就是为产品定制合理的视觉，基于目标用户的特征和产品的设计目标，给用户特定的感觉。UI和UX设计师需要在这个过程中通力协作，而 UI设计师更是要确保产品的 UI 和视觉最终落地。

ui设计主题设计深色背景经验分享

UI进阶知识！小按钮图片列表的常见样式和设计要点

风筝KK：列表想必大家都不陌生，那么小按钮列表有什么值得研究的？比如按钮该如何摆放？列表图片尺寸如何设定？产品信息和图片的关系？当产品信息增加或者减少该如何展现？解决这个问题之前我们还是先来看看小按钮图

ui设计小按钮图片按钮设计

用四个步骤，帮你学会金刚区图标的设计方法

编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。

ui设计图标设计金刚区金刚区图标

设计稿怎么改都觉得很乱？那是你还没学会调间距！

笔者最近在参与组件库的设计工作中，发现了一个很有趣的现象：诸多设计师都会以8像素为基数设立间距规范，将其运用在界面和元素中去。

ui设计界面设计界面间距间距设计

当 Tubik Studio 为中国甲方设计股票应用的时候……

编者按：为另外一个国家的客户以及用户设计应用的时候，文化的碰撞总是免不了的。当 Tubik Studio 面对中国甲方的时候，同样经历了一番周折。下面来看看他们的项目实战总结吧 ~

App设计 ui设计 UX设计用户体验设计经验分享设计实战

关于刚刚发布的 Android10，你必须知道这 6 大改进

9月4日，Google 终于发布了Android 10的正式版本。此前的内测阶段它一直以 Android Q 的名字示人，无论是交互、使用体验的优化，还是技术上的升级，正式的 Android 10 在诸多方面都进行了更为人性化的改变。

Android 10 Android Q Android设计规范 ui设计安卓经验分享

四两拨千斤！快速改善UI视觉体验的7个小技巧

也许你是个新手设计师，也许你是个有着丰富开发经验的开发者，但是有需求让自己设计的网页和UI看起来更像那么一回事，至少看起来不是一个外行的手笔。

ui设计经验分享网页设计技巧设计技巧

用五年经验换来的，超实用 UI 设计四原则！

从少年到大叔，只用了5年，还记得我刚入职的第一份工作的导师和我说：「设计没有什么捷径，有的只是多看、多想、多做，逻辑思维明确了，思路清晰了，累积多了，项目方案就好解决了」。在5年的工作中，也累积了一些心

ui设计交互设计京东设计

2021年UI设计软件到底该用哪个？来看这篇全面盘点！

UI 设计的工具层出不穷，每年都有不同的设计软件、动效工具、标注工具、原型工具问世。原因是因为 UI 类设计操作太简单，所以软件都以轻量化标榜。

ui设计工具盘点设计工具设计软件

写给 UI 设计实习生的成长指南（下篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

ui设计设计实习设计实习生设计师职场

设计规范完全自学指南：进度指示器（附超多优秀案例）

本文梳理了设计规范中进度指示的相关组件，包括分类和使用规则，还列举了大量市面上优秀的线上案例，更深一步探究对组件的使用。

ui设计设计规范进度指示器

写给 UI 设计实习生的成长指南（上篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

ui设计界面设计职场经验设计师职场

3个常见的图标设计小问题，来看腾讯设计师如何解决！

有时候觉得做的图标有点奇怪，但又不知道哪里奇怪。今天分享的是几个常见小问题，看看大家有没有遇到过。

ui设计图标设计设计技巧

被吹爆的杂志化风格，到底该如何运用？

很多设计师经常说，现在扁平化风格盛行，很难做出亮眼的设计。因此，我把我一直都在关注的杂志风格，做一次分享。关于杂志化 UI，是一个可以让 UI 界面焕然一新的风格语言。也许大家曾经有了解过，但是真正去使用的设

ui设计杂志化风格杂志风格设计风格

超全面！移动端弹出层组件的定义、应用与设计

工作中我们常常会听到或在撰写交互说明时提到“从底部向上出现弹层”、“出现浮层”、展示“对话框”、弹出“弹框”、“出现对话框”诸如此类的话术。我相信大家对“浮层、弹层、弹框、对话框……”等称呼常常也会感

ui设计交互设计弹出层组件移动端设计组件设计