网站设计中流行风格的详细介绍

就像有各种各样的设计师,也有许多值得尊敬的设计师网页设计风格。有些是好的,有些是坏的——许多只是实验性的。然而,在网页设计中有一些风格是我们经常看到的。它们是有效的设计风格,我们对它们的了解也越来越多。

网页设计中流行的风格

网页设计中流行的风格

有时流行的网页设计风格会阻碍我们,因为我们喜欢原创。作为设计师,我们喜欢看到变化,但当然,我们的客户喜欢模仿和看到一致性。在这篇文章中,我们将探讨一些更流行的网页设计风格,并进一步研究它们的工作原理。了解设计风格的工作,因为他们可以是一个伟大的方式来使用这些相同的原则在您的下一次独特的设计。

插图

近几年来,插图在网页设计领域非常流行。插图包括从复古设计,到自然相关和抽象的一切。任何人都可以说插图网页设计有很多子风格,但重点是,插图本身不会很快消失。

为什么会这样?

插图设计给了我们一个充满可能性的世界。使用插图,就像使用图像、照片和其他设计风格一样,创造力本质上是有限的。这就是为什么说明性的网站往往更有创意。插图与过去的web相反:标准的图像、标准的布局、简单的纹理或渐变。插图赋予个性、轻松的态度和独特而令人难忘的意象。

正因为如此,带有自定义插图的web设计对于品牌来说非常重要。人物、物体或插图的整体外观既有趣又赏心悦目。虽然网上有成千上万的插图设计,但它们都有自己独特的外观。一个独特的插图设计不太适合与其他任何东西,这就是为什么它工作

共同的特征

插图设计一般分为三类(当然也有例外):个人品牌、吉祥物和摘要。对于许多个人设计师,或一小群设计师来说,他们自己的插图是很常见的。这是一个个人品牌的演示风格。一些例子包括Smashing杂志底部的插图和整个博客,Veerle的博客,以及John O’nolan的博客。通过把自己变成有插图的人物,他们在采取个人方式的同时,更好地给自己的企业打上了品牌。

吉祥物也经常使用,通常是动物或其他令人难忘的角色。银背上的大猩猩是一个众所周知的角色,就像来自Owltastic的猫头鹰一样。可能最令人难忘的例子之一是MailChimp中的黑猩猩。插图可能与品牌名称有关,也可能与品牌名称无关,但不管怎样,总是与品牌交织在一起。

也有许多抽象的插图,往往没有最终的形状或形式。这些插图是最有创意的,并给品牌的吸引力。这方面的一个例子就是著名的Web Designer Wall的大型背景。

例子

全明星

全明星

全明星

片回来

银背

银背

Carsonified

Carsonified

Pampaneo

Pampaneo

Owltastic

Owltastic

印刷的纸

几年前,当我们进入互联网时代时,似乎每个人都想留下纸。光滑的梯度,平坦的颜色,和一些纹理在第一阶段的网页设计中被看到。不过现在,印刷主题又重新流行起来。组成伟大的印刷设计的东西,如有趣的排版,微妙的纹理,和打印友好的布局,近年来被使用比以往任何时候都多。

为什么会这样?

印刷设计已经有几个世纪的历史了,现代印刷设计背后有很多科学和行之有效的方法。我们读一些印刷品比读另一些要好,而其他的印刷品设计在正确的设计理论指导下更有效。将这些原则应用到web上只能改善web体验。

人们也喜欢看到现实主义。纹理和深度让设计感觉更真实。“它让设计更容易触摸,因此更容易与人沟通。”然而,光滑的渐变和硬颜色会让一些设计感觉太专业或难以接近。以印刷为灵感的网页设计可以更好地与受众沟通

共同的特征

这种设计风格的共同特点包括衬线字体的回归,凸版和阴影效果,和微妙的纹理。更极端的纹理也经常使用,如纸或纸板。设计元素可能包括与纸张相关的东西,如铅笔、回形针、便利贴等。

当然,一个以印刷为灵感的网页设计并不需要有纸质的物体或纹理来传达思想。有些设计可能是平的颜色,但丰富的版式,模仿一个印刷的设计,或反之亦然。整个网站使用的柔软纹理看起来就像在纸上阅读,而实际上没有使用任何与纸或打印本身相关的图像。

例子

Odosketch

Odosketch

任性的

任性的

团队绿色

团队绿色

