设计趋势:网页之粗粝设计风格

我们看到过许多精心炮制,细节到位的高素质的设计作品,但并不是所有的设计都是如此。有一些并不是那么精细到位,相反是以粗糙和狂野为卖点的网页,同样让人难以忘怀。这些被归类于“粗野主义”的设计作品,在今年再一次悄然流行。

这种低保真的设计风格早在上世纪中期,50年代60年代的时候流行过一阵子,作为海报和流行艺术设计,存在了数十年。重新回归的粗野主义设计和半个世纪前的版本有所不同,而这些差异也正是它抓住你注意力的地方。

粗野主义设计

可以说粗野主义和极简主义是两个极端。你可以从两个不同的角度来看待它:

·今天的粗野主义设计可以视作为早期网页设计风格的回归

·粗野主义设计还可以视为更为简单、线条粗粝但是清晰的设计风格

下面的几个案例就是典型的粗野主义设计风格的网页,它们能让你对这种风格有一个相对清晰的认知:

这种设计正在流行,并还会持续流行下去。有一个名为 Brutalist Website 的网站专门搜集了粗野主义设计风的网站,这个网站中,粗野主义设计是这样被描述的:

在粗野主义设计风粗粝随性、漫不经心甚至令人略感不适的视觉设计之下,潜藏的是属于年轻一代人的乐观、放松和不羁的心灵。

特征

顾名思义,粗野主义的设计肯定和精心的构建、微妙的设计无法挂钩。但是,粗野主义设计和极简风一样,有这属于它自己的典型特征,这种风格的网页设计常常会带有代码式的视觉特点,深色背景,等宽字体以及白色或者绿色的文本内容。

有人说粗野主义的网页设计中,不应该包含图片元素。这个说法其实并不准确,图片本身并不是界定粗野主义设计的关键点。下面的特征,是粗野主义网页设计中的常见特征:

·单调的背景,通常为黑色或者白色,不带纹理和渐变

·缺乏设计技巧,没有阴影、渐变和图案

·单色字体排版,甚至整个页面都采用一种字体

·拥挤错落的布局设计,文字内容常常显得过于接近,或者有空缺

·没有明显的层次结构

·元素随意地重叠,看起来并不是故意为之

·样式接近的设计元素

·缺乏对称和留白

·没有规范化的配色方案,但是红色和绿色常常被用到

·整个设计中有许多设计上的失误,比如布局错落和元素叠加

·缺少动效

·图片很少使用,即使使用也常常很亮,或者很暗

·导航通常很简单,甚至没有,网页布局常常是单页式布局

“崩坏”的设计

粗野主义设计真的是做不好设计的接口么?显然不是,它看似胡乱的视觉设计,能够让访客产生情感共鸣,这一点是胡乱设计做不到的。

所有关于设计规则、规律和技巧的文章当中,专家和设计师们分享的条条框框,似乎都和粗野主义无关。粗野主义设计是估计设计的这么丑。

提升转化率

高度统一一致的系统最终只能走向灭亡。而真正让设计圈充满活力的,往往是不一样的声音。粗野主义在如今的设计大环境之下,无疑是在反其道而行之。有意思的是,来自Wbedesigner Depot 的设计师 Marc Schenker 在谈及这一设计风格的时候,认为它能够有效的提升转化率。

在探讨设计趋势的时候,我们很少会想到转化率这件事,但是他觉得粗野主义设计风在现在是有意思,甚至很能吸引人,为此他还拿出了令人信服的案例。

下面是 Marc 的原话:

“其实道理很简单。想想看,如今的这些网站,如果没有了视频和高清的图片,会不会因为缺乏内容和视觉而陷入僵局?但是没有了这些元素,网站的加载速度会提升一大截。而这是与转化率息息相关的。研究表明,访问快的网站通常转化率更高,Kissmetrics 就通过统计而整理出一份信息图,它给我们以下的三个结论:”

·页面加载时间越长,用户放弃率越高

·对于电商类网站性能不满意者当中,79%是不会成为回头客的

·网页的速度每延迟一秒,都会使得网站的转化率降低7%

信息图中很多观点其实还是值得商榷的,但是数据本身是有说服力的。你愿意为了转化率放弃设计风格么?

接下来会怎样?

对于粗野主义设计而言,最残酷的问题在于,它能否像半个世纪之前那样走向主流。能否接受这样的风格,用户在打开网页的第一时刻,好恶就写在他们脸上了。好在粗野主义设计风从设计师们的作品集当中走向实际运用的时候,粗野的元素运用手法适当地缓和了一些,让普通用户对于粗野主义设计风更容易接受了。

就目前来看,粗野主义设计将会持续影响网页设计,但是并不会超越我们目前所熟知的主流设计风格。但是,带有明显粗野主义设计风格的文字排版,将会越来越多。而这两年霓虹色和荧光色的流行,让粗野主义设计拥有更加肥沃的土壤。

如今的设计师在尝试采用粗野主义设计的过程中,会不断的将更加现代的元素融入其中,不断优化它的美学特征,调整粗野主义设计的平衡。

结语

虽然粗野主义设计的网站刚开始打开的时候很有趣,但是许多错乱的设计,让我们难于判断设计者的目的。虽然数据表明这样的设计对于转化率是有好处的,但是我也始终认为,持续的验证是还很有必要的。

粗野主义设计明显带有早期互联网设计的粗粝感,它本身的设计元素就呈现出一种独特的互联网技术文化的特征,它并非是彻底胡来。随着时间的推移,这种设计风格应该还会被不同的设计师打磨调整,直至某个平衡点。你觉得呢?

