国外的很多网站都非常简约大气,原来他们是遵循了这样的设计原则啊。这样的原则,不仅仅适用于web设计,也同样适用于App设计。
介绍:
“Less is more”-无论在时尚,室内设计还是网页设计领域,这句话都统治着设计界。这句话反映了古老的极简主义理论,也渐渐成为了简单,优雅的功能性营销设计的最新工具。
可以说,极简主义正在盛行。
极简主义的应用可以有两种不同的方式。一个是美学,一个是功能。在这里,我将讨论功能性极简主义在Web设计中的应用,在此之前,我们看一下它的基本概念和历史。
极简主义:基本概念
极简主义的关键原则是让用户看到必要的功能。这样,用户的注意力不仅集中在艺术的重要部分上,而且还提高了作品的优雅度。
传奇极简主义画家唐纳德·贾德(Donald Judd)说:“形状、体积、颜色、表面就是物品本身。它不应该被隐藏成为完全不同的整体的一部分,形状和材料不应因环境而改变。”
涉及到极简设计时,它可以采用两种方式:设计师可以出于美学或功能的考虑创造简约设计。
以图1中的这种设计为例:
图1:缺乏功能的美学极简主义示例
以上设计来自眼镜设计师Alfred Sung。尽管该设计很极致,看上去很美,但是除非用户浏览菜单栏,否则该设计不会告知用户网站的目的。这种简约的网页设计仅是为了美观,而不是功能。
但是,如果我们看下面的图2,我们将看到功能性极简主义在Web设计中的完美应用,用令人愉悦的视觉呈现重要信息。
图2:功能极简主义的示例,既美观又实用
这是Libraton的网页设计。干净流畅的用户界面,易于导航。这是网站设计中的功能性极简主义的主要示例。设计中没有多余的文字,不必要的动画和额外的效果。借助适当的图像和内容,让用户知道该网站的内容。
所谓的网页设计的功能性极简主义,即令人愉悦的视觉向用户呈现必要的内容。在简约的设计中,没有多余的文字,不必要的动画和额外的效果。内容和设计按原样显示,没有任何额外的装饰,以使用户轻松找到他们想要的内容。
极简主义的历史与演变
极简主义意味着高效的生活,这意味着您可以将更多精力放在核心目的上,这意味着摆脱生活中所有多余的功能,装饰品和其他任何装饰。日本文化将生活中的简约与平衡和谐放在首位,您可以在他们的艺术和建筑中看到这一点。
在谈论极简主义的历史时,您需要对日本文化作简要了解。日本文化最好的反映了极简主义的概念。极简主义的概念在整个历史中都存在过,但是在二战之后,它通过艺术家Frank Stella和Robert Rayman的作品而得到了广泛传播。由于该概念的普及,极简主义也逐渐渗透到其他领域,例如建筑。
很快,极简主义也进入了网页设计领域。在互联网的起源上,存在另一种风格的网页设计风格,我们称之为野蛮风格。布局杂乱,几何图案笨拙且重复,字体也多种样式。总而言之,野蛮派网页设计对掩盖丑陋设计毫无欲望。
但是随着设计的开始改进,极简主义走在了最前列,网站开始变得更加美观。不过,野兽派的设计也再次卷土重来,声称反对同质化的网页设计风格。
极简网页设计及其必要功能
网页设计中的极简主义是设计师最流行的实践。随着极简网页设计变得流行,当设计功能性网站时,极简主义已成为第一法则。这是为什么了解极简主义网页设计的最佳方法,是了解其主要功能。
1. 重点:突出内容
简约的Web设计中,内容是重点,通过删除多余的元素(所谓的多余是指不影响用户进行操作的部分)简化界面。这种方法,内容的优化是最重要的过程。
资料来源:https ://newday.agency/
通过确定内容的优先级,设计人员删除网页上可能让用户分散注意力的所有元素。最后,每个元素都将具有一定的功能。剥离多余的内容时可能会遇到一个问题,那就是会删除重要的内容。因此,请确保您没有从页面中删除重要内容。
(1)负空间的广泛使用
基于日本的ma原理,负空间或留白在简约设计中起着重要作用。负空间或留白是极简网页设计的一个非常普遍的功能,内容(图像或文本)之间的空白更加强调页面的内容。
资料来源:https ://perficientdigitallabs.com/
虽然负空间也称为空白,它并不一定总是白色。作为设计师,您还可以使用空的全色背景在设计中引入负空间。
(2)视觉特征
极简网页设计具有很多独特的视觉特征。这些特征在网站的整体外观中起着重要作用。
(3)平面设计和纹理
极简设计省去过度使用的3D效果,阴影和渐变,而广泛使用平面纹理。去除网站显得浮华的设计元素。在平面设计中,从字体到图标,所有内容都保持在最低限度,这不仅美观而且功能强大。QAccounting是很好的示例。
资料来源:https ://qaccounting.beta.herdl.com/
(4)照片和插图
一张图片相当于一千文字,图像和插图是极简网站的最重要设计元素。通过图片您可以传达更多的情感和思想。不过图片也要遵守极简主义原则。如果它是一个复杂的图像/插图,包含太多的细节,那么它将抵消设计的整个效果。例如:Manho的设计。
资料来源:https ://mahno.com.ua/en
(5)有限的配色
颜色可以使视觉集中在内容上,但是它也可以分散用户的注意力。因此,以简约设计为目标的设计师通常选择有限的配色方案。无论单色方案,还是仅两种颜色的方案,这种有限配色方案是简约设计的关键视觉特征之一。
来源:https://showcase.withgoogle.com/experiment/pizza-authenticator/
2. 独特的版式
在极简主义的背景下,大胆的排版必定能呈现最好的内容,设计师使用此功能来强调其内容。
资料来源:https ://culture.basicagency.com/
3. 设计对比
高对比度元素是极简设计的不错选择。作为一名设计师,您无需付出太多努力,即可充分利用简单的设计元素,这也是将用户聚焦到页面主要元素的最有效方法。在最近网站大修中,Unified Infotech修改了色彩和对比度方案,使其更具吸引力。
资料来源:https ://www.unifiedinfotech.net/
有时实践“less is more ”的理念可能会具有挑战性。如果您正在努力为网站创建简约设计,不必担心。下面,我将列出一些最佳实践,通过遵循极简主义的最佳实践,您将可以轻松创建极简的网站设计。
1. 单一焦点
简约设计的概念是使用户专注于网页的主要元素,简约是关键。因此,只有一个焦点是极简主义的最佳实践。
资料来源:https ://www.portofmokha.com/
2. 内容层次
我已经讨论过内容进行排序,并确定需要什么和不需要什么,现在是时候确定什么先行,什么后行了。
资料来源:https ://www.gsmlondon.ac.uk/global-oil-map/
内容的层次结构意味着内容的放置。页面顶部的内容最重要,而页面底部的内容最不重要。用户的眼睛总是盯着页面的顶部,所以将页面的主要内容放在顶部附近很重要。
3. 精确且清晰的内容
我将再次讨论页面的内容,在为极简网站编写内容时,您需要去除多余的单词。
资料来源:https ://hopdeco.ca/en
页面的文本内容必须是用最少单词传达所有的信息。
4. 简化导航
简约设计的重要目标之一是帮助用户尽可能简单高效地完成任务。为此,您需要集成一个简单便捷的导航系统,在极简的界面中可能会比较棘手。
资料来源:https ://ark-shelter.com/
您可能会觉得需要隐藏导航以创建简约界面。但是,这可能降低用户对网站的满意度。因此,在简化设计的同时需要保证必要的功能。
5. 功能性动画
尽管动画被视为设计界的一种装饰,有时候也必不可少。在简约界面中加入有针对性的动画,不仅会使网站看起来更漂亮,也会使界面更高效。必要请看下,可以使用动画节省屏幕空间,同时使网站浏览更有趣。
通过GIPHY
6. 极简的登陆页面和组合
但是,如果您的网站是内容丰富的网站(例如新闻网站或博客网站)怎么办?
在那种情况下,完全的简约设计可能会有些困难,使用简约的界面将使用户操作更多,这对于高效的网站可能并不理想。
那么解决方案是什么?
资料来源:https ://mywony.com/?ref=lapaninja
网站Mywony,婚纱设计,在线购物网站,采用使用简约的布局作为着陆页。一个电子商务网站,无论是亚马逊还是其他独家网站,都倾向于展示他们销售的所有产品。但是Mywony采取了极简主义的方式,为游客提供了功能完善的设计,看上去也很讨人喜欢。
你要做什么?那结论是什么?
许多人仍然认为极简主义只是设计的视觉方面。虽然这部分是正确的,但极简主义也必须有其自身的功能。解锁功能性极简主义的所有秘密之后,您可以将其应用到网站设计中,这类型的网站不仅是您和用户之间的交流工具,也是用户希望访问的美观的网站。
原文网址:https://medium.com/usabilitygeek/is-less-really-more-the-truth-of-functional-minimalism-in-web-design-ff35256bda5f