首页 > 网页教程 > 设计分享 > 粗野主义风格是如何施展它独特的魅力?

粗野主义风格是如何施展它独特的魅力?

时间:2017-10-09    来源:优设网

近两年粗野主义开始入侵网页设计领域,这种被视作为网页风格领域泥石流的设计趋势,并不是毫无根基、简单粗暴的存在。粗野主义风格的网页设计乍一看,是一堆形态结构粗犷不羁的元素,承载着鲜艳的色彩,在拙稚粗劣的排版布局之下,所呈现出来的网页设计作品。这种有着典型上世纪质感的设计风格,影响着许多设计师,甚至彭博社都采用了这种设计风格来制作页面。在之前的文章当中,我们对于粗野主义设计有过讨论:《辣眼睛?这种粗粝但有趣的设计风格正悄然流行》

但是讲真,这种风格到底是从何而来?虽然它的灵感来源似乎非常庞杂,整体架构也颇为随性,但是如果仔细追溯源头,会发现它并非是无本之木。在上世纪中期,计算机技术蓬勃发展的年代,冷战尚未结束的背景之下,许多充满粗粝感但是足够壮观的庞大建筑物拔地而起。这些强调结构和功能但是不苛求细节的建筑物充满了质感,气势十足,外露的混凝土墙面又时刻给你一种沉闷的压迫感,冷峻而严酷的特征在周围环境的衬托下,还带着一缕挥之不去的黑暗基调。当你回溯那个年代,你会发现这些建筑物简直是最好的总结。

粗野主义网页设计和这些建筑在精神上有着共通的地方,如果仔细审视,会发现它们在设计元素和手法上,也颇为接近。从图片素材的使用,到配色方案的选取,这些建筑能够给你最好的参考。

今天的文章,我们通过对比来归纳和回溯粗野主义网页设计的源头,将它的特征和手法摆在你的面前。如果你真的想采用这种风格的设计,它们会是带你走向风味醇正的粗野主义设计的路径。

色彩

这批诞生于上世纪中叶的建筑,受到时代背景和氛围的影响,混凝土外露的设计和冷峻的风格,使得它们直到现在和颇受争议。现在粗野主义风格的网页设计中,许多作品沿用了这些建筑的配色,灰色、黑色、棕色被大量地使用,而这些建筑的相关照片更是营造这种氛围的实用素材。

形状

在所使用的元素的形状上,你会发现这些建筑和粗野主义网页设计有着许多相似的地方。

首先,在粗野主义风格的网页当中,形状独特而大胆的元素越来越多。这些元素被设计师用来吸引用户的注意力,而这一点在建筑上也体现的淋漓尽致:建筑设计师借助混凝土的强大可塑性,将几乎任何可以想到的形状,都融入进来。而采用粗野主义风格的网站更是随性地使用各种二维和三维的图形,用以维系独特的视觉体验。

比例与气势

粗野主义风格的建筑有着宏伟、极具压迫感的特征,这一点最终也反映到了粗野主义风格的网页当中。这些以黑白灰为主也得建筑因为缺少带有情绪的色彩,加上庞大的体积,从而显得压迫感十足,传统的建筑即使采用同样的色调也会借助曲线和装饰来淡化建筑的冷硬感。

相关推荐
30个幽默有趣的404错误页面创意设计欣赏
分享:网页核心内容对视觉表现的影响
网页设计的背景创意风格与设计趋势分享
20+艺术视觉和网页完美统一的网页创意案例欣赏
21个带斜线排版设计的网站设计创意欣赏
55个极具创意的手绘网页设计案例欣赏
从优秀案例分析网页Banner视觉构成与创意设计
15个运用创意印刷字体的网站欣赏
产品设计:万水千山总是情 不要图片行不行
15个最佳创意型404错误页面案例赏析
15个国内外优质设计分享平台推荐 设计师必收藏
网页设计怎么破?创新式布局与交互的设计
12个启发灵感的创意单页网站作品欣赏
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
22款“暗黑系”的网页设计案例欣赏
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?
38个创意出彩的网页字体设计案例赏析
9个国外杰出创意网站精选案例欣赏
25个设计有趣的创意型网站404错误页面欣赏
网页设计教程:让页面活跃起来的四个技巧
网页设计教程:11个获得创意灵感的来源
化腐朽为神奇!如何利用坏图创造出好设计?
网页设计分享:如何预知未来的大势所趋?
设计完美极简风格网站的六个步骤分享
24个采用特色人像背景的全屏网站设计案例欣赏
中枪了没?设计师最常见的11个设计误区
网页设计的10个灵感来源分享
如何将圆形元素优雅地搭配运用在网页设计创意中
游戏网站设计案例分享:聊聊那些让页面更加出彩的设计
优秀网页设计教程:网页中的“点、线、面
设计基础功!彻底掌握设计中的对比原则
网站专题页设计技巧分享
8个评价UI设计作品好坏的标准
分享:最新全球创意网站设计趋势赏析

精彩推荐

热门教程