如何让产品做到极简设计


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

起源

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

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

概念

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

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

极简绝不是简陋。

为什么要极简 ?

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

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

极简的网页设计

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

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

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

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

产品原型视觉转化

确定你绝对需要的内容

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

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

网页布局

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

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

生动的排版

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

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

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

色彩的应用

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

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

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

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

                                        

 

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

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

 

                                               

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

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

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

              

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

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

图形

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

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

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

文字

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

极简网页设计的一些思考

极简设计不等于简约设计

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

极简设计是趋势

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

极简设计的悖论

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

何为『极简』

所谓极简,就是满足真正需要的,让用户感觉简单。首先,这意味着,增加的功能越多,就越难发现真正对用户有价值的新功能。其次,增加复杂性意味着代码维护的成本越来越高,也就越来越难以灵活适应市场变化。

但极简并不是意味着技术的简陋。后台过程可以是非常复杂的,但给用户呈现的、需要他们做的事情非常简单。Google背后的技术非常复杂,但用户搜索获取信息的方式却非常简单。

极度简单并不意味着最少化,而是说装饰应该紧密贴近设计本身,任何无关的要素都应该予以剔除。简单的特征和个性应该源自要表现的产品和用户执行的任务。

简单背后的用户心理机制其实是一种『掌控感』。

如何『极简』

先理解用户,才能产生出合适的设计。

软件使用的环境是观察和理解用户的最佳地点。就像是乔布斯会在苹果体验店外的灌木丛中偷偷观察用户的行为一样,用户的使用场景中的行为是最为真实和鲜活的。

通过编写用户故事,一个故事描述一个需求点。站在用户的角度进行角色扮演,不要用任何技术术语,简单平实地写一个“用户故事”。

这个用户故事包含了产品的产出(用户需要做什么)、成果(做这样的事情达到什么效果)和影响(对公司来说有什么意义)。更具体的是,5W和1H——谁在什么时间、什么地点,为什么会做某些事情,这些事情的影响是什么?其核心在于思考『场景』。将其中的要素按照先后次序排列出来,找到突破口。

正如乔布斯所说:

真正伟大的人还会继续向前,直至找到问题的关键和深层次的原因,然后再拿出一个优雅的、堪称完美的有效方案。

事实上,极简和极端有相似之处。极端的标准倒逼着产品走向简化而非复杂。

极简和极端的相似之处,来源:《简约至上》

极简之『做减法』

不必要的复杂会让一个产品庞大臃肿。关注能够为产品带来核心价值的功能、用户使用的高频功能,果断舍弃那些功能不全、容易带来Bug的功能。

这个原理跟女生整理衣橱的道理是一样的,不能因为花钱买了不合身的衣服就让这件衣服霸占着衣柜有限的储存空间不舍得丢弃(沉没成本陷阱)。同理,女生买衣服是为了在不同的场合都展现出自己的风采,那么次品(有Bug的功能)不是最佳的选择,宁愿花2000元买1件耐穿的衣服(打造核心功能),也不要花200元买10件洗过就变样的衣服(舍弃残缺功能)。

如果一个新的功能导致了流程的复杂,就应该去寻找更好的解决方案。如果删掉一个功能导致用户的问题不能再得到解决,就要重新思考。要准确判断功能的优先级要明确用户使用产品的目的,专注于寻找能够满足需求的解决方案,然后排除用户在使用产品中的干扰项(以及面对这些干扰项时产品的应对),优先满足小白用户的需求。

我在一家互联网公司做游戏运营时,发现很多时候用户来到一个活动页面,停留了一段时间但什么都没做就离开了。仔细分析之后发现连篇累牍的参与规则介绍让用户望而生畏,花俏的视觉效果使用户的注意力难以集中、对已经捕捉到的信息没有自信;文字变简短、画风变清新之后,用户迅速地做出了反应,转换率大幅提升。由此可见,去掉那些可有可无的、分散注意力的东西,可以减轻用户的参与负担和成本。

极简之『分类别』

一个日常的情景是去超市里买东西。沃尔玛有上万种商品,降低多样性当然是不明智的,这个时候要让顾客快速找到自己需要的东西就需要将商品分类。

运用到产品设计上也是一个道理,界面设计和信息设计都离不开分类。分类要做到『完全穷尽,相互独立』。同时将相似的元素放在一起,集中用户的注意力。

同时分类时还需要尊重用户已经养成的认知。我在做游戏策划实习生时,发现某次版本迭代将VIP用户的等级进行了分类,用的分类标记不是我们自创的新等级系统而是已经被大家广为接受的QQ在线时长的星星月亮和太阳等级系统,让玩家对自己所在的等级一目了然。再如,很多卡牌游戏都会借鉴经典卡牌游戏中『橙卡>紫卡>蓝卡>白卡』的分类方式让用户快速上手。

极简之『分主次』

如果亚马逊右侧的导购菜单栏不能折叠会怎样?要么你只能看到干秃秃的大类别却无法点击细分类别,要么就是一大屏长得让人没有耐心的网页。因此将不常用但不能少的选项和按钮隐藏起来显得十分必要。

在淘宝APP里,相关商品下面会有一个『更多』按钮,让有需要的用户展开看到更多的可选项,对于其他用户来说降低了选择的成本。

最经典的隐藏设计要数PS中的菜单栏隐藏,真正做到了恰当地隐藏,显得非常优雅。

PS的菜单隐藏了次要的工具,突出了主要工具

最后要强调的是,极简并不等于极度简单的设计,相反它会要求设计者思考足够多的细节,最终才能让用户感受到简单。

 

文章由PM28网编辑,作者:海阁,如若转载,请注明出处:http://www.pm28.com/461.html欢迎投稿

联系我们

在线咨询:点击这里给我发消息

邮件:403567334@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息