视觉设计:页面设计中整体运用极简设计手段

文章描述:视觉设计:页面设计中整体运用极简设计手段.


“从有到无,从无到有,这是我们这一代在消费爆炸、名牌泛滥当中出生入死挣扎升华的集体私家体会。定一定神,我们才知道其实真正简单的干净是何等的美好。”这是设计师欧阳应霁曾说过的一句话。每个设计师都可能经历过这么一个过程,当被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花。在这个浮躁的城市,周围越来越多的事物被简化包装、摒弃华丽的外衣,以它特有的低调、简约和实用,打动了用户的心。
回归到一个根本问题,设计为谁,为人,为了符合生活的需要,人从哪里获取它并且爱上它,生活。一直在寻找一个题材来写这篇博文,看了很多有关设计加减法的文章,对减法设计、极简设计都有了一定的了解,这次就主要从吃(食品的包装)、穿(服饰)、住(室内环境)、用(贴近生活的品牌标识和互联网)四方面来简单总结一下极简设计在视觉上的应用。可能不是特别专业,分析的也不是非常准确,都是自己在身边经常看到或者接触到的东西。

1.吃

文字和信息的“从简”,固有色加产品本身的质感和形状就算没有标产品名和具体信息,它的功能、可用性一下子就能被用户识别,如此诱人的食物,看到这个包装时,它带来的嗅觉和味觉就已经在脑中成型,购买的欲望也随之大增。

材质的“从简”,去除一切不必要的加工和颜色、简单包装,简单到只剩下素材和功能本身。看看这些简朴包装下面的咖啡,还真有坐在一有阳光的院子里,拿一个老式的手摇磨豆机,用一个下午的时光,静静的品味那浓浓的醇香。

2.穿

着装上我们主要从色彩的“从简”来举一些例子,一般来说,服装的搭配最好不要超过三种颜色。街头经常看见一些时尚达人高举撞色的旗号,越穿越大胆,撞色,是可以有的,但是它是是危险又时髦的游戏,穿的时髦瞬间变身混搭高手,穿的失败就成为全身绚丽的万花筒,那么有什么办法能避免这个问题呢,减少颜色,以不超过三种颜色为原则。

相比之下以一种色彩或者黑白作主色调,再配上深浅不同的接近颜色,这样子的着装较简单,不会刺激人的眼球,不突兀,也更耐看。

3.住

结构上的“从简”,我们回忆一下数年前的家装,自己曾经卧室,是不是卫生间,书吧,卧室都是被墙壁分割的,房顶一般还会做成吊顶,房间高涨的年代,多数人都会选择小户型的居住环境,结构的删减和整合,减天花、减造型、减浪费,增加空间利用率,保持通透的空间感,色彩是单纯的、统一的,简洁、实用、个性化的极简设计不但满足的视觉享受,更再功能上被越来越多的人喜欢。

4.极简设计在标识和页面上的应用

图形上的“从简”。它的关键在于如何用最概括最明确的元素来表达设计的形态,只有抛开生活中事物的表象,再用抽象、归纳、概括、简化、夸张的手法来刻画,才可抓住其最具个性、最本质的特征。越是简洁的图形,越能在最短的时间内抓住用户视线并传递相应信息。上面以熊猫为题材的标识就用抽象的色块组成一个具象的形态,还很到位的抓住了熊猫的特征。

前段时间,星巴克的升级了品牌形象,去掉了内外的两个圈和所有的英文字母,去掉了黑色,仅保留了双尾美人鱼的图像,用2种单色的正负形表现,舆论对它的本次换标有各种推测,抛开营销手段等其他的先不说,至少可以看到的是它比之前更简单了。减少文字和颜色也是是极简设计在标识中最常用的两种方式。

耐克标识的演变也同样说明了言简意赅的形式特质将取代之前复杂的设计,在信息的文字载体中最大可能的做到了从简。

极简设计的最有代表性国家就是日本,无论是在生活还是设计上,他们的出发点始终以节约为宗旨。因为空间的狭窄,浅颜色甚至白色被大量的使用。下面的几个页面,它的共同特征是大面积的留白,明亮干净、畅快、朴素,白是一个可以容纳各种颜色的容器,即便遇到妖娆的色彩,只要控制好白的面积,很小的画面也能拥有纵深感,版式的从简和信息架构的一目了解是最让人惊叹的地方,整个视觉流程都会显得通畅、快捷。

约而通透的白色页面,左边的导航在颜色上被弱化,因为页面干净,没有相关因素的干扰即便没有用颜色也不失重量。六种鲜艳的颜色汇聚在白色的底上显而易见,带给人的不是眼花缭乱反而是井然有序,配色也恰到好处。

明快而富视觉冲击力的个性图形,用色单纯洗练,删繁就简,以少胜多,视觉中心点明确。

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

总的来说,极简设计以简单,易用为原则,满足人们生活需要为前提,其实只要我们用心观察,就能发现身边很多随着社会变化日渐趋向简单却更注重功能的设计。

