Less is more?极简主义在Web设计中的真相

AI浪潮袭来,产品经理如何应对?15天系统化入门AI产品经理,先人一步抢占时代红利。了解一下>>

国外的很多网站都非常简约大气,原来他们是遵循了这样的设计原则啊。这样的原则,不仅仅适用于web设计,也同样适用于App设计。

介绍:

“Less is more”-无论在时尚,室内设计还是网页设计领域,这句话都统治着设计界。这句话反映了古老的极简主义理论,也渐渐成为了简单,优雅的功能性营销设计的最新工具。

可以说,极简主义正在盛行。

极简主义的应用可以有两种不同的方式。一个是美学,一个是功能。在这里,我将讨论功能性极简主义在Web设计中的应用,在此之前,我们看一下它的基本概念和历史。

极简主义:基本概念

极简主义的关键原则是让用户看到必要的功能这样,用户的注意力不仅集中在艺术的重要部分上,而且还提高了作品的优雅度。

传奇极简主义画家唐纳德·贾德(Donald Judd)说:“形状、体积、颜色、表面就是物品本身。它不应该被隐藏成为完全不同的整体的一部分,形状和材料不应因环境而改变。”

涉及到极简设计时,它可以采用两种方式:设计师可以出于美学或功能的考虑创造简约设计。

以图1中的这种设计为例:

Less is more?极简主义在Web设计中的真相

图1:缺乏功能的美学极简主义示例

以上设计来自眼镜设计师Alfred Sung。尽管该设计很极致,看上去很美,但是除非用户浏览菜单栏,否则该设计不会告知用户网站的目的。这种简约的网页设计仅是为了美观,而不是功能。

但是,如果我们看下面的图2,我们将看到功能性极简主义在Web设计中的完美应用,用令人愉悦的视觉呈现重要信息。

Less is more?极简主义在Web设计中的真相

图2:功能极简主义的示例,既美观又实用

这是Libraton的网页设计。干净流畅的用户界面,易于导航。这是网站设计中的功能性极简主义的主要示例。设计中没有多余的文字,不必要的动画和额外的效果。借助适当的图像和内容,让用户知道该网站的内容。

所谓的网页设计的功能性极简主义,即令人愉悦的视觉向用户呈现必要的内容。在简约的设计中,没有多余的文字,不必要的动画和额外的效果。内容和设计按原样显示,没有任何额外的装饰,以使用户轻松找到他们想要的内容。

极简主义的历史与演变

极简主义意味着高效的生活,这意味着您可以将更多精力放在核心目的上,这意味着摆脱生活中所有多余的功能,装饰品和其他任何装饰。日本文化将生活中的简约与平衡和谐放在首位,您可以在他们的艺术和建筑中看到这一点。

在谈论极简主义的历史时,您需要对日本文化作简要了解。日本文化最好的反映了极简主义的概念。极简主义的概念在整个历史中都存在过,但是在二战之后,它通过艺术家Frank Stella和Robert Rayman的作品而得到了广泛传播。由于该概念的普及,极简主义也逐渐渗透到其他领域,例如建筑。

很快,极简主义也进入了网页设计领域。在互联网的起源上,存在另一种风格的网页设计风格,我们称之为野蛮风格。布局杂乱,几何图案笨拙且重复,字体也多种样式。总而言之,野蛮派网页设计对掩盖丑陋设计毫无欲望。

但是随着设计的开始改进,极简主义走在了最前列,网站开始变得更加美观。不过,野兽派的设计也再次卷土重来,声称反对同质化的网页设计风格。

极简网页设计及其必要功能

网页设计中的极简主义是设计师最流行的实践。随着极简网页设计变得流行,当设计功能性网站时,极简主义已成为第一法则。这是为什么了解极简主义网页设计的最佳方法,是了解其主要功能。

1. 重点:突出内容

简约的Web设计中,内容是重点,通过删除多余的元素(所谓的多余是指不影响用户进行操作的部分)简化界面。这种方法,内容的优化是最重要的过程。

Less is more?极简主义在Web设计中的真相

资料来源:https ://newday.agency/

通过确定内容的优先级,设计人员删除网页上可能让用户分散注意力的所有元素。最后,每个元素都将具有一定的功能。剥离多余的内容时可能会遇到一个问题,那就是会删除重要的内容。因此,请确保您没有从页面中删除重要内容。

(1)负空间的广泛使用

基于日本的ma原理,负空间或留白在简约设计中起着重要作用。负空间或留白是极简网页设计的一个非常普遍的功能,内容(图像或文本)之间的空白更加强调页面的内容。

Less is more?极简主义在Web设计中的真相

资料来源:https ://perficientdigitallabs.com/

虽然负空间也称为空白,它并不一定总是白色。作为设计师,您还可以使用空的全色背景在设计中引入负空间。

(2)视觉特征

极简网页设计具有很多独特的视觉特征。这些特征在网站的整体外观中起着重要作用。

(3)平面设计和纹理

极简设计省去过度使用的3D效果,阴影和渐变,而广泛使用平面纹理。去除网站显得浮华的设计元素。在平面设计中,从字体到图标,所有内容都保持在最低限度,这不仅美观而且功能强大。QAccounting是很好的示例。

Less is more?极简主义在Web设计中的真相

资料来源:https ://qaccounting.beta.herdl.com/

