网站优化

简而不降:极简风格设计方案的 KISS 标准与实例

作者:admin 发布时间:2020-08-16
今日共享的本文来源于乌克兰籍设计方案师 Nick Babich,陪你更加深入入的掌握设计方案中的KISS 标准。

看了文中你能学得:

深层次了解极简风格网页页面设计方案

极简风格网页页面设计方案实战演练实例

极简风格设计方案武器

极简风格最开始出現于后二临战期的造型艺术健身运动。当代网页页面设计方案中,极简风格也是流行的设计方案方法之一。它有时候也被视作「內容大过度方式」的典型性意味着。

应用适当得话,极简风格可使设计方案师更为关心「简单化客户每日任务」。另外,它也有别的优势,例如网页页面载入速率迅速,尺寸不一的各种各样机器设备上适配性更强这些。

极简风格倡导的「简」,看上去确实简易,但通过状况看实质 简而不降。本文,陪你掌握极简风格应当要留意的好多个设计方案标准和实例。

 

一. 什么叫极简风格网页页面设计方案?

极简风格最开始时兴于 21 新世纪初。现如今,大多数数时兴设计方案发展趋势(例如平扁设计方案、网站主图、及其掩藏式全局性导航栏这些)都受极简风格立即危害。

Google 常被称作极简风格网页页面页面的先行者者。自上一新世纪 90 时代的检测版刚开始,极简风格一直全是其页面设计方案自始至终不会改变的遵照标准。

 

△ 虽然 Google 发布了各种各样各种各样的商品,但以往 15 年至今其首页设计方案设计风格基本仍然如故。

Google 检索首页设计方案的取得成功,为极简风格的时兴发展趋势确立了基本。

有关极简风格网页页面设计方案的特点,尽管各抒己见,但整体来讲,包括下列好多个基本受认同的层面:

1. 只保存必需原素

极简风格的关键听起來也十分简易 简而不降(Less is More)。在网页页面设计方案中,要保证简而不降,要是在明确设计方案自然环境中保存必需原素就可以。

极简风格网页页面设计方案的发展战略取决于:省掉不兼容客户每日任务的过剩原素或內容,进而简单化网页页面。由于显示屏上的原素越低,其他原素的关心度就高些。

换句话说,假如显示屏上仅有单一原素,那该原素身后的信息内容毫无疑问能够取得成功地传递给客户。

 

△ 网页页面上原素越低,客户的认知能力负载也相对性较轻。

简而不降,便是要省掉一切危害客户留意力的页面原素。但同时,保证客户需要原素没被清除或掩藏,不然客户其主要每日任务将越来越更繁杂。

因此,设计方案要之内容为关键,省掉很多二级原素(例如核心航),客户才不容易那麼疑惑。

2. 负室内空间

要问极简风格设计方案最经常用的原素是啥?若回应甚么原素也不用,这一回答都不足为奇。

负室内空间(亦称留白艺术),是极简风格设计方案最大要的特点,也是使极简风格设计方案最赋闪光点的一个特点。它对正确引导客户视觉效果流入也是很有协助的:

某原素周边的负室内空间越大,该原素受关心的将会性越大。

 

△ 负室内空间是客户最了解的极简风格设计方案原素。照片

3. 视觉效果特点

在极简风格设计方案中,每一个关键点都是有其存有使用价值。因此留有的全是精粹:

平扁设计方案:极简风格页面一般都应用平扁设计方案原素。平扁页面中,看不见一切闪光点、黑影、斜度,及其一切使页面更为立体式化的原素。

 

△ 至少的视觉效果层级融合平扁设计方案 当代网页页面设计方案的「金子搭档」。照片-Secure

栩栩如生照片:在极简风格设计方案中,照片是最具意味着的一种造型艺术方式。照片能够将全部全球的感情相互连接在一起,并生产制造特殊气氛。但挑选照片时,一定要留意:全部意味着极简风格设计方案的视觉效果特点都应展现在选定照片中。误选照片,例如挺大量分散化客户留意力原素的照片,将会会得不偿失。

 

△ 极简风格设计方案的最具意味着的造型艺术方式 网站主图,全部网页页面就一张让人瞩目的照片。照片 Blackjack

色调少变:极简风格设计方案,只运用色调原素来提升视觉效果吸引住力,已不加上其他设计方案原素。色调类型越低就越好,因此在设计方案视觉效果层级时,一定要有自主创新。

 

△ 客户见到的视觉效果信息内容越低,色调原素就更明显,该网站更有危害力。照片