时间: 2024-10-03 10:39:57

视觉设计:页面设计中整体运用极简设计手段的相关文章

生活中的极简设计

"从有到无,从无到有,这是我们这一代在消费爆炸.名牌泛滥当中出生入死挣扎升华的集体私家体会.定一定神,我们才知道其实真正简单的干净是何等的美好."这是设计师欧阳应霁曾说过的一句话.每个设计师都可能经历过这么一个过程,当被眼前多元化的图形和繁杂的颜色搅乱到找不到北的时候,重新回到最原始的画面,也许它像一张白纸,从最本质最原生的状态出发,足以让它生根发芽,甚至开花.在这个浮躁的城市,周围越来越多的事物被简化包装.摒弃华丽的外衣,以它特有的低调.简约和实用,打动了用户的心. ·回归到一个根本

移动开发中的极简设计

本文讲的是移动开发中的极简设计, 设计是一件用户驱动很强的工作.随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键.极简设计形式和功能完美结合.它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练.当然,如果能有效的利用这些元素. 极简设计必须要 简洁明了和一致的可用性 .你的交互系统应该通过 清晰的视觉传达(clear visual communication) 来解决用户的问

连载丨《极简设计:苹果崛起之道》——硅谷伊甸园(二)

引言:艾斯林格,乔布斯的亲密战友.青蛙设计创始人,他在积淀了30年后,以70岁高龄回顾了苹果语言诞生的历程,交织着他本人与乔布斯在这一合作中的无数碰撞.交流.披荆斩棘.冲破各种阻碍的传奇故事. 本文选自<极简设计:苹果崛起之道>. 上期回顾:连载丨<极简设计:苹果崛起之道>--硅谷伊甸园(一). 简单:一个远大目标 当我在梅赛德斯奔驰实习做技术时,我在一个维护和修理电焊设备的组里工作,我们车间的墙上有一幅海报,谁进来都能看得清清楚楚.上面是现代汽车发明者卡尔奔驰的头像,写着德语的&

Illustrator三个简单粗暴极简设计制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下三个简单粗暴极简设计制作教程. 教程分享:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的三个简单粗暴极简设计制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是非常的清楚了方法了吧,那么各位就快去按照小编上面的教程自己去尝试下吧,希望能给大家带去有用的帮助.

网页设计中最常用到的设计细节

前一段时间在企业管理界流行一句格言叫"细节决定成败".企业管理当然不是我们这里要讨论的主题,但是,把这句话放在网页设计当中的确是颠扑不破的 真理.我们的眼睛和感觉总是非常敏锐的,即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品. 虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个.如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是"很大一部分原因是因为优秀的设计作品总是充满了丰富的细节."在这篇文

版面设计中的一图多用设计技巧

设计技巧:如何在设计中一图多用 [译者的话] 在版面设计中,你有很多地方都需要用到图片,但你手上只有一张图片,怎么办?在本文中,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分解剪切,就可以将这张图片用在不同的地方,出来的效果非常漂亮.一张图片,其实已经足够! 原文出处:www.bamagazine.com 在本文中,我们要将你买回来的图片物尽其用:通过从原图中得到几个小图,完全可以配合你的版面设计. 这是我们要利用的原图 在版面设计中,就变成这样 你有注意到其实在大图中隐藏着一些

分析Banner设计中为什么要用图形设计的原因

在Banner设计中,经常会使用一些图形,将文字或一些图片框选起来.为什么这样做,其实是无可奈何的.如果我们看一下除Banner之外的图片,几乎很少用图形的,当然有些Banner也不用图形的,都是有原因的,我们可以具体分析一下. 一:艺术图片为什么一般不用图形. 图形的目的就是引起注意,起到一个提示的作用.但是艺术片有它自己的方法.它们一般会使用色彩的明暗或大小等或一些特效来突出他们的主题.因为图形有分隔的作用,会破坏整体效果.再者艺术图片图是第一位的,文字非常少,可以做的很大,况且也不是主题,

Web设计中的多按钮共存设计

之前在一个web系统的设计中,和另一个设计师讨论,"保存"和"取消"按钮该怎么设计.我的观点是,保存是比取消更常用的按钮,也是用户的主要目的(用户不会为了取消来使用表单),所以在视觉上,保存按钮应该比取消按钮更醒目,这样更容易被用户先看到,从而提高用户的效率. 下图:Google analytics系统中,Apply以按钮的形式表现,cancel以链接形式表现 后来碰巧看到Luke Wroblewski写的"Primary & Secondary

网页按钮交互设计中的确定和取消设计原则

     "确定"与"取消"按钮应该可以算是Web应用里最无敌的组合了,你可以随处看到他们以及他们的姊妹组合"完成"/"取消"."是"/"否"-.当然,他们也不是每次都表述的是同一个交互动作,但是我们总会遇到.           为什么会有"确定"与"取消"的组合?      这个问题似乎是个废话.因为,Web应用中几乎你所有的动作都是可以取消的