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

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

产品 2017年04月26日

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

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

产品 2016年07月28日

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

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

产品 2017年03月15日

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

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

产品 2017年07月19日

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

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

产品 2017年03月30日

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

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

产品经理 2017年07月03日

设计杂谈，UI 设计师需要扮演好四个角色

周末的时候，学堂君在一位设计师(Jeson)的博客上看到下面这样的一段话.“设计师应该对客户/用户和蔼可亲，对同事体贴周到，对自己做出的判断小心谨慎。设计师应该谦逊、庄重、文雅、慈悲、宽宏大量;不贪恋于金钱，而是将设计成果自身的质量及其对客户/用户的意义、给自身带来的尊严看做最大的回报。”作为设计师的我们，看到这样的一段，有没有一些感触呢？有没有觉得自己真正是一名设计师呢？

产品 2016年11月07日

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

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

产品 2016年11月29日

6 种实验性的网页导航模式，激发你独特的设计灵感

不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然非常有市场。独特的设计更容易让人难忘，这一点是毋庸置疑的。在网页的导航栏设计上，也是如此。随着越来越多的网页开始采用加粗的非衬线字体置于网页顶部作为导航，许多有想法的设计师开始有意识的打破这一规律，别出机杼，采用不

产品 2017年04月01日

你的语音助手，或许是新的拟物风格交互界面

（ 翻译自 The New Skeuomorphism is in Your Voice Assistant ，部分有改动。）Ai 语音助手我们成功地消灭了拟物风格不久前人类刚刚抛弃了拟物风格的交互界面。「拟物风格」是指用现实世界的表面纹样作为视觉参照，加强虚拟交互界面的可理解性。在扁平化设计的浪潮中，我们已经摆脱了「拟物风格」在视觉上的装饰效果，而去寻求更为本质和直观的视

产品经理 2017年05月08日