浅谈极简主义设计

标签: 交互视觉 设计与交互 | 发表时间:2014-05-28 11:38 | 作者:lizliu
出处:http://www.woshipm.com

说到极简主义设计,相信网页设计师们都不会陌生,本期我们就从这方面说起…

起源

极简主义设计运动始于瑞士,然后被用于多种媒体:图形设计,建筑,音乐,文学,绘画,以及网页设计。

极简的网页设计的最终目标是帮助用户去快速的关注焦点,并尽快实现他们的目的。

 

概念

在最纯粹的样式中,还原其最基本的东西。

从一个视觉的角度来说,极简主义设计意味着平静和将思想带回本真。

极简绝不是简陋。

 

为什么要极简 ?

当我们被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花。

在这个浮躁的城市,周围越来越多的事物被简化包装、摒弃华丽的外衣,以它特有的低调、简约和实用,打动了用户的心。

 

极简的网页设计

极简的思维是现代网页设计的基础

极简的网站,往往会产生较少的CSS规范,HTML元素,镜像,JavaScript等等。这最终意味着增强了前端Web性能,进而提高了可用性和得到更好的用户体验。

大面积的留白,使图、文、底主次分明,更具有强烈的视觉冲击力。页面设计中整体运用极简设计手段,阅读省力和信息获取快捷,白的透气,可以让用户有很大的空间呼吸并保持欢快的情感进行浏览。

 

极简网页设计视觉呈现技巧

产品原型视觉转化

2

确定你绝对需要的内容

在一个列表里面,区分内容的优先级

给予你的列表绘制线框的草图以实验最佳的视觉层级

网页布局

3

排版布局中的平衡、对齐及对比关系,对页面视觉效果至关重要

如果画面效果头重脚轻,或者左右不均衡,会让用户感觉到压迫感,从而影响到浏览信息的顺畅

 

生动的排版

4

基于排版网站设计和极简主义紧密的联系到一起

当设计师乏于用别的方法激发用户,他们往往会利用有趣的排版。

用排版作为唯一的视觉元素你甚至可以走得更远

 

色彩的应用

色彩丰富会导致作品的多义性,会导致用户与用户之间的理解有差异。

极简设计使用原色,偏向明亮色和无彩色系中的白灰色,满足极简主义追求的简单明了的,将元素精简至原始状态。

另外从人对于世界的认知过程中来看,最早在儿童时期喜欢需要简单的、新鲜的、强烈刺激的色彩,随着年龄的增长,色彩感觉相应趋向于成熟和柔和些,对于色彩的理解差异也就越来越大。极简设计使用原色试图剔除时间因素对于色彩认知程度的影响。

 

色彩的应用——简约通透的白

5

白色,因其明度最高,无色相,明亮干净、畅快、朴素,永恒无暇,在自然界象征着极致的纯净与贞洁。

白色优雅、平和而简单,没有强烈的个性,因而网站设计中,白色具有高级,科技的意象,是永远流行的主色调。

轻快的白色可以给人很好的轻快速度感,运用得当可以让其它任何浅颜色及亮颜色呈现出其深度、明度和饱和度的不同,通过对比让其亮色更加明快、专注和舒适。

整洁、大空白的同时让用户保持欢快的情感进行浏览。

 

色彩的应用——精致高雅的灰

6

灰色也是极简主义网站设计的首选色彩,这类网站通常会选用浅灰色作为背景色彩,然后选用深灰色作为主要的字体颜色。

8

灰色与黑白照片、大量留白,还有一小段有活泼手写体的文字,给网站一种高雅的感觉

 

图形

以理性的几何图形或符号为表现形式,产生一种理性的秩序感,在此同时空间也被压缩至二维化,采用简单平凡的四边形或立方消隐具体形像传达意识的可能性

极简设计使用重复和均等分布的表现手法,减少元素的数量并且不以衬托的手法去突出某一个元素

9

极简主义是一种理性设计,其布局要求对于数学计算能力有一定要求,如网页设计中有栅格系统,每一个元素的位置都经过严密的计算,杜绝设计的随意性

 

文字

当图形简化之后,文字变的更为重要。一方面,文字有成为视觉元素可能性。另一方面,各种形式的文字可用于传达信息,比图形更为快捷和精确,如黑色文字为正文,灰色文字为辅助信息,蓝色文字为链接,红色文字为提醒类文字。

10

 

极简网页设计的一些思考

极简设计不等于简约设计

极简设计秉承了极简主义的思想,并以造型、色彩、图形和文字等视觉元素体现出来。极简设计与简约设计虽有形式上的相似性,但两者并不等同,简约设计是为了反对过度装饰而产生的,其范围更广,不可混为一谈

极简设计是趋势

极简主义可以是很漂亮的而且将会在未来几年内出现,所以学习它的一些技术会不能相信的有益,无论对你的客户或你自己的项目。

极简设计的悖论