文章来源:http://www.haitaoit.com

时间: 2024-08-11 05:45:50

设计趋势:网页之粗粝设计风格的相关文章

设计趋势:网页设计中的幽灵按钮

幽灵按钮——那些透明的.可点击的物体——忽然间就变得无处不在.以狂风暴雨之势席卷正网页设计领域.谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式? 参考:预测网页设计趋势 什么是幽灵按钮? 幽灵按钮有着最简单的扁平外形——正方形.矩形.圆形.菱形——没有填充色,只有一条淡淡的轮廓.除了外框和文字,它完完全全(或者说几乎完全)透明.(因此得名“幽灵”) 这些按钮通常比网页上传统的可点击按钮大,也被置于显要位置,例如屏幕的正中央. 各种类型的网站(包括移动APP)中都能发现幽灵按钮的身

主导2015年的网页设计趋势

网页设计,像网络的其它领域一样,在2014年也是经历了数次变革.几个新的网页设计趋势有望在2015年出现,预计在网页设计领域将会出现更具创新和有趣的设计理念,特别是新旧趋势的融合.下面就让我们来看看,2015年 Web 设计领域的发展趋势. 图片仍然是焦点 一幅画胜过千言万语.当然,这句话你可能听说过很多遍了.然而,这个古老的格言仍然忠实于这一天.影像还是比较容易传达信息的.所以,这就是你可能会看到在2015年,图像在网页设计将继续保持重要地位.大多数网站的主页将有大的图像.然而,需要对在主页上

【转载】20个2013年最值得关注的网页设计趋势

原博文地址:http://ued.lanrentuku.com/di/2013wangyeshejiqushi.html 在过去的一年中,我们都看到了网页设计趋势在日益增长.或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法.在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向. 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈.观念上这些趋势代表了在网页设计社区最

2015年10大网页设计趋势和预测

技术的不断革新带动了设计行业的迅猛发展,这也使得设计师和开发者有了更加广阔的探索空间.网页设计也越来越不那么循规蹈矩了,很多的团队和公司做了不断的思考和创新.2014年已悄悄走过了一大半,今天我们一同看看2015年将有哪些让人耳目一新的网页设计~ 1.响应式布局,一个样式适配多尺寸屏幕 现在越来越多的用户拥有台式机.笔记本.平板电脑.手机等终端,所以能够适应不同尺寸的显示屏的网页也变成了一种趋势潮流,而响应式网页设计就是为了解决这个问题的,它可以保证网页适应不同的分辨率,让网页要素重组,使其无论

UI设计趋势:渐变设计风格重新回归主流

在扁平化设计刚刚兴起之时,渐变是设计师们避之不及的设计手法,然而今天它已经正式回归.几乎是在一夜之间,无数的网站开始使用渐变色. 从背景到图片上的色彩叠加,包括UI元素上所遮盖的色彩,所有的这一切都表明渐变以一种微妙的方式回归了.不过和以往的我们所看到的渐变不同,重新回归的渐变色设计有着不一样的使用技巧和特色,更加贴合这个时代的风格和需求了.如果你也想使用,不妨从今天的设计示例中学习一下“全新”的渐变设计. 潮流的引领者 在今年早些时候,Spotify 开始在自家网站上大量使用双色调设计,将双色

浅谈当下7个网页设计趋势(转)

技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这样的归类总结能给你带来更多的思路和想法. (点击图片可直接跳转至相关网页) 1.响应式网页设计(Responsive Web Design) 现在越来越多用户都拥有多种终端:

2015年全球网站设计趋势全预测

网页设计趋势的探讨主要会在排版布局.色彩搭配.用户体验和设计风格中进行.2014年设计趋势的综合指数比较高,每个部分都会有所涉及:而随着用户对网站使用体验的要求越来越“严苛”,我们有理由相信,2015年的重心会更倾向于“用户体验”. 我们先分析一下明年会有哪些新趋势,以及去年的哪些设计趋势会得到延续和升华. 1.充满创意的布局方式 近几年的趋势也许都会围绕着创意来展开,而网页布局设计却很难推陈出新,大多都千篇一律,因此一旦布局上有一些别致的小变化,就能让用户眼前一亮.但在刻意创新的同时,设计师还

网站设计趋势

网站建设的设计趋势 响应式网站 网站的访问终端已经实现多平台.多样性,从台式机,笔记本,平板电脑,手机,能够适应不同尺寸显示屏的网页是现在的潮流,页是未来很长一段时间的设计趋势.那么响应式网站就是来解决这个问题的.这种开发方式能保证网页适应不同的分辨率,让网页的诸多要素进行重组,使其无论在什么样的浏览终端上,都能达到最好的视觉效果. 除了多终端的多样化,我们还可以看到我们的电脑屏幕,手机屏幕都在不断变大,而在对未来生活的预测.概念设计里,“屏幕”这个产物更是被运用到多种新平台上.例如微软发布的“

2015年网站设计趋势

http://www.business2community.com/online-marketing/website-design-trends-stay-ahead-curve-2015-01148554 刚刚看到这篇文章,觉得对新的一年网站设计趋势把握的比较对,忍不住要来摘译下. 1. 响应式设计 这个现在是一个网站必备要素了.如果你希望你的网站获得更多的用户,那么你更要支持对移动设备的优化. 2 印刷体&字体 具有美感的字体,与网页其他部分完美融合,能吸引人注意的. 3. 图片或视频作为背