团队绿色

简单的测量

简单的测量

简单的测量

坚实的巨人

坚实的巨人

坚实的巨人

现实主义

随着模仿真实印刷纸张的趋势,网页设计中也出现了模仿其他真实感物体的趋势。从办公桌布置到自然灵感的照片写实主义,一切都变得越来越受欢迎。这是一个非常酷的外观,给观众一个有趣的视角,这种外观可以真正改变观众的心态,并保持他们的参与。

为什么会这样?

从本质上讲,基于许多相同的原因,以印刷为灵感的网页设计又回来了。通过给观众一些“真实的”东西来观看,我们可以让设计看起来更可触摸、更真实、更可连接。我们可以将观众带入我们为他们选择的视角,并完全改变他们的网络体验。通过使用照片现实主义,我们可以把观众“从网上”带到一个真实的地方

共同的特征

根据你可以放置在现实环境中的物体,可能性是无限的。最近的一个趋势是将普通的桌面对象放到一个现实的web设计中,尽管有些人可能会认为这种外观已经被过度使用了。然而,有许多设计使用其他类型的对象来实现这种外观。他们都有两个共同点,一个是有趣的视角,另一个是特写镜头。

一个遥远的公园的图像是不会得到的照片现实主义的外观。物体必须是近距离的,就像观众坐在那里,而不是在远处。一个有趣的视角也让许多逼真的网站受到关注。请注意,在下面的例子中,透视图是从上面的,以一个独特的角度,或者在动作中是正确的。

例子

Workawesome

Workawesome

霍洛威学院

霍洛威学院

Koffie

Koffie

奇诺

奇诺

Vigeturf

Vigeturf

无形象的& Typography-Focused

我们上面所有的风格都以某种方式结合了图像,但是一种不断发展和交替的风格是不包括所有的图像。许多设计师现在选择展示更多的排版,布局,并使用其他设计方法使网页设计更有吸引力。这些网站使用有趣的形状和形式的文字,独特的间距和纹理,而不是图片来创建一个想法。

为什么会这样?

类型只让用户关注内容,而不是图像。使用type作为web设计中的唯一元素会更吸引人。像这样的设计也更注重用户体验和网站的整体流程。排版网站可以更快更好地获得整体信息

共同的特征

许多排印和极简主义的设计使用颜色和形状时,试图增加视觉吸引力,否则“无聊”的设计。请注意以下示例中的字体是如何混合、匹配、更改和连接/断开连接的。此外,在这些网页设计中,很多排版都有纹理、深度效果等特点。创建一个有趣的使用类型是最常见的方式,使这种形式的设计工作没有图像。使用各种字体,许多非标准字体,并创建独特的效果与他们。

在这些类型的设计中,色彩是第二大最突出的设计特征。流行的颜色是有规律的,和意想不到的颜色组合通常工作与这些类型的设计。最近的趋势是两种色调的配色方案与这些类型的设计,这是一种混合只有两种颜色,可以在大剂量。

例子

本

JLern

JLern

Mulletized

Mulletized

Zee

Zee

奥立

奥立

极简主义

网页设计中的极简主义是把所有不必要的东西从等式中去掉的实践。简约的设计往往是非常简单,有组织,有效的。极简主义有不同的程度,从极简主义到总体简单但仍然提供一些图像和附加功能的设计。

为什么会这样?

网页设计就是传达信息。通过去掉web页面中所有多余的部分,剩下的部分就变得更加重要了。简约设计所留下的是网站所需要的核心元素和核心内容。简约的设计传达了信息,并且给观众一个干净的,有组织的,冷静的设计来看

共同的特征

许多极简主义的设计是黑色和白色,虽然有许多例外的两种色调的调色板。类似于以排印为中心的风格,排印的独特用途经常被实现,给设计更多的美学吸引力。平板字体和衬线字体是极简主义设计中最受欢迎的字体类型,因为字体本身赋予了更多的形状。

除了以上所有的共同特点,在简约设计中最重要的两件事是深度和空白。极简设计不提供很多深度,如果使用纹理或其他深度强化元素,效果是非常微妙的。其次,空格过多,作为组织用户界面的主要工具。

例子

Chama

Chama

雀

CRW

CRW

清晰

清晰

杰森·圣玛丽亚

杰森·圣玛丽亚

杰森·圣玛丽亚

的看

