2013移动用户界面设计之扁平化设计和色彩趋势

《2013移动用户界面设计之扁平化设计和色彩趋势》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、移动用户界面扁平化设计理念与趋势炫目耀眼的设计曾经风行一时，但如今未必会是用户喜爱的风格，尤其对5.0英寸甚至6.0英寸的移动设备用户来说，复杂的效果反而会让用户对产品界面产生不该有的认知障碍。因此在2013年的移动用户界面设计中“扁平化设计”美学将成为新的设计趋势。扁平化设计你可以通俗的理解为：使用简单特效，或者无特效来创建的设计方案，它不包含三维属性，诸如投影、斜面、浮雕、渐变等特效都不会在设计中使用。扁平化设计给人的感觉通常都很简洁，即使它可以做的很复杂。简单、直接、友好的特性就是它广受移动界面设计青睐的根本原因。比如从FaceUI的设计作品中，

2、你会发现审美的风格正在被逐渐颠覆，丰富的产品功能被隐藏在直白的扁平化界面背后，由此也可以看出设计团队为创新付出的心血。设计原则做设计就像建房子，凿去多余的东西，留下有用的部分，我们最需要关注的是产品的实际功能和使用体验这个本质，而不是单纯追求某种风格或者视觉呈现效果。相对于拟物化而言，扁平风格可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。但无论是扁平还是拟物，优秀的用户界面设计都需要遵循以下设计原则：一致性通过一致性的设计模式及可视风格，在产品视觉与用户之间建立起完整一致的心智模型，使产品更加易用，加深用户的认知。层级化让最重要

3、的内容要比相对次要的内容更容易被看到，就是在界面设计中着重突出核心的功能与相关的交互元素，而将其他操作元素置于次要位置，这样可以使界面得到最有针对性的优化和简化。流畅性无论采用怎样的视觉风格，都要使界面尽量简化，减少用户完成目标所需执行的操作，打造更加流畅的交互体验。任何一点障碍或额外的步骤都会提高操作成本，增加功能的复杂度，进而降低转化率。色彩运用提到扁平风格的色彩搭配，很多人都会想到鲜亮、复古或单色块等样式，这并不是唯一的选择，而是发展趋势让它们变得流行。在进行设计的时候通常会选择鲜亮、饱和度高的颜色使用，偶尔也会使用灰色或黑色，而彩虹调色板等传统

4、配色规则都被跑抛出窗外。不过归根到底，扁平化的色彩就是色调与饱和度的匹配，一般会选互为镜像的色深，要么是主色和辅色的组合，要么是色盘的另一部分，包含了更多的黑白色混合。下面列举几种常见色彩风格：鲜亮色鲜亮的色彩为扁平化设计创造出一种与众不同的感觉。因为它在亮背景和暗背景下都能获得很好的对比度，以吸引用户的注意。这正是它成为扁平化设计色彩趋势的原因。在设计中使用严格的原色的情况并不常见，比如纯红、纯蓝、纯黄，一般都混色使用。比较常用的颜色：蓝色，绿色和紫色。搭配：可以尝试把这些色彩组合，或混合在一起使用，它们在白色或黑色背景上都有很好表现。需要注意选择类

5、似的色调和饱和度。复古色复古色也是扁平化设计中一种流行的方案。这些建立在鲜亮颜色基础上的不饱和色彩，加之白色内容的反差看起来更加柔和，有种老照片的感觉。复古色的配色方案往往包含大量的橙色和黄色，偶尔也有红和蓝。比较常用的颜色：橙色，桃色，梅子色和深蓝色。搭配：这类色彩适合作为主色元素出现，会给用户舒缓的感觉，配合柔和的图案或色彩效果更佳。单一色单一色方案在移动和App界面设计中也极为流行，正在日益普及。它依赖于黑色和白色的单一颜色来创造新的色调。大多单一色彩方案都是一个基本色搭配另外二至三种其他色调。最流行的色调就是蓝色，但也有设计师采用黑色（或灰色）

6、作为基色，用红色代表按钮或动作。另一种做法是利用颜色差异。比如蓝色，你可以添加绿色调进去，来创建一个蓝绿色的方案。比较常用的颜色：蓝色，灰色和绿色。搭配：与其他色调方案一样，通过调节对比度，可以在父颜色基础上得到很多不同的色调。比如原始颜色对比度是100%，可以试着调成50%，20%和8%后进行配色。扁平化风格的逐渐盛行固然有它的道理，但本质上它只是设计美学当中的一种，对视觉风格的选择必须以良好的信息架构及交互模式为基础。现在，超越传统设计的束缚，去创造一个更舒适的扁平化色彩方案吧。FaceUI界面设计团队编辑整理