(4)照片和插图

一张图片相当于一千文字,图像和插图是极简网站的最重要设计元素。通过图片您可以传达更多的情感和思想。不过图片也要遵守极简主义原则。如果它是一个复杂的图像/插图,包含太多的细节,那么它将抵消设计的整个效果。例如:Manho的设计。

Less is more?极简主义在Web设计中的真相

资料来源:https ://mahno.com.ua/en

(5)有限的配色

颜色可以使视觉集中在内容上,但是它也可以分散用户的注意力。因此,以简约设计为目标的设计师通常选择有限的配色方案。无论单色方案,还是仅两种颜色的方案,这种有限配色方案是简约设计的关键视觉特征之一。

Less is more?极简主义在Web设计中的真相

来源:https://showcase.withgoogle.com/experiment/pizza-authenticator/

2. 独特的版式

在极简主义的背景下,大胆的排版必定能呈现最好的内容,设计师使用此功能来强调其内容。

Less is more?极简主义在Web设计中的真相

资料来源:https ://culture.basicagency.com/

3. 设计对比

高对比度元素是极简设计的不错选择。作为一名设计师,您无需付出太多努力,即可充分利用简单的设计元素,这也是将用户聚焦到页面主要元素的最有效方法。在最近网站大修中,Unified Infotech修改了色彩和对比度方案,使其更具吸引力。

Less is more?极简主义在Web设计中的真相

资料来源:https ://www.unifiedinfotech.net/

网页设计极简主义的最佳实践

有时实践“less is more ”的理念可能会具有挑战性。如果您正在努力为网站创建简约设计,不必担心。下面,我将列出一些最佳实践,通过遵循极简主义的最佳实践,您将可以轻松创建极简的网站设计。

1. 单一焦点

简约设计的概念是使用户专注于网页的主要元素,简约是关键。因此,只有一个焦点是极简主义的最佳实践。

Less is more?极简主义在Web设计中的真相

资料来源:https ://www.portofmokha.com/

2. 内容层次

我已经讨论过内容进行排序,并确定需要什么和不需要什么,现在是时候确定什么先行,什么后行了。

Less is more?极简主义在Web设计中的真相

资料来源:https ://www.gsmlondon.ac.uk/global-oil-map/

内容的层次结构意味着内容的放置。页面顶部的内容最重要,而页面底部的内容最不重要。用户的眼睛总是盯着页面的顶部,所以将页面的主要内容放在顶部附近很重要。

3. 精确且清晰的内容

我将再次讨论页面的内容,在为极简网站编写内容时,您需要去除多余的单词。

Less is more?极简主义在Web设计中的真相

资料来源:https ://hopdeco.ca/en

页面的文本内容必须是用最少单词传达所有的信息。

4. 简化导航

简约设计的重要目标之一是帮助用户尽可能简单高效地完成任务。为此,您需要集成一个简单便捷的导航系统,在极简的界面中可能会比较棘手。

Less is more?极简主义在Web设计中的真相

资料来源:https ://ark-shelter.com/

您可能会觉得需要隐藏导航以创建简约界面。但是,这可能降低用户对网站的满意度。因此,在简化设计的同时需要保证必要的功能。

5. 功能性动画

尽管动画被视为设计界的一种装饰,有时候也必不可少。在简约界面中加入有针对性的动画,不仅会使网站看起来更漂亮,也会使界面更高效。必要请看下,可以使用动画节省屏幕空间,同时使网站浏览更有趣。

Less is more?极简主义在Web设计中的真相

通过GIPHY

6. 极简的登陆页面和组合

但是,如果您的网站是内容丰富的网站(例如新闻网站或博客网站)怎么办?

在那种情况下,完全的简约设计可能会有些困难,使用简约的界面将使用户操作更多,这对于高效的网站可能并不理想。

那么解决方案是什么?

Less is more?极简主义在Web设计中的真相

资料来源:https ://mywony.com/?ref=lapaninja

网站Mywony,婚纱设计,在线购物网站,采用使用简约的布局作为着陆页。一个电子商务网站,无论是亚马逊还是其他独家网站,都倾向于展示他们销售的所有产品。但是Mywony采取了极简主义的方式,为游客提供了功能完善的设计,看上去也很讨人喜欢。

你要做什么?那结论是什么?

许多人仍然认为极简主义只是设计的视觉方面。虽然这部分是正确的,但极简主义也必须有其自身的功能。解锁功能性极简主义的所有秘密之后,您可以将其应用到网站设计中,这类型的网站不仅是您和用户之间的交流工具,也是用户希望访问的美观的网站。

 

原文网址:https://medium.com/usabilitygeek/is-less-really-more-the-truth-of-functional-minimalism-in-web-design-ff35256bda5f

作者:Jessica Bennett

编译作者:熊不知;公众号:产品经理熊不知(ID:xiongbuzhia),人人都是产品经理专栏作家。5年产品经理经验,专注海外社交APP和编辑工具类APP的产品设计。

本文由@熊不知 翻译发布于人人都是产品经理,未经作者许可,禁止转载。

题图来自Unsplash,基于CC0协议

评论
欢迎留言讨论~!
  1. 极简主义,极其考验运营者的智慧!极简实际上是极致!

    回复
  2. 我想看这些网站,发现我没有VPN,所以我找了一波,又回来学习~

    回复