让人瞩目的字体样式排版设计:显眼的字体样式排版设计,根据更大篇的视觉效果吸引住,使文本和內容更受关心。让客户印像深刻刻的极简风格字体样式排版设计设计方案,一般都应用了显眼的设计方案设计风格和字形。可是,显眼字体样式排版设计要有吸引住力,有一个前提条件:对客户来讲,文本信息内容是有存有使用价值的。

 

△ 应用字体样式排版设计来造就视觉效果吸引住力,传递信息内容。

比照独特:由于设计方案原素降低,因此在设计方案视觉效果层级时要有自主创新力。下面的图实例中,乳白色情况和灰黑色晶石的比照十分独特。

 

△ 很多极简风格设计方案都只应用一种独特色调,根据单一色彩来突显网页页面最大要的原素。照片 AIN T PLASTIC

二. 极简风格网页页面设计方案最好实践活动

极简风格听起來全都简单化了,但「站着讲话不腰疼」 不可以由于原素相对性较少,能用性也跟随减少。

1. 一屏一聚焦点

遵照「一页一定义」标准,在设计方案时,每一个网页页面、显示屏只出現一个定义,并加上单一视觉效果內容为关键。

 

△ 照片 Tonic

2. 网页页面上部分有一定的预估

在网页页面上部分留够负室内空间,并添加高品质量原素,伴随着网页页面翻转,內容相对密度都不断提升。

 

△ Apple 首页(网页页面上部分)

3. 文字简约

在威尔伦克和怀特相互出版发行的《设计风格的因素(The Elements of Style)》一书里,她们明确提出了「省掉过剩文本」这一见解。这也可用于极简风格设计方案 用心编写网页页面文字,只留有必需原素,但留有的务必是精粹,能够帮你清楚一目了然地传送信息。

 

△ 省掉全部过剩的文本,以最简约的方法与客户互动。照片

4. 简单化,但并不是掩藏导航栏

简单导航栏,至始至终全是网页页面设计方案的总体目标之一。但简单其实不相当于立即掩藏。若应用汉堡包包莱单,再用它来简单化页面內容前,要确定给你有效原因。同时,汉堡包包莱单还会继续降低导航栏的可发觉性。大多数数状况下,随时随地由此可见的导航栏挑选更优。

注:汉堡包包莱单是导航栏方法的一种,一般在导航栏栏左边有一个由三条横杠(三层汉堡包)构成的标志,这便是汉堡包包莱单。

首先看看看图的导航栏:

 

△ 关键导航栏莱单仅再用户实际操作下才由此可见

再比照下面的图导航栏:

 

△ 随时随地由此可见的导航栏莱单

5. 添加动画特效

在设计方案中,动画特效的危害越来越越大。沒有动画特效,就算是极简风格设计方案,将会也会「坐冷板凳」。但是,添加动画特效仍需遵照极简风格的设计方案标准:简约,而且只保存必需原素。

 

△ 动画特效使互动全过程更具有魅力。

6. 降落页和著作集网页页面一定要极简设计方案

尽管內容驱动器型极简风格设计方案可用于一切网站,但是时极简风格艺术美学将会会「答非所问」。但是,极简风格设计方案一定可用于降落页和著作集网页页面。例如下面的图实例,设计方案目地简约确立,內容相对性较少。

 

△ 设计方案师 Brain Danaher 的著作集网页页面 很多设计方案师美誉为极简风格设计方案网站的典例。

要想把极简风格设计方案合理应用到更繁杂的网站,将会其实不简易。由于內容繁杂的网站,小量原素必定是其薄弱点。对于这类状况,能够运用极简风格设计方案一个降落页,再根据降落页连接至有大量关键点的网页页面。

三. 資源和专用工具

1. 极简风格调色盘

对比普遍的黑与白色板,这儿能够发觉大量可用于极简风格设计方案的大家款调色盘。

2. 颜色比照查验器

键入情况和市场前景色调编码,查验器能够测算出比照数据信息,进而了解哪二种颜色组成最可用。

小结

省掉不兼容客户每日任务的过剩原素或內容,极简风格网立在简单化页面这条路面上越走越稳。为何这种网站这般给人启迪?回答一望而知:其设计方案兼具了「简约性」和「能用性」双方面。

能简单导航栏的「轻负载」网页页面,仍然能传递信息,且不逊于其他。何必浅碧暗红色,自是花中第一流。简而不降,你非常值得有着。

标识:企业网站建设 网站建设 手机上网站模版 手机微信开发设计 网站模版 微信小程序开发设计 文中,转截请标明出處!假如必须企业网站建设 微信小程序开发设计 手机微信开发设计 APP开发设计请联络于主管,大家将出示贴心服务!
联络方法:手机上:  或扫一扫下边二维码加我手机微信:

收缩