产品设计极简设计的几大步骤

北京/学生/9年前/833浏览

版权

产品设计极简设计的几大步骤

设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面，如何剔除多余的元素，保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式，简洁的线条，大方的留白，简约的图形化元素。

极简设计必须要：简洁明了和一致的可用性 。你的交互系统应该通过，清晰的视觉传达（clear visual communication） 来解决用户的问题。这也是为什么具备简洁设计和高可用性的应用如此让人深刻。即便只是一个通过极简设计的导航，都能够提供很强的交互方式。要做到这一点，你需要注意以下几个方面。

简单的配色方案

简单的配色方案能够提高用户体验，相应的 太多的色彩则会给用户负面的影响。针对于初学者，有一些预先定义的标准颜色方案能够让你轻松创建新的颜色方案。

单配色方案。单配色方案由特定色彩的不同的色调，阴影或颜色深浅所构成。他们的原理是通过修改特定颜色的饱和度和亮度，可以生成多种协调的颜色，这种颜色方案比较简洁和优雅，不会给眼睛产生太大负担。

蓝色的单配色方案。素材来源: Smashing Magazine

素材来源: Dribbble

近似色彩配色方案近似色彩配色方案的思路是从色轮上取三个相邻的颜色来做为配色。全手势操作的应用 Clear 使用了近似色彩配色方案，它使用不同颜色来区分任务的优先级或者高亮关键的任务。（顶端的任务使用最鲜艳的颜色，而底部的任务则使用明亮精致的颜色）
扁平风在2013年开始大规模流行，令简约设计风成为了大势所趋。为了更为契合简约的设计理念，设计师和用户都逐渐开始喜欢用更少的色彩来完成设计。
色彩的运用是营造情绪、吸引用户吸引力、构建品牌意识必不可少的组成部分。更少的色彩能让品牌形象更加突出，色彩的减少意味着凝聚性的提升，用户更容易买账，因为它不容易让人分心，突出主要功能和内容。

一个应用中只使用一种字体

在一个应用中使用多种字体会看起来很散乱和马虎。减少屏幕上字体的类型数量可以增强排版的效果。当你在设计应用的时候你可以通过更改字体的字重，样式，尺寸和大小来优化布局效果，而不是更换字体。

通常来说，一个应用中只使用一种字体素材来源: Apple

当你在为APP选择字体的时候，选择平台的默认字体可能是最安全稳妥的选择：

苹果使用 San Francisco family 字体来提供全平台一致的阅读体验。（在 IOS 9 中简称为 SF-UI）
Roboto 和 Noto 分别是 Android 和 Chrome 的默认字体

布局

用面与面来区别各个组件之间的不同，通常会找一个跟背景色相差无几，稍微深一点或者浅一点的颜色。这个颜色唯一的功能就是告诉人们这两个区域是不同的，仅此而已。

层级

UI中文字的层级关系，除了用字号字体和间距来表达外，最常用的一种就是通过颜色的对比了。而这种对比跟上面用来布局的遵循的原则完全相反。上面的色彩对比是越小越好。而文字的层级关系上色彩的差别越大则层级关系越清晰。除此之外它们都需要跟背景有相对高的对比，否则会影响文字的阅读。
你修改过你的设计风格么？我看到了两个风格（标题的大小写问题），至少三种大小类型、两种颜色、还有居中和左对齐两种类型。
header（头部）风格是哪一种？按钮的风格是什么？ body copy（广告正文）的风格呢？ metadata（元数据）呢？上面的疑问都需要提前做好明确的准备。

用空间来间隔

通过线条和分隔符来进行划分内容区块是之前所流行的处理方式，但是这样界面的元素会很拥挤。通过空白空间来划分区块能让界面更加通透，构建更加优秀更干净的界面。
移除分割线和分隔符可以为界面提供更加现代化的外观，专注于功能，比如可以将图片和字体放大，提供更加清晰的层级划分和更优的易用性。通过空间间隔来划分区块是一种非干扰性的设计，更匹配时下流行的风格和设计的需求。
主打图片社交的网站Pinterest，在最新的一次改版中直接把卡片的背景去掉了，这是一种非常大胆的尝试，但是效果也是明显的，整体图片内容更加清晰和通透了。
同样还是举uni的例子，为了让不同模块之间的区分更明显，一般我们会设置背景为灰色，内容为白色卡片，这样可以更突出内容。新的设计我尝试把灰色背景去掉，同时加强了模块的标题，通过间距来划分，内容元素也并没有因为没有灰色背景的区分而变的混乱，界面的整体感变强。