如果把网页设计成这样,你一定喜欢看
A 君导读: AppSo (微信公家号 AppSo )之前分享了丹麦籍设想师提出的几个设想准绳,此中有一篇文章关于「防止功用舒展」和「KISS 准绳」,今日分享这篇俄罗斯籍设想师 Nick Babich 受权翻译的文章,带你进一步理解「KISS 准绳」。
极简主义最早呈现于后二战期间的艺术活动。当代网页设想中,极简主义也是支流的设想技巧之一。它有时也被视为「文章大过于方式」的典型代表。
使用得当的话,极简主义能够使设想师愈加存眷「简化用户使命」。此外,它还有其他长处,比方网页加载速度更快,巨细纷歧的各类装备上兼容性更好等等。
极简主义倡导的「简」,看起来确实简略,但透过景象看实质,「简而未减」。这篇文章,带你理解极简主义该当要留意的几个设想准绳和案例。
一、什么是极简主义网页设想?极简主义原先盛行于 21 世纪初。现在,大大都盛行设想趋向(比方扁平设想、网站首图、以及躲藏式全局导航等等)都受极简主义间接影响。
Google 常被称为极简主义网页界面的前驱者。自上个世纪 90 年月的测试版开端,极简主义不断都是其界面设想一直不变的遵照法则。

虽然 Google 推出了各类各样的产物,但过来 15 年以来其主页设想作风根本仍然如故。
Google 搜刮主页设想的胜利,为极简主义的盛行开展奠基了根底。
关于极简主义网页设想的特征,固然 众口纷纭,但总体来说,包括以下几个根本受承认的方面:
1. 只保存需要元素极简主义的中心听起来也十分简略——简而未减(Less is More)。正在网页设想中,要做到简而未减,只需正在既定设想情况中保存需要元素即可。
极简主义网页设想的计谋正在于,省去不撑持用户使命的多余元素或文章,简化页面。由于屏幕上的元素越少,其他元素的存眷度就更高。
也就是说,假如屏幕上只要单调元素,那边该元素面前的消息必定能够胜利地传达给用户。

页面上元素越少,用户的认知负荷也绝对较轻。
简而未减,就是要省去任何影响用户留意力的界面元素。但同时,确保用户所需元素没被移除或躲藏,不然用户其首要使命将变得更繁杂。
所以,设想要以文章为中心,省去多数二级元素(比方主导航),用户才不会那边么猜疑。
2. 负空间要问极简主义设想最常用的元素是什么?若答复什么元素都不消,这个谜底也缺乏为奇。
负空间(亦称留白),是极简主义设想最主要的特征,也是使极简主义设想最赋亮点的一个特征。它对于指导用户视觉流向也是很有协助的:
某元素四周的负空间越多,该元素受存眷的能够性越大。
负空间是用户最熟习的极简主义设想元素。图片来历:Bouguessa
3. 视觉特征正在极简主义设想中,每个细节都有其具有价值。所以留下的都是精髓:
扁平设想。极简主义界面凡是都运用扁平设想元素。扁平界面中,看不就任何亮点、暗影、斜度,以及任何使界面愈加三维化的元素。起码的视觉条理团结扁平设想——当代网页设想的「黄金伙伴」。图片来历:F-Secure
活泼图片。正在极简主义设想中,图片是最具代表的一种艺术方式。图片能够将整个世界的感情保持正在一同,并制造特定气氛。但挑选图片时,必然要留意:一切代表极简主义设想的视觉特征都应出现正在所选图片中。误选图片,比方有多数分离用户留意力元素的图片,能够会拔苗助长。极简主义设想的最具代表的艺术方式——网站首图,整个网页就一张惹人瞩目的图片。图片来历:Ada Blackjack
色彩少变。极简主义设想,只应用色彩元从来增添视觉吸收力,不再增加其它设想元素。色彩品种越少越好,所以正在设想视觉条理时,必然要有立异。
用户看到的视觉消息越少,色彩元素就更明显,该网站更有影响力。图片来历:Mixd
惹人瞩目的字体排版。夺目的字体排版,经过更大篇幅的视觉吸收,使文字和文章更受存眷。让用户印象最深入的极简主义字体排版设想,凡是都使用了夺目的设想作风和字型。可是,夺目字体排版要有吸收力,有一个前提:对于用户而言,文字消息是有具有价值的。运用字体排版来发明视觉吸收力,传达消息。
比照光鲜。由于设想元素消减,所以正在设想视觉条理时要有立异力。下图示例中,浅色布景和黑色宝石的比照非常光鲜。