GUI

精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。

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

不单是视觉扁平，交互层级也更加扁平啦~

主题一直是QQiPad比较薄弱的一块，在用户的强烈呼声下，项目组决定在6.5版本上线新的主题，为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点？应该如何设计？在此分享本次主题设计总结。

近年来，越来越多的国内开发者将目光从国内转移到国外，纷纷投入到移动大航海时代的浪潮之中。在产品国际化的过程中，产品UI是否也跟上了国际化的步伐？Dropbox 设计师 John Saito 针对产品设计国际化中出现的问题进行了分析并提出了 7 条建议，值得一看。

“最好的用户界面就是没有界面”——Golden Krishna“最好的用户界面就是没有界面”——Golden Krishna

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧，而在高清屏幕无处不在的今天，稍有瑕疵的图片都在高密度的像素下无所遁形，而不合理的图片设计也不会逃过访客的双眼。很简单，色彩会让观看者分心。

视觉设计的重要性跟这个世界看脸一样，不言而明。译者注：Huggies是一个婴儿尿不湿的品牌。译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：https://en.wikipedia.org/wiki/Mood_board

Skacks会彻底改变你对Sketch布局方式的理解。Sketch用户终于可以在不用CSS的情况下，直接使用Flexbox的排版技术。小提示：

– Stacks能产生一致性。

– 一致性使设计清晰。

– Stacks能使设计清晰。我们Anima的使命是让设计师能掌控自己的设计。我们正在打造一款设计工具，让设计师定义和构建UI与UX设计中所有零零碎碎的元素，并且最终能自动生成本地代码，1:1还原设计。这就使设计师不依赖团队的其他部分，比如开发人员的优先关注点就与设计团队不同。

iOS 和 Android 的设计还有许许多多的不同之处，比如字体、Tab bar 设计、物理键操作方式、编辑模式、APP 体现个性的方式……在设计移动端产品的过程中，设计师们可以更多的去思考两者的异同，并且更多的关注一下 Android 系统独有特性的运用，不仅仅节省了开发成本，同时也更好的为 Android 用户所接受。1dp（Android）=1pt（iOS）
以48dp@160dpi计算的话
mdpi 48px (160dpi, 1x) 基础尺寸，已经非常少使用
hdpi 72px (240dpi, 1.5x)低分辨率
xhdpi 96px (320dpi, 2x) 同iOS @2x
xxdpi 144px (480dpi, 3x) 同iOS @3x
xxxdpi 192px (640dpi, 4x) 更大更高更强的分辨率

上周写了一篇文章《APP设计：那些打动人心的设计点》，总结了八个APP的小设计点，这些小设计点不是针对APP的核心业务和功能的设计，但会给用户带来一点小便利和小惊喜，就像电影最后的彩蛋，让人期待而心动。紧接着上篇，我们继续说说那些打动人心的APP设计。

模态已成为今天的可怕的弹出窗口的版本。用户发现模态窗口很骚扰人，人们本能地自动关闭这些窗口。

在交互设计稿中Toast是其中很常用的一种用户反馈手段，但是作者却发现在iOS中根本没有toast这种部件，那么在设计该如何处理呢？一起来看看作者的解读。Snackbars包含一行与进行的操作直接相关的文案（文案前不可有icon）。它可以包含一个操作。Toast优先适用于系统提示。它也在屏幕下方出现，但是不能被划出屏幕外（而被清除）。潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是：用户可以不用进行操作或者被打扰，就能得知重要的信息。
Unobtrusively integrate status and other types of feedback into your interface.Ideally, users can get important information without taking action or being interrupted.

上篇《交互实战｜覆盖层设计：对话框&浮层（上）》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式：对话框主要分为提示型和输入型两大类；浮层主要分为Toast和Snackbar两类。在下篇中，想要讨论一些不那么常用的覆盖层交互形式：弹出式半屏页面和弹出式气泡。

互联网视觉设计师如何在职业上精深一直是我在思考的，遇到过许多视觉设计师想转行去做交互或者项目经理，找不到视觉设计师的价值和专深入点。我也在思考与探索中，下文是我现在想到的一些点，也欢迎同道中人一同探讨，互相启发。

毫无疑问，我被问到最多的就是关于设计规范体系的建立。所以在过去几年里，最多思考的就是如何设计、建立完整的设计体系，像Marvel, Bantam 和 Modulz这样的产品，下面我想分享一些我学到的方法。

规范是最标准的情况，场景是千变万化的，具体运用的时候还是需要根据场景来灵活应用。警告框是一种紧急的打扰（提示），以告知用户一个发生了的情况。警告框传达了你的应用或设备某种状态的重要信息，并且常常需要用户来进行操作。

你好，这是2017年的第13篇文章。除了电脑和手机，越来越多承载了新交互形式的产品涌现。语音、体感等更加自然的交互方式会不会成为主流？未来的产品形态和交互方式会走向何方？当NUI（自然用户界面）代替GUI时交互设计师和视觉设计师该何去何从？人机交互的未来在哪？这些问题都值得我们去思考……

本文作者将帮你系统梳理一下创建一份作品集的全部步骤，让你明白UX作品集的常规创建流程。