设计小结：移动端顶部栏设计

我最近在做改版设计，所以很长时间没有更文了。期间遇到了很多问题，其中一个就是顶部栏配色，后来我索性就针对移动端顶部栏设计做一个总结，在这里分享给大家。顶部栏样式下图是我们最常见的顶部栏样式。上面是状态栏status bar，中间是界面标题，左右可能会有icon，代表着返回，消息提示，设置等操作。但是我看了一下手机上的应用，并不是每款产品都采用了这种样式。我挑选了几个“异类”

产品 2018年02月06日

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

通过一个设计实战案例来讲述下一个健身APP的设计策略，enjoy~生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这类APP，用户将会更加科学地健身，提升身体素质。想要让健身类的APP足够靠谱，设计师需要在设计的时候，尽量让APP具备足够强大的解决问题的能力，那么在具体的UI和UX设计师，设计师要怎么做呢？今

产品 2018年02月08日

极简非简陋：英才APP的设计减法

极简设计不等于简陋，那么什么才是设计中的极简呢？在一个追求内容至上与体验至上的时代，设计的表现更加简洁直白，这正如著名建筑设计师密斯所说过的：less is more，在业界内还是跨领域都在流行一个名词：极简设计。简单的形式往往能够带给人们更多的空间感与愉悦感，也是内容大过于形式的一种设计方式。但在一些实际的设计当中，极简却变成了简陋。那什么才是设计中的极简呢？极简的设计原

产品 2018年02月28日

PLUB 框架：产品文档结构 MDVC 框架（升级版）

最近在和朋友做另外一个项目的时候，相互之间沟通需求的过程中，在需求文档结构上有了比较深入的探讨。在几轮的探讨过程中，发现自己写过的一篇相关文章——MDVC框架：产品文档最优雅的结构——其中介绍的产品文档相关框架的不足和漏洞，因此，补上一篇，特此纠正。在前一版本中（1.0）讲述的 MDVC 模型主要涉及到：模型（Model）——数据（Data）——视图（View）——交互（C

产品 2018年03月09日

对齐在APP中不易被察觉的3点

对齐是设计中老生常谈的话题，大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点，enjoy~显然对齐是任何设计中都老生常谈的一个话题，因为人们的眼睛总是喜欢看到有序的事物，它通过一条“无形的线”将部分元素连接在一起，形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感，更引导暗示人们其中的关联性，有助于人们

产品 2018年03月18日

对齐在APP中不易被察觉的3点

对齐是设计中老生常谈的话题，大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点，enjoy~显然对齐是任何设计中都老生常谈的一个话题，因为人们的眼睛总是喜欢看到有序的事物，它通过一条“无形的线”将部分元素连接在一起，形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感，更引导暗示人们其中的关联性，有助于人们

产品 2018年03月18日

最全的动效落地方法（上篇）：在界面设计中，好动效是什么样的？

本文主要介绍了界面动效的价值，以及一些优秀的界面动效实例。enjoy~用户体验设计的发展日趋完善，优秀的动效是完善用户体验中不可或缺的一环，优秀的界面动态设计可以让产品的用户体验锦上添花……你会说，这些道理我都懂，但是动效做起来真的很麻烦啊。直接切入到大家常见的问题吧：一般情况下，在沟通界面动效的过程中，工程师会希望设计师使用更具体的表达方式。这里所谓「具体」的意思是：接近

产品 2018年04月04日

APP 动效设计必备知识

想学习APP的动效该如何设计的话，那就一起来欣赏这篇文章吧~如今丰富细腻的 App 动效遍布优秀的移动应用界面中，为用户提供了良好的动态沉浸式体验，动效设计在产品研发过程中也越来越被认可和重视。通过本文，你将轻松了解到关于动效设计的一些必备知识：为什么要设计动效？它的意义和价值是什么？App 动效形式有很多，如何去区分和归类？优秀的动效有哪些实用性的指导原则？动效软件纷繁众

业界 2018年04月08日

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

UI 和 UX 设计师的工作归根到底还是满足用户的需求，解决问题。天马行空的脑洞最终还是要落实到实用的产品上的。即使在游戏当中，UI 从来不是为了纯娱乐而设计的。之前，Tubik 的设计师为游戏 Real Multiplayer Racing 设计了其中的插画元素《设计实战！为扁平风的移动端赛车游戏定制插画》，接下来的 UI 和 UX 设计同样是由 Tubik Studio

用户研究 2018年04月25日

在设计过程中，有哪些不容忽视的交互设计要点？

本文总结了一些在交互设计中重要的理论要点，并针对各理论要点展开描述相应的设计策略。主要涉及视觉感知、认知摩擦、认知负荷和情境认知四个方面。enjoy~一、交互设计中的视觉感知1. 视觉感知的过程视觉是人类认识自然、了解客观世界的重要手段，同时也是理解人类认知功能的突破口。当人们开始观察外界物体时，视觉系统将剌激以图像的方式传递到大脑，并通过大脑的视觉皮层区域控制人眼的运动来

产品 2018年05月09日