Material design

UI设计的细节很重要，它不仅仅体现在静态的元素上，动效和微交互也是如今UI和UX设计中最重要的细节。想要打造优秀的移动端UI设计，微交互和动效设计是绕不开的问题，今天的文章我们来聊聊这个。

在未来，当对微小细节的关注渗入用户体验设计的每一寸土壤；当对像素级完美的追求成为设计的基本要求；当将简单便捷的设计理念融入用户的日常生活，那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非，但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在，他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说，他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手（AI）之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是，我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切，赋予了你能触碰到的东西意义。”

互联网空间不像现实世界，它完全是一个平面化的二维虚拟空间，所有的物体都处于一个空间平面上，但是信息内容却是有层级关系的，那么应该如何在一个平面空间里来展现多重层级关系的信息呢？

最近在整理设计稿中出现的图标，整理除了汇总之外，还需要重新调整一下图标的大小，使他们看起来“差不多大”。调了很久，也咨询了一些设计师朋友，最后在谷歌的Material Design找到了一种规定的方式，特此来记录一下。需要注意的是，方法有很多，这只是提供一种可行的方法，可供参考，有什么问题可以留言讨论。

即使是元素与元素之间的分隔方式，都能随随便便用一整篇文章来进行探讨。

我们一开始为什么去安装应用程序？是为了使我们的生活更方便。但当一个应用无法满足这一要求时，用户肯定就会离它而去。一个应用的成功是受多种因素影响的，其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

色彩几乎是所有设计中都至关重要的组成部分，无论是明亮大胆的配色方案，还是简约的黑白色调，你的用色将会直接影响整个设计的实际效果。

今天来探讨工作中遇到的一个问题：单选、复选、开关。先说一下前提，淘宝的确认订单页面，积分抵扣是用开关做选择的，而唯品用的是复选框，同样都是选择，复选框和开关到底哪个更合适？和同事讨论了半天也没得出一个明确的原则。因此想写篇文章总结一下单选、复选、开关应该如何使用。

本文内容来自于《交互式系统设计：HCI，UX和交互设计指南》，交互设计框架一章的思考。空间：空间关系到页面的布局，以及用户操作的方便性，不同的人手指大小不一样，我曾经在想，NBA球员使用iphone4的时候是不是真的很方便？关于MD设计空间方面的标准可以参考排版与布局章节，如果有兴趣的话还可以深究一下，为什么他们要将行距，图标和边框的距离定义为这么宽，这么高。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。“想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。”“心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。”（如果你仔细观察，会发现这个时候的设计师将纸的纹理运用到窗口上，此处的设计和Material Design 中纸的隐喻不谋而合，这又何尝不是一种潜意识的引导呢？）

我们不再是设计静态的屏幕，用户将会从我们的设计中看到实际的内容。

UI和交互设计中常常会强调某项设计需要足够的“直觉性”，但是直觉性的设计说来容易，实现却往往差强人意。但是不得不承认，它是目前交互和UI设计的刚需。想象一下，如果桌面上反过来一颗球让你去转动控制，感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候，会不自觉地低头看输入装置……后来有人想到，如果操作时运动肌肉群范围较大，也许他们可以不必低头。我们做了一个大型轨迹球装置，让他们可以用手臂甚至肩膀牵动来操作，这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然，然后提出想法，再进行测试。心智模型指一个人对于事物运作的思维过程，即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为，影响人在复杂情况下的关注点，并确定人们如何着手解决问题。

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

人非圣贤，孰能无过。当人们操作用户界面的时候，错误难免会发生。有时候是因为用户做了错误操作，有时候则是由于应用本身出了问题。无论原因如何，出现的错误以及对其处理的方式，都对用户体验产生巨大的影响。糟糕的错误处理方式以及无用的报错信息会让用户感到万分沮丧，甚至会导致用户放弃继续使用你的应用程序。

最近Herman Miller的设计总监接受了 fastcompany 的采访，和另外几家公司的设计师一起，畅想了未来 5 年设计界的 25 个趋势。

移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场，面对五花八门的各种APP，如何让你的APP受重视，脱颖而出得到用户的青睐？留白应该作为一种主动的元素，而不是作为被动的背景——Jan Tschichold温馨提示：创建最好的移动应用消息策略应该用不同的通知类型——推送通知，电子邮件，应用内通知和新闻源消息。多样化你的通知类型——你的通知工作应该完美协调，创造最佳用户体验。

最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的设计规范，又回想了一下自己以前做的，总结了以下几个经验。

沉浸式体验，虚拟助手，个性化的购物体验，这些都是未来的购物方式的进化方向，影响用户购买的因素更加复杂，而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关，同时，它们也意味着，电商行业任重而道远。

卡片式设计一直是以强兼容性和“百搭”的形象出现在大众的面前，但是它同样有无法满足用户需求的时候，今天的文章我们就在实战中聊聊这件事。