人们喜欢看复古的东西;有一种关于时间和地点的呼吁,我们再也回不去了。复古设计正在成为一种非常流行的风格,这个时代几乎涵盖了人类历史上的任何一个文明时期。我们都见过以文艺复兴为灵感的设计,也见过以五六十年代为灵感的设计。

为什么会这样?

就像我们之前说过的,在历史时期,人们只是有一定的兴趣和好奇心。一个不同的文化和不同的时间创造了一个独特的设置,否则一个普通的网站。这种设计风格之所以奏效,是因为其中包含的意象独特而有趣,因此令人难忘

共同的特征

为了保持正确的时代,在这些类型的设计中使用了大量的图像。这些图像是那个时代的人或物。此外,还使用了大量的纹理。当然,在电脑屏幕时代之前,光泽渐变是不可用的,所以一切都在纸上,在织物上,在其他纹理上。这些纹理经常使用,也与温暖的色调老化。
排版、纹理和布局在不同的设计中会有很大的不同,但是它们都与所呈现的时代相关。

例子

八十二年

八十二年

八十二年

Homesatedgewater

Homesatedgewater

钢琴店

钢琴店

钢琴店

Kretivia

Kretivia

月亮

月亮

月亮

大图片和照片背景

超大的元素在很多网页设计风格中都可以看到,尤其是以排版和简约风格为主的风格。随之而来的是一种新型的网页设计:大的照片背景。整个设计集中在一个大的背景图像,这些网页设计往往是非常鼓舞人心的,美丽的,和创造性的。

为什么会这样?

这个造型绝对令人难忘。一张大脸或一个城市景观覆盖了一个人的整个屏幕,肯定会产生影响。图像的大的性质提供了许多细节,和一个独特的视角。它立即使观众产生疑问,“这个网站是关于什么的?”换句话说,这样的网页设计很快就能引起用户的兴趣

共同的特征

当然,这种设计最常见的特点是大的照片背景。照片将跨越整个页面,照片通常是独特的和创造性的-一些东西会迅速抓住观众的注意力。因为内容必须围绕照片背景展开,所以布局通常是抽象的,内容是最少的。人们会注意到,在进入这些网站之一时,导航是最初可用的唯一内容,从那里用户可以选择他或她想要的内容。

例子

有创造力的人

有创造力的人

有创造力的人

渴望改变

渴望改变

渴望改变

Upstruct

Upstruct

卡罗莱纳的耶稣

卡罗莱纳的耶稣

卡罗莱纳的耶稣

羚羊触

羚羊触

羚羊触

丰富和圆滑的用户界面

即使现在我们已经进入了Web 3.0,“Web 2.0”的外观仍然很强大。丰富的用户界面、圆滑的渐变和现代的基于web的吸引力都是这种设计风格的特征。与上面的许多web设计风格不同,这种外观几乎从不从离线来源获取灵感。

为什么会这样?

它是现代的,时尚的,现代的。许多使用这种外观的网站都希望出售web应用程序、开发服务或其他形式的现代技术的订阅。这个闪亮干净的外观展示了一个品牌的现代和高价值。这种外观往往是关于正确的品牌。

共同的特征

渐变,透明度,反射和非常少的纹理都是这种风格的一部分。还经常使用维护真实外观的富用户界面。通常,这些设计使用的特性创建了很多深度。例如,导航通常包含投影或嵌入排版,以及具有悬浮的阶段嵌入的,顶出效果。图像、标识和更多的具有反射或阴影,并且经常以一个角度转向远处。

关于这种风格还有一点需要注意的是,它使用了很多光滑的图标。这种风格可能比其他任何风格使用的图标都多,除此之外,设计中很少有图像。

例子

保罗J.Noble

保罗J.Noble

保罗J.Noble

恐龙Latoga

恐龙Latoga

恐龙Latoga

竞选班长

竞选班长

竞选班长

Guifx

Guifx

的事情

的事情

结论

虽然许多设计师似乎非常反对流行趋势和已经流行的风格,但人们必须明白,这些特定的风格流行是有原因的。原因是它们已经有了一些有用的东西,无论是效率、与观众的联系,还是有趣的视觉吸引力。我们的目标是始终从直觉的角度来看待流行的风格,并从中选择最适合的。这是作为网页设计师学习和获得经验的唯一途径,即使是在开发自己独特的风格时也是如此。

2020-04-04 17:12
相关热门