这5种网页设计已经过时了!

设计趋势是设计师所拥有的最强大的武器之一。设计师将时尚和潮流融入设计,将新鲜的风格和独特的体验带给用户。但是设计趋势的另外一面也不能忽略,就是它的「时限」,它们是有生命周期的。

要经常练习使用设计趋势,它们能够帮你激发灵感,锻炼创造力,同时也要敏锐地判断你所使用的趋势是否已经过时。今天的文章,我们就聊一聊目前已经过时的5个趋势。

1、无处不在的“复古”元素


虽然说复古一直在流行,但是就目前而言,要谨慎对待复古的元素了。

老派的排版,充满古旧感的葡萄酒色,无处不在的纹理和材质过渡。在现代和简约的大趋势之下,这些复古元素已经开始让人觉得格格不入了。

常见的复古元素包含如下特征:

粗粝质感的图片和字体

带有大量装饰性笔触和花边的手写字体

暗哑沉闷的配色方案

为了做旧而叠加了棕色和褐色的各种元素

纹理明显的背景

简约风和现代风之所以能被大家喜爱,很大程度上是因为它们在功能性和可读性上的突出表现。相比之下,过于复古的元素常常会在直观性上不如简约现代的设计,这也是影响它「流行性」的一个重要原因。

2、超细字体


在告别拟物化设计的时候,苹果公司在iOS7中采用了超细的Helvetica Neue

作为主要的英文字体,这一设计决策可能是苹果公司历年来最著名的几个设计失误之一。超细字体虽然在时髦值上不低,但是在可读性上并不优秀。虽然随后苹果在随后的系统中用

San Francisco 字体代替了 Helvetica Neue

,但是扁平化+超细字体的组合已经逐步在设计领域流行开来。知道如今,这种阅读性并不强的设计搭配依然存在。

超细字体虽然看起来足够优雅,但是在背景和前景色彩对比度不足的时候,整个阅读体验几乎是灾难性的。

如果你的网站正在使用的文本字体是超细的版本的话,尽量先替换为同族字体中常规粗细的版本。如果你有观察过最新的网页设计作品的话,会发现现在网站字体的笔触几乎没有用超细的,而且在字号上还会设置得比以往更大。

3、轮播首图


你真的回去主动点击轮播首图呢?尤其是当其中有六七张不同的高清大图的时候?

绝大多数的用户只会是看看而已。早在2013年的时候,Nielsen Norman Group 就为此做过一项用户调研,发现即使这些首图足够大,用户也常常忽略,因为轮播图这种设计本身就很难让用户关注到其中的关键信息。

相比之下,如果将首屏的轮播图替换成单个首图,并且搭配上CTA按钮,效果会好很多。用户不再会被多个首图进行信息轰炸,而单一的选择给用户的路径也更为清晰直观。

对于绝大多数的用户而言,他们会看到自己感兴趣的内容就会点击。这些自动轮播的多图首屏所带来的一个直接的问题就是在于,你根本不知道用户会点击哪张图片,用户因此可能会错过他们感兴趣的内容,如果他们愿意探索,轮播图带给他们的工作量又会相对较大,也就是说这种设计本身就容易失控。

选择一个覆盖面较广的高清大图、插画或者较短的背景视频,相比于6个轮播图所带来的效果会更加直观有效,也更加富有凝聚力。

4、高清视频背景


全屏视频是这几年比较流行的一种设计手段。视频背景确实非常吸引人,但是视频背景本身不适宜承载大量的、需要用户理解消化的内容。

更重要的问题在于,现如今对于媒体素质的要求越来越高,当你使用视频背景的时候,它必须是高清的。对于桌面端用户而言,在光纤加持下,等待几秒加载一个高清视频背景并没有太大压力,可是对于移动端用户而言,这个视频媒体就是个超重的媒体内容了。视频背景的体验会非常令人着急。

长时间的加载动画是无法解决快速加载的需求的。

你不想希望视频背景最终给你带来的问题,比它所解决的体验上的需求,还要多。这所导致的直接结果就是用户会动摇,会拒绝继续等待,选择离开。

高清视频背景给用户带来的问题不止是这一点。许多时候,视频所带来的附加媒体就是声音,但是在很多场合下,用户是不想也不愿意听到声音的。有的直接是因为设备原因,无法播出音频。不论是何种原因,用户的需求和实际的体验无法真正对接起来。

尽量让视频背景不要成为网站体验的唯一支撑,或者主要的设计元素。使用它来营造第一印象,最终所导致的结果,其实很难说。

5、过多图标


图标看起来是是非常实用的设计素材,好像哪里都能用上。但是,现在我们所能看到的许多网页只是在堆砌图标。只有真正理解了图标的含义,让它和对应的服务和功能匹配起来,才算是合理的设计,单纯只是用图标来制造视觉信息量的时代过去了。

绝大多数设计优秀的网站,只需要不多的几个常用的图标,用于购物车、社交媒体、搜索等切实可用的功能。它们甚至不需要大而漂亮的,一组简单直观的图标就会很好用。

不要过度使用图标。你要理解这些图标的含义,让他们真正能帮助你的用户理解你的网页中的功能。在视觉上,图标也不应该喧宾夺主,而是要尽量微妙而简约,能够融入背景,服务于整个设计。

必须承认,图标很好用,但是现在我们所看到的大量图标都是处于被滥用的状态,而非合理的运用,这导致图标最终沦为了视觉装饰。不过,这种局面最终还是得到了改善。

结语

谈及时髦和流行的元素的时候,我们一定要多留一个心眼。勇于尝试新事物,也要密切关注它是否已经开始过时。这样才能让你的设计项目恰到好处。


CARRIE COUSINS

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容