极简设计作品品位高雅,摒弃陈俗和浮华,直至本质,却不适用于大众化设计,因为其形式去除了具有视觉冲击力的元素,这与一些商业目的相违背的。

 

原文地址:http://ued.focus.cn/wordpress/?p=2963

 


(关注更多人人都是产品经理观点,参与微信互动(微信搜索“人人都是产品经理”或“woshipm”)

相关 [极简主义 设计] 推荐:

浅谈极简主义设计

- - 人人都是产品经理
说到极简主义设计,相信网页设计师们都不会陌生,本期我们就从这方面说起…. 极简主义设计运动始于瑞士,然后被用于多种媒体:图形设计,建筑,音乐,文学,绘画,以及网页设计. 极简的网页设计的最终目标是帮助用户去快速的关注焦点,并尽快实现他们的目的. 在最纯粹的样式中,还原其最基本的东西. 从一个视觉的角度来说,极简主义设计意味着平静和将思想带回本真.

极简主义的创意名片设计

- 齐铭 - Design lol 全球设计精华分享
拥有一张像样的名片在商务活动是必不可少的,传达给别人你是否够专业. 将别人的注意力吸引到你的名片上的关键,是保持简单,切题,易读,有格调. 告诉别人你是谁怎样能找到你,就够了,它不是一块画布或一张稿纸. 详情查看原文: 30 Minimalistic and Creative Business Cards Design.

国外35个极简主义网站设计

- Taozi - 前端观察
原文:国外35个极简主义网站设计. 译自:35 Effective Examples of Minimalism in Web Design. 请尊重版权,转载请注明来源,多谢. 极简主义的网站设计是我的最爱,之前前端观察也有分享过很多极简主义的网站设计,这里是一批由speckyboy.com收集的另一批很赞的极简主义网站设计,供大家参考吧~~.

极简主义摄影

- nicing - Design lol 全球设计精华分享
详情查看原文: 40 Examples of Minimalist Photography. 极为推崇的摄影网站 1x.com. 15套你必须拥有的极简主义风格icon集.

极简主义皮包

- 云透 - 创意酷
  钱包,是体现身份和品味的象征. 这个来自纽约曼哈顿潮店LEFFOT的皮革钱包就体现了它简洁的品质感. 采用优质马皮制作,线条和皮革的色泽质地都是非常的柔和,折三次就可以放好你的钱. 适合所有的国际纸币,不能放银行卡和硬币. 小型折叠2.5“×2.75”. 该文来源于创意酷,这里还有能买到的创意点此购买.

26幅有才的极简主义平面广告

- 俊 - 译言-每日精品译文推荐
来源26 Brilliant Minimalist Print Ads | Bored Panda. 建筑师密斯·范·德·罗厄运用“少就是多”的格言来描述他极端的简单,他通过展现每一个元素和细节来为多种多样的视觉和实用用途服务(如在设计一个楼层的时候考虑到散热效果,在设计壁炉的时候也会考虑到卧室).

极简主义如何帮我克服了拖延症

- - 战拖会
因为拖延症,我的论文迟迟未能动笔,资格考试一拖再拖;因为拖延症,我经常推迟老板交给的任务,最严重的一次拖了6个月. 而拖延症带来的内疚感、焦虑感、自卑感和生活的无序感让我仿佛掉入一个爬不出来的泥潭. 1、 为什么很多时间管理的方法不适合我. 为了克服拖延症,我曾尝试了各种方法. 我在网上打过卡,用过GTD,用过番茄法,尝试过网上各种各样的记事本跟踪记录方法.

读《乔纳森·艾夫》:比乔布斯更彻底的极简主义者

- - 钛媒体网
乔布斯的传记作家沃尔特·艾萨克森曾在书中引用过乔布斯妻子说过的一句话:「乔布斯生活中的大部分人都是可以替代的,但乔尼是难以替代的. 」这里的乔尼指的就是乔纳森·艾夫(Johnathan Ive),后乔布斯时代 苹果公司的灵魂人物. 即使是乔布斯指定的接班人提姆·库克(Tim Cook)也并非不可替代.

为了设计而设计

- - 幻风阁|kent.zhu'sBlog
我有个习惯,每天晚上睡前会搜罗一遍最新的App用用. 最开始的时候ios的App还相对比较朴实,强调功能的实用性,后来不知何故吹起一阵ios的App必须足够精美的怪风. 于是乎,各类App纷纷上演换装游戏,一个比一个做的精美,即使是一个很工具性的应用也把自己浓妆艳抹的往坐台小姐的风格搞……. 上周末跟Tony和Angela在下厨房喝茶闲聊,我说目前的移动产品设计可以分为2类,一类是做给用户用的,一类是做给设计师们欣赏与收藏的.

杯盖设计

- Yu - 创意设计-有趣、时尚、另类的创意
微向上的设计,在倒水完毕的时候可以让水滴顺着杯盖回流到杯子中,而不会随意的滴下来. 虽然是细小的设计,但是考虑的却是生活的便利.