如何应对「为什么用这个颜色 / 字体 / 按钮」的问题？

作为一名设计师，被质疑简直是家常便饭。相信你们在日常工作中，一定被人问过：“对于这个点，你为什么这样做而不是那样？为什么选这个颜色而不是那个？”之类的问题。其实，这也是面试中的必问问题。乍看起来，确实有点难回答。但每一个问题，其实都有他的思考路线图。今天笔者就来谈谈，如何通过交互的四个维度来入手，巧妙地破解这个问题。来，我们举个例子。比如，在面试中，作品集中有这么一个界面，

产品经理 2016年10月24日

金融类 App 交互与视觉设计规范二

本编主要详解移动端UI组件的交互与视觉规范UI组件交互与视觉设计规范按钮 Button按钮由文字和/或图标组成。按钮文字必须预示点击后的内容，且符合使用者的预期。按钮的文案应该把该操作说清楚，且不啰嗦。包含语意的按钮，例如「确认提交」比「确定」要好1）常规按钮按钮的设计应当和应用的颜色主题保持一致。关键操作按钮Call To Action button（下称CTA）当页面中

产品 2016年10月17日

交互细节！确定按钮到底该放在左边还是右边？

仔细想想，我们做交互设计，讲了那么多“高大上”的理念，竟然很多小细节都还没有弄清楚——比如，确定和取消按钮哪个该放左边哪个该放右边？今天这篇文章是作者在英国约克大学读研时做的一个课题作业。想知道哪个更好，这篇或许能给你启发。其实这个问题，连世界最大的IT公司都没有确切的答案。苹果说，不论移动或电脑设备，行动按钮（Action button）都放在右边，也就是说确定按钮放在右

产品 2016年08月30日

CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

其实网上已经有很多各类效果的了，例如: http://tympanus.net/Developme... 神人太多了，我也找到了一种比较好的按钮制作方法，体验不错，演示动画截图如下： 一种不错的增进体验的效果噢~ 具体代码实现搓这里，http://output.jsbin.com/kepiqac 关键字：css, 按钮, #data-# 妙用

业界 2016年08月03日

App 设计：连接性或结束意味按钮的设计思考

连接性或结束意味的按钮即我们日常所用的【取消】【下一步】【完成】【保存】等功能性按钮。本文主要总结这几类按钮在产品设计中的使用方式。用户在日常使用App的过程中，会见到各种产品页面。用户在各个页面之间完成对应的交互和跳转，其中进入下一级页面是由用户主动操作或者页面逻辑跳转来实现的。下一级页面的入口，一般是各种操作按钮、缩略图、文字引导入口、tab或者导航切换，而想要将页面跳

产品经理 2016年12月06日

读书笔记来了！谷歌的Material Design 设计指南精华版

编者按：Google的设计指南一直是UI/UX设计师的必读手册，如果你还没抽出时间完整读一遍，不妨先来看看在微软实习的交互设计师@戴小维Saki  写的读书笔记，简明精炼，可以帮你速览一遍，纯实干货，建议收藏。这个系列更不能错过！三维世界（3D world）：[br]x ， y ， z 三维坐标属性[br]z 轴上占据一定的位置并且有一个 1dp 厚度的标准光影关系（Lig

产品 2016年06月29日

细节博弈！按钮的优先级选取与用户体验最佳实践

在网站和APP中的对话框通常会进行信息说明，并提供若干选项。最常见的选项数量通常是两个——一个选项优先级最高，为首选选项，而另外一个选项较少被选，为次要选项。（比如用户填写表单之后，结尾会提供两个按钮，一个为提交，另一个为取消）在今天的文章中，我们将这个最常见的用户体验场景作为探讨的对象，亦即“确认”和“取消”哪个按钮优先级更高。预防出错正如同Jakob Nielsen 谈

产品 2016年06月01日

js断点调试心得（以chrome浏览器为例）

原文转载自这里js断点调试心得,我是勤劳的搬运工，嗯！这里相对原文有删减，想看原文的请移步。1、断点调试是啥？难不难？用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上单击一下2、断点怎么打才合适？打断点操作很简单，核心的问题在于，断点怎么打才能够排查出代码的问题所在呢？下面我继续举个例子方便大家理

业界 2016年05月13日

扁平化2.0：扁平化设计以前从未有的6个设计风格

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。扁平化设计特质对于扁平化的定义，依然没有一个固定范式，但概括起来有下面四个特征：没有多余的效果，例如投影、凹凸或渐变等使用简洁风格的元素和图标大胆丰富且明亮的

交互体验 2016年04月18日

Aure7.0实现动态“极验”效果（滑动验证）

“验证码”是一种很常见的东西，在很多网站的登录、注册、下单等业务操作时都会用到验证码。当然，验证码的形式也随着互联网、信息化的发展而变得多样起来，从最初的输入图中的文字到运算图中的数字再到最近坑的很火的123XX看图找物，样式层出不穷的验证码已经成为一个网站别样的“风景”，当然对于某一类的验证码大家的评价也是褒贬不一。我今天要跟大家分享的这一类验证码是本人认为见过的最好的一

原型设计 2016年04月15日