免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

如何做好极简设计

发布时间:2017-01-03 15:45:05 阅读次数:1461发布人:王进

在之前新视觉实训的文章中,无论是平面设计、UI设计、还是网页设计,都提到过极简设计,这种设计方式虽然简单,但是清晰的视觉传达表现,能够让用户很容易找到需要的内容,这一期就介绍一下如何做好极简设计。

 设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练。当然,如果能有效的利用这些元素。

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

简单的配色方案

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

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

 

近似色彩配色方案 近似色彩配色方案 的思路是从色轮上取三个相邻的颜色来做为配色。全手势操作的应用 Clear 使用了近似色彩配色方案,它使用不同颜色来区分任务的优先级或者高亮关键的任务。(顶端的任务使用最鲜艳的颜色,而底部的任务则使用明亮精致的颜色)

 

 

 模糊效果 

模糊效果出现在极简UI设计中是一件非常符合逻辑的事情,它能够增加 UI 的层次感。如果你的 UI 拥有多个层级,使用模糊效果能够让用户清晰的了解到 UI 的前后层级的关系。这也给了设计师一个完美的机会来设计多样化的菜单和层级效果。

雅虎天气 显示了一张当前位置的风景图片,如果需要查看天气的详细信息,你只需要向上滑动便会马上显示出来。与在原先的页面上叠加一层相比,这种方式在增加了详细信息的易于获取的情况下还保存了上一张图片作为模糊背景后,帮助用户在操作之后有更为直观的反馈。而且交互方式极为自然,你可以很方便的就返回到上一层。

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

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

 

 

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

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

数据的视觉焦点

你应该使用大号字体和醒目的颜色来让特定的数据成为视觉的焦点。使用中性的颜色(黑白灰)来展示普通的内容,而一些具备操作的部分则使用强对比的颜色来吸引用户注意,从而给给予用户正确的指导和操作。

明亮的色调+中性的色调是最容易搭配的方案,同时也是视觉上最引人注意的方案之一。

被放大的字体和显眼的色彩能够很好的吸引用户的注意力,而不需要多余的文字提示。与此同时还提供了简洁易用的信息收集体验。

 

 使用留白代替线条来区分元素

设计师通常使用线条和分割线来给屏幕划分区域和功能类别,但是增加太多这些元素会 UI 界面过于臃肿。

更少的线条和分割线能够让我们的页面看起来更加的干净,现代化和功能突出。我们可以使用间距,留白和色块来区分不同的元素。谷歌日历就是一个很好的例子,它使用投影将两个内容不同的区块清晰地拉开层次,而不是用线段来简单地分割。

间隔不仅提供了清晰的视觉也增加了日历应用的易用性。

 

济南新视觉数码实训基地

Copyright 1996-2020 | 工商注册号:370000228005192 | 鲁ICP备14010827号
友情链接: 济南新视觉实训基地 | 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南web前端培训 | 济南电商设计培训 | 济南教育人生网 | 济南UI培训 |