UI 丨让用户愉悦的「乐观派」UI 设计到底是什么？

@可乐橙_ColaChan：想象3个用户界面（ UI）一起去了酒吧。第1个点了一杯酒，然后又再点了几杯。几小时后，它买了单，醉醺醺的走了。第2个界面点了一杯酒，直接把钱付了，然后又点了一杯酒，又马上买了单，几小时后也醉醺醺的离开了酒吧。第3个界面刚走进酒吧，马上就已经醉醺醺的离开了——它知道酒吧是干什么的，它非常讲求效率，一点时间也不浪费。你听说过这第3种界面吗？它就叫做“

产品 2016年11月29日

BANNER 设计终极宝典！6 招搞定点缀元素的运用！

@做设计的面条 ：我以前就反复提到过，一个最常规的最完整的Banner，一般有这五个组成部分：文案／模特商品／背景／点缀元素／LOGO，我给大家简单做了一个示例：这5个部分里的文案／模特商品／背景／logo我都有专门写过对应的文章，唯独点缀元素我还没有讲过，所以今天我要给大家讲的是点缀元素的在Banner设计里的运用和玩法，它也是大家经常需要用却又经常忽略了或用不好的一个知

产品 2017年03月30日

消消乐海滨假日：界面设计的 3 个问题

消消乐海滨假日，是开心消消乐的姐妹篇，游戏自2017年1月上线以来很火爆。作为一个三消游戏的忠实玩家，我迅速完成了全部的150关，以477星在好友中排名第一。在娱乐的同时，3个在游戏界面设计上的问题，也引起了我的注意：1. 别扭的"x"和返回2. 过小的按钮3. 星座奖励的设计 消消乐海滨假日1. 别扭的"x"和返回 游戏中取消按钮“x”，设计在画面右上角；返回按钮“ 2

产品 2017年03月15日

进阶好文！如何把那么多经典的设计模型用起来？

DDC- 李佳：我们接受到的设计教育、看过的书籍或是关注过的公众号里流传着各式各样的关于设计流程的经典模型，比如Design Thinking Process，比如用户体验五要素，比如马斯洛需求层次理论，我们在感叹这些设计理论知识体系的如此经典和缜密的时候，有没有想过它们到底对实际的设计有多少的指导意义？有些经典的框架早在上个世纪就已经提出来，对于今天的设计现状是否仍然适用

产品 2017年04月26日

涨姿势！你应该知道的 UI 动态设计规则

APP导航设计类型：列表式菜单 矩阵、网格式菜单 底部菜单 顶部菜单 扩展菜单这篇文章中，我主要阐述了UI动效设计中需要注意的问题以及原因，而不是教授制作UI动效额技巧。随着大家对于这一领域的关注（很大程度上是源自iOS的UI设计），我们发现UI动效设计同其他的UI设计分支一样，同样具备完整性和明确的目的性。伴随拟物化设计风潮（Skeuomorphism，也就是苹果所提出的

产品 2017年07月19日

学会这13个原则写UI界面文案，用户才能秒懂

UI文案，就是交互界面上的说明和提示文字，主要是用来引导用户完成操作，让他们顺利的达到目的。想要提高用户体验，简洁易懂的UI文案必不可少，它就像一个导游，直接影响用户操作的整个旅程是否顺心愉悦。那怎样才能写出让用户秒懂的UI文案呢？这13个原则可以帮你！针对不同的产品，也有不同的文案写作方法：互联网风格：《年度最佳教程！7招教你写出互联网顶尖文案！》打动人心风格：《只有我最

用户研究 2016年08月16日

电商网站设计系列——促销码功能设计与思考

本文作者将会从三个方面讲述：如何设计电商网站的促销码功能呢？在设计过程中我们需要注意些什么呢？国外电商网站中有一个东西叫做“促销码”，相当于国内电商的“优惠券”。促销码在电商中发挥的作用可见一斑，笔者认为，促销码一般有以下几个作用：刺激和引导用户一次购买多件商品，提高客单价提升复购率，尤其是在经常发放促销码的电商网站培养用户购物习惯，提升品牌忠诚度那么，如何设计电商网站的促

产品经理 2017年07月03日

动效实战！跟着Tubik Studio学习UI动效的常见用法

动效是UI设计中最强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，通过实时、动态的方式创造引人入胜的体验。巧妙的运用动效，能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景，在移动端上动效的作用就显得更加关键而有效了。在我们之前的文章中曾经探讨过动效和UI设计之间的关系，以及它是如何催生高效

产品 2016年07月28日

2016 年 UI 设计趋势

前言／ 进入2016年后，我们会发现行业在体验设计上出现了很多新的元素，从我们平时经常浏览的设计社区中，这些新元素出现的频率越来越高，比如彩色投影、双色调渐变设计等，我们也慢慢开始接受这些新变化，并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析，能对我们平时的工作能产生一定的指导作用。 使用模糊背景／ 模糊背景和iOS毛玻璃效果非常的

产品经理 2016年09月12日

PM 要多加底部导航时，设计师如何说服他打消念头？

记得之前写过关于标签导航如何设计的一篇文章，大体上的介绍了几种类型，这周正好遇到一个关于标签导航的问题：产品经理要求在底部的导航中由原来的五个主功能增加至六个，交互设计师如何说服产品打消这个念头？本周就这个问题我详细说下当中的几个要点以及延伸出来的几个问题。不要打破标签导航的架构之前说过：在项目研发阶段，我们应该关注产品的主要功能，不应该偏离方向，为了其他辅助功能去改变产品

产品 2017年04月01日