Material design

卡片式设计依然是目前UI设计的热门，虽然我们在前几天的文章《不是万能！卡片式设计并不能支撑所有的设计需求》当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手，为你展示卡片式设计的最佳实践。小贴士：Material Design 中常常会让卡片拥有微妙的阴影，这种设计是非常有道理的，阴影和深度会给予用户以视觉感知力，强化它的可见性，以及知觉上的“可点击性”。小贴士：卡片中的正文部分只需要一个Normal 字重的非衬线体就行了。

作为设计师，虽然我们都喜欢最新的流行趋势，额外的白色空间和大图像，但对于新闻和数据，列表式是更好地解决基本的用户目标的方法。卡片是提供详细信息的入口。——来源：Google Material DesignGoogle的搜索结果可能会更加丰富多彩，但每页提供的信息较少。——来自：GreenBot

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。

“错误”时有发生。在App与生活中都会发生。有时是因为我们犯了错误，有时是系统错误。无论错误原因是什么，它们——还有解决方式——对用户体验影响深远。但它往往不被重视，草草处理错误、组织混乱的错误信息会使用户沮丧，最终抛弃你的应用。相反，处理得当的错误提示，能把失败变为惊喜。在本文中，我们会讨论如何优化app的设计，来尽力防止用户错误，并建立良好的错误信息。

坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践，对动效设计的价值、原则和实现交付开始有了更多的了解，在本文中浅薄地总结一下。

复古一直在流行，这也是为什么过去许多设计趋势常常会沉寂若干年之后，又再次走到潮流的最前线。今天，我们要聊的是孟菲斯设计风（Memphis Design），这种设计风格充满了80年代的特征，明亮的色彩和多样的图形与线条充斥其间，它也是近年重归流行的设计风格之一。

这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异，同时也会根据自身经验说明一些业界实际的需求状况，有任何问题欢迎透过留言一起讨论喔！注：近期的业界趋势就是，不管你是工程师、设计师、BD、PM还是老板，只要会说一句话，「阿，这样设计不够『直觉』啦，使用者OOXX…」，就有种好像很懂UX的感觉呢！（苦笑）为什么使用者会点进「关于我们」注：近期有不少的Landing Page常常都会用无声的影片搭配黑色屏蔽塑造分为，其实营造的感觉真的还不赖。（当然…影片要拍得好）

在我们常规意义上组成一个APP的视觉风格有几大元素——颜色、交互元素、字体、阴影、ICON的图形等，但是有一个总容易被设计师们忽略的元素，它能给与用户一个非常直观的视觉记忆，大家却总是忽略，甚至做的很糟糕。那就是APP里面的配图。

文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例，希望对大家有所启发。

又迎来了崭新的一年，让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什动效越来越吃香？它有哪些优势呢？

著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。

手势本是能够帮助用户更好的使用产品，但手势交互常被隐藏起来，因此用户如果没有发现隐藏手势，便失去了设计这些隐藏手势的功能作用。那么到底该如何向用户传达APP中的隐藏手势呢？看看这篇文章，或许你就知晓。

每个 app 里面会遇到「按钮」，在发展的过程中，按钮是怎样变化的？怎样设计按钮才合理？AppSo（微信号 appsolution）这篇文章便为你解答。

你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方法来分享给大家，相互启发。

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

想要打破栅格又保持网页的协调，是有技巧的，并非任何“破格”的设计都是好的。

在本文中，我们将讨论在APP中与色彩相关的重要知识点。 我们将涵盖传统的配色方案模式（单色，相似色，互补色），不严格基于任何一种模式的自定义色彩组合，同时我们还将学习如何为你的APP选择色彩与对比度来增强可用性。

整理了一个售前项目的案例，重新绘制了36个原型页面，1张思维导图，3张流程图，2张对比图，1张结构图，介绍一家百货购物中心微信服务号改版的设计。