简约而不简单,谈一谈移动开发中的那些极简设计.pdfVIP

简约而不简单 ，谈一谈移动开发中的那些极简设计 设计是一件用户驱动很强的工作。随着用户 来 偏好更简洁的交互界面 ，如何剔除多余的 元素 ，保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大 的优点是极简的表现形式 ，简洁的线条 ，大方的留白 ，简约的图形化元素 ，就算是很复杂的 内容 ，在这样的设计下也会显得很简洁和干练。当然 ，如果能有效的利用这些元素。 极简设计必须要简洁明了和一致的可用性 。你的交互系统应该通过清晰的视觉传达 （Clear Visual Co mmunicat io n ） 来解决用户的问题。这也是为什么具备简洁设计和高可用性的应用如此让人深刻 。即便只是一个通过极简设计的导航 ，都能够提供很强的交互功能。要做到这一点 ，你需要注意以 下几个方面。 简单的配色方案 简单的配色方案能够提高用户体验 ，那么相应的 ，过多的色彩则会带给用户负面的影响。针对于初 学者 ，有一些预先定义的标准颜色方案能够让你轻松创建新的颜色方案。 1、单配色方案 单配色方案由特定色彩的不同的色调 ，阴影或颜色深浅所构成。他们的原理是通过修改特定颜色的 饱和度和亮度 ，可以生成多种协调的颜色 ，这种颜色方案比较简洁和优雅 ，不会给眼睛产生太大 负担。 蓝色的单配色方案 （素材来源: Smashing Magaz ine ） 素材来源: Dribbble 2、近似色彩配色方案 近似色彩配色方案的思路是从色轮上取三个相邻的颜色来做为配色。全手势操作的应用 Clear 使用 了近似色彩配色方案 ，它使用不同颜色来区分任务的优先级或者高亮关键的任务。顶端的任务使用 最鲜艳的颜色 ，而底部的任务则使用明亮精致的颜色。 渐变的黄色和橙色也是近似色彩配色方案的一个例子。 素材来源: t ut s+ iO S 平台的 Clear 应用 模糊效果 模糊效果出现在极简UI设计中是一件非常符合逻辑的事情 ，它能够增加 UI 的层次感。如果你的 UI 拥有多个层级 ，使用模糊效果能够让用户清晰地了解到 UI 的前后层级的关系。这也给了设计师一个 完美的机会来设计多样化的菜单和层级效果。 雅虎天气显示了一张当前位置的风景图片 ，如果需要查看天气的详细信息 ，你只需要向上滑动便会 马上显示出来。与在原先的页面上叠加一层相比 ，这种方式在增加了详细信息的易于获取的情况下 还保存了上一张图片作为模糊背景后 ，帮助用户在操作之后有更为直观的反馈。而且交互方式极为 自然 ，你可以很方便的就返回到上一层。 iO S 上的雅虎天气 一个应用中只使用一种字体 在一个应用中使用多种字体会看起来很散乱和马虎。减少屏幕上字体的类型数量可以增强排版的 效果。当你在设计应用的时候你可以通过更改字体的字重、样式、尺寸和大小来优化布局效果 ，而 不是更换字体。 素材来源: A pple 通常来说 ，一个应用中只使用一种字体。 当你在为A 选择字体的时候 ，选择平台的默认字体可能是最安全稳妥的选择 ： 苹果使用 San Francisco Family 字体来提供全平台一致的阅读体验 （在iO S 9 中简称为 SF- UI ） 。 Ro bot o和 Not o 分别是 A ndro id 和 Chro me 的默认字体。 减少屏幕上使用的字体类型能够获得较好的排版效果。 素材来源: Dribbble 数据的视觉焦点 1、你应该使用大号字体和醒 的颜色来让特定的数据成为视觉的焦点 。使用中性的颜色 （黑白灰 ）来展示普通的内容 ，而一些具备操作功能的部分则使用强对比的颜色来吸引用户注意 ，从而给给 予用户正确的指导和操作。 明亮的色调+中性的色调是最容易搭配的方案 ，同时也是视觉上最引人注意的方案之一。 素材来源: Smashing Magaz ine 2、被放大的字体和显眼的色彩能够很好的吸引用户的注意力 ，而不需要多余的文字提示。与此同 时还提供了简洁易用的信息收集体验。 在屏幕特定的区域使用放大的字体和弹出的颜色能有效吸引用户注意