首页 > 建站资源 > 网站运营 > 简约之道:极简风格界面设计的起源与发展

简约之道:极简风格界面设计的起源与发展

时间:2015-07-07    来源:beforweb

家里两边通着空气,这样坐着光脚甚至有些凉意,看一眼天气明天最高气温21度,想起前两天有消息说今年厄尔尼诺要持续几个月什么什么,本想买个小龟王平时骑一骑,现在看来不是很乐观。

从没炒过股票,连所谓的理财产品都很少购买,每每听到周围的人聊起这些,理论、机遇、政策、分析,或是看到相关新闻,有时会觉得自己不识时务不求上进,有时又觉得自己幸运,不至于倾家荡产跳楼了事。和自己有什么相关。

然后这周拖延到周日傍晚才来更新博客,时间似乎是越发的少越发的紧,也许和人的年龄增长有关?年纪越大,思维和行为的速度越慢,而自己却不得而知?脚越来越凉了。本周文章来自Nielsen Norman Group,有点儿文化的味儿呢。下面进入译文。

扁平化、巨幅背景图片、默认隐藏的全局导航…当前盛行的很多设计风格都直接或间接的受到2000年左右开始的极简网页设计运动的影响。向前追溯,这些风格背后的简约哲学则来源于美术及人机交互领域当中的一些早期运动。

对于界面设计而言,极简风格,或是说“最小化设计”,其根本目的是最大化的突出内容本身,而非界面框架。如果设计的得当,极简风格可以使重要信息及功能更容易被聚焦,从而提升界面整体的易用性。

然而如今,很多设计师错误的将“极简”理解成了一种单纯意义上的视觉设计风格 - 他们将重要的界面元素移除或隐藏起来,为了追求极简的视觉效果而忽视了那些需要从整体上综合考虑的其他因素,包括可用性、易用性、产品设计策略等等。他们忽略了极简风格的核心哲学以及最初孕育了这种风格的历史情境,其结果就是,从产品整体的角度来看,复杂度非但没有被降低,反而被进一步提升了。

为了更好的理解和运用最小化设计的方法原则,我们有必要花些时间去了解极简风格的起源及其基本特性。我们将通过两篇文章来探索这一话题:本文是第一篇,主要聚焦在风格定义和历史发展这两个方面,对最小化设计风格与可用性问题之间的关联也会稍作讨论;第二篇则会从深层次上分析最小化设计的特性对于界面及产品可用性的影响作用。

什么是最小化界面设计?

最小化界面设计的目标是尽可能的移除干扰元素,以一种最简单和直接的方式将内容与功能一目了然的呈现出来。这种策略下最常见的设计方法就是做减法,即移除那些与界面的核心功能无关的内容与功能。

我们难以通过某种统一的量化标准来判断某个界面是否属于最小化设计,毕竟这不是一种可以精确定义的概念,不过大体上还是有一些共同特征是能够得到大家的认同的,包括扁平化的背景材质、简化的配色、大量的负空间(留白)等等。关于这些设计要素以及它们在最小化设计当中的运用方式,我们将在第二篇文章中详细讨论。

界面设计 极简风格 扁平化设计

设计师Brian Danaher的个人网站,在15寸MacBook Pro上浏览时,留白占据了绝大部分空间;不同灰度的文字搭配一种关键色 - 属于很多设计师所公认的那种比较典型的极简风格。

界面设计 极简风格 扁平化设计

在Danaher的站点中几乎看不到任何与内容无关的装饰性元素,界面的干扰性极低。极简风格很适用于这种类型的网站或应用,即功能复杂度较低,内容类型简单。而将极简风格运用到复杂度较高的产品当中则没有这么容易了。

可以说,最小化设计是对从前过于臃肿的、“最大化”设计风格的回应,包括我们曾经熟悉的漫长Flash进场、各种毫无意义的动画、质感沉重的界面元素、臃肿不堪的功能等等。

极简风格的兴起

极简主义起始于第二次世界大战之后的视觉艺术运动,与当时以混乱的颜色、动感等要素为代表的抽象表现主义形成鲜明的对比。极简主义受到当时著名的包豪斯艺术运动的影响,聚焦于简约而不失功能性的设计。

60年代

在上世纪60年代,极简主义开始流行于众多领域,特别是在美术及建筑设计方面。在视觉艺术领域,单色和几何图形、工业材质的运用都成为极简主义的代表性要素。

当时比较著名的极简派大师包括平面设计师Josef Müller-Brockmann,画家Ellsworth Kelly以及工业设计师Dieter Rams等等。看一看下面几个案例之间的共同特征 - 简约清晰的线条、慎用的配色等 - 虽然领域有所不同,但它们体现出的风格共性是显而易见的。

界面设计 极简风格 扁平化设计

Ellsworth Kelly的“布鲁克林大桥 VII”,1962

界面设计 极简风格 扁平化设计

Dieter Rams为Braun(博朗)设计的收音机,1961

界面设计 极简风格 扁平化设计

Ludwig Mies van der Rohe设计的S.R. Crown Hall,1956

著名建筑设计师Ludwig Mies van der Rohe的那句“少即是多”完美的概括了极简主义的表达方式。众所周知,这句话后来也成为互联网及软件设计领域当中的极简主义者们的口头禅及精神支柱 - 至少表面上是这样。

相关推荐
20大UI设计原则 设计师必备宝典
APP应用设计教程:设计元素的应用条件
设计完美的界面排版10个要点分享
让UI设计显得更简约的小技巧分享
细说用户体验设计背后的“黑暗模式”
遵循用户需求的设计:最美APP的9条闪光定律
微软发布Windows 8.1更新 针对鼠标键盘用户
企鹅进化论 细数那些年我们一起用过的QQ
用户界面设计教程:UI设计六要素分享
谷歌将推新设计语言 统一安卓用户界面设计
今日最佳设计:人像即按钮 社交应用新趋势
细节决定成败!提高用户登录体验的5个细节
百设网:专注于应用界面设计的作品交易网站
好看好用?UI设计师不可不学的易用性原则
如何给Android产品设计一款合适的图标?
分享设计:Froont打造网站设计界的Github
2014年八个最棒UI设计灵感:你最中意哪个?
Web APP与原生APP有哪些交互设计区别?
想让界面优雅易读?聊聊移动端字体7个准则
天天喊着学UI 你知道安卓和iOS的区别吗?
连按钮都设计不好 你还指望用户点击?
分享为SOUNDWAVE设计WATCH应用的五个技巧
这是个看脸的世界 即便你是APP也是如此
再见METRO!WINDOWS 10通用应用设计趋势分析
以微信网易为例:新闻型产品列表设计分析
超实用干货!视觉设计师的五项技能修炼方法
百度官方出品!2015-2016交互体验趋势
界面设计:从减少点击次数到降低使用负荷
简约至上:教你打造用户喜爱的产品设计风格
用户为王!关于征询授权、注册及加载等待的体验优化
APP产品设计:让用户看见 才是王道!
nice 启示录: 看移动 App 的产品设计和运营策略
超实用干货!深聊时下最热门应用的11种设计模式
网站策划:如何使简单的想法更简单?
被小米青睐的“UI 中国”,还想围绕界面交互设计师做点什
好的移动应用设计,就该这样

精彩推荐

热门教程