软件界面设计不同于其他设计，它的科学元素居多，软件界面设计其实是一个非常科学的推导公式，它既需要一个设计师美工绘画能力的要求，又需要对艺术的理解感悟。所以在整个设计过程中需要好多工作的每一步。一个通用消费类软件界面的设计大体可分为五个步骤：需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段。

很多刚接触Sketch 的同学惊叹它的好用强大，不过它还有很多鲜为人知的实用功能，今天我们将一一为你说明这些特别好用的技巧，帮你加快设计流程 >>>

等一等，什么是 Sketch？

至去年 Sketch 第2版新舔的颜色设定后，越来越多的设计师已经切换用 Sketch 了。它的简单的界面和性能使它比 Photoshop 更好用（不要忘了，Photoshop 最初是专为编辑和处理图像以设计的），而其绘图工具也很适用在向量图形（vector） 上。Sketch 不是位图影像（bitmap） 编辑工具。它配备了一个像素（pixel） 预览，让你更容易设计界面和图标。

如何利用动效提升用户体验

动画可以讲述故事。不是很长很复杂而是很简单的故事，而像是 "嘿，你现在要看看这个！" 或 "哇，你竞争成功了！"。然而，动效的目的不是娱乐用户，而是帮助他们理解发什么什么事，或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了：

前言

React 好像已经火了很久很久，以致于我们对于 Virtual DOM 这个词都已经很熟悉了，网上也有非常多的介绍 React、Virtual DOM 的文章。但是直到前不久我专门花时间去学习 Virtual DOM，才让我对 Virtual DOM 有了一定的理解，以致于要怀疑起很久之前看过的那些文章来。倒不是这些文章讲得不对，而是现在在我看来角度不太好，说得越多，越说不清。

让我能够有所开窍（自认为）的，是这篇文章：

Change And Its Detection In JavaScript Frameworks
Monday Mar 2, 2015 by Tero Parviainen

作者看问题的角度很棒，从数据变更与UI同步的角度来介绍各个典型框架，特别是对于 React 的 Virtual DOM，从这个角度理解起来更容易些。

可用性测试定义

可用性测试是让一群有代表性的用户（目标用户）对产品界面或者原型进行典型操作，通过观察、聆听、记录用户执行一列任务的过程，找出制约产品可用性的问题清单，从而评估分析解决问题。

李田莉：用户经常会从手头上的事情分心，提供建议，利用约束条件以及设计更灵活的方案能够防止无意识的差错产生。今天这篇译文讨论了6个防止用户无意识犯错的方法，专业干货收。

十种启发式可用性方法中有一条建议：优雅地、可操作地并且清晰地与用户沟通错误是很重要的。不过，第一时间防止用户犯错或许更好。

在讨论用户错误时关键点是错误的责任在哪里。“用户错误”这个词意味着用户应该为做错事负责。其实并不是这样的，设计师应该为设计了易让用户犯错方案而负责。因此，用户错误的解决方案不是责怪用户，让用户努力尝试或者给他们更多的培训，而是重新设计更不易犯错的系统。

企业应用的复杂性决定了在用户使用过程中难免会需要通过帮助来解决用户遇到难题或者通过帮助的设计来引导用户顺利开始任务。接下来让我们共同类型以及该如何设计这些帮助。

三、建立过滤与保护机制，让批评为己所用

过滤与保护机制听起来也很简单，但其实没那么容易。但你可以通过以下 5 个步骤，来帮助自己建立这样一个机制。

第一步：你要意识到，没有批评是 100% 正确的。如前面所说，批评微妙而复杂，且常常基于某些立场之上。因此，在你接受某些人的批评之前，先暂停，花时间处理一下这些批评中所携带的信息。

第二步：批评者所批评你的每一句话，其实也都映射了批评者本身。每个人都是通过自己的视野和经验来观察世界的，没有人能够 100% 地做到完全基于事实和真相做出评判。

第三步：当批评袭来时，在它伤害到你之前阻止它。你需要问一些问题，来帮助自己处理这些批评。

• 这个批评者是谁？他有多了解我？他有多值得信任？

  
  

• 批评者的目的是什么？他们有没有要故意伤害你的缘由？他们是在愤怒吗？

  
  

• 还是在试图帮助你？他们是不是度过了很糟糕的一天？他们是不是有夸大事实的嫌疑？

  
  

• 批评者有没有遗漏哪些信息？而这些可能是会改变他们观点的？

  
  

• 批评中的某些信息是不是要比其他的更准确？

  
  

• 在回答上述这些问题时，你是否需要更多的信息？

无论是软件界面设计还是平常的平面设计，亦或者宣传页、手机APP界面的设计，都离不开色彩的搭配，由此可见，色彩搭配工作在设计过程中的重要性。今天就以软件界面设计为例来分享一下在具体设计过程中的要把握好的一些色彩搭配技巧。

技巧第一点：颜色使用最好不要超过三种。经常在网上看到有很多的大神都在说在设计工作中，配色最好不要超过三种颜色。如果设计的界面颜色太多了，难免会给人一种界面很乱的感觉，界面设计很重要的一点就是最终的结果要给人一种良好的体验，如果界面太乱，用户体验也就无从谈起了。因此，在用色时，颜色越少越好，但要保证正确的传达出需要表现的功能和元素为前提。在我们每添加一种颜色的时候都需要好好的考虑一下，有没有必要。因为再复杂的设计，也不会多个三种主色彩。

随着大家对于扁平化设计的反思和优化，近两年的整个设计风向显得理智而合理了许多。更加平衡而合乎情理的新的扁平化设计诞生了。这个新的方案得到了绝大多数的设计师的认可，这种“近乎扁平”的设计更多被大家称为“扁平化设计2.0”。扁平化2.0 整体上依然是扁平的，但是其中的诸多设计元素沿用了微妙的阴影、高光和层级来打造有深度的UI。