复古即流行!正在疯狂流行的摩登复古设计风 - 优设网 - UISDC

复古即流行!正在疯狂流行的摩登复古设计风

2016/05/20 22558评论区

design-trend-modern-retro-1

经常听欧美音乐的同学可能听过Peter Allen 1985年的爵士音乐《Everything old is new again》,关于流行和复古之间的关系,同样可以用这首歌的名字来描述,复古一直在流行,不是么?

当然,今天的网页中所流行的复古元素和原有的设计稍有出入,作为正在流行的设计趋势,这种复古设计称之为“摩登复古”似乎更为合适。值得一提的是,从印刷品到虚拟界面,从静态的视觉元素到动态的设计,摩登复古可以轻松地通不同的媒体结合到一起。今天的文章我们一同来探讨一下,摩登复古本身,一起它是如何在今天的设计项目中运用的。

什么是摩登复古

write-sketch

Write Sketch

首先,我们今天所说的摩登复古算是在复古的范畴以内,它并非囊括了所有的复古元素,不同于古典,区别于整齐朋克,它更像是是上世纪70年代到90年代所流行的设计风格。从某种程度上来说,这种时代感十足的设计也算是极客文化的一部分。

和不同类型的复古设计一样,摩登复古的最大的优势是借助当年流行的元素来创造怀旧的氛围,从而让设计和用户之间形成情感联系,通俗的讲,就是我们常说的“走心”。即使设计中没有典型的品牌、特定的物品,摩登复古风格也应该让用户有“我记得这个”的感觉。绝大多数的这类设计都应注重于营造轻松、舒适、怀旧的感受,让用户恍惚间仿佛回到童年,回到特定的时代。

摩登复古的特点

col-sanders

Col Sanders

摩登复古许多不同类型的复古设计一同流行起来。如果我们仔细审视这些打着复古标签的设计,会发现有一些共通的地方,或者说是特点。

多观察几个使用摩登复古风格的网站,这些规律就可以很轻松地总结出来:

·技术相关的摩登复古主题通常会使用复古和老款的电脑和UI元素
·音乐相关的摩登复古主题网站会则常常使用磁带和老式唱机
·抽象插画大多是人物主题,并且人物形象同产没有面目
·色彩明亮的线条和轮廓
·笔触厚重的几何形状
·扁平的元素,从图形到线条,再到图标,摩登复古风通常不会使用多余的东西,同今天流行的扁平化设计有许多共通之处
·基于早期游戏的像素设计风
·霓虹色配色
·色彩相对单调、没有装饰的线条式的界面设计风
·运动缓慢如同跳帧了的简单动画效果
·大量定制的字体,包括气泡式字体、块状粗衬线体,正如同当年电视和游戏开头出现的复古字体
·色彩丰富的配色方案,其中大量使用传达“快乐”的色彩,诸如黄色、橙色和红色

影响与来源

codeology

Codeology

timc

Timc

也许你并没有经历70年代到90年代这个阶段,但是这几十年间个人电脑、计算机和电子游戏的飞速发展,它们开始展现出对设计的显著影响。虽然这个阶段计算机辅助设计的实际效果还颇为简陋,但是它们在电影和电视领域的广泛应用、快速发展,是现在无论如何都无法忽略的。无论是开启新时代的卢卡斯影业和星球大战电影,还是之后诞生的皮克斯和Photoshop,都是设计史上无法忽略的里程碑。

而今天我们所看到的那么多摩登复古的设计,许多都是源于当年的那些不尽如人意的图形设计,它们是设计师们的灵感来源,和情怀所在。它们的存在是今天设计的依据,也是摩登复古设计中真实感的来源。那些明显的像素和夸张的插画,都是有迹可循的。

所以,摩登复古的设计根源在于过去,它并不等同于低精度的设计。打造出一套拥有当年风格、看起来不那么“干净”也不遵循今天“精准”设计要求的设计,并不简单。但是,也千万不要把只完成一半的设计当作“复古”,用户还是可以精准地判断出它是否是一个可用的设计。

对于摩登复古痴迷的设计师通常经历过那个时代,或者对那个时代的风格非常感兴趣。同样的,有过那个时代薰陶的用户也是最容易被摩登复古所吸引。如果摩登复古所呈现出来的元素,并非属于你所熟悉和喜爱的年代,那么于你而言,它所产生的影响和吸引力就没有那么强烈了。不过,好在摩登复古的设计通常具有相当不错的形式感,即便是视作为一种“漂亮的设计”,也是令人接受,或者让人喜爱的。

优点与缺点

waste-time

Waste Time

create-typo

Create Typo

那么摩登复古风的设计是否能应用在你的下一个设计项目中呢?你应该先了解一下它的优缺点。

优点

·有趣,轻量级
·易于构造成型,明亮的色彩更容易抓人眼球
·像素风辨识度高,时代感强
·摩登复古风非常适宜于承载新东西,或者做新的尝试
·摩登复古风的设计可以很好地同扁平化设计的相关技术结合起来,尤其在色彩和图像处理上
·在技术和音乐类的网站上可以很好地运用摩登复古风,用户也很容易理解

缺点

·摩登复古风并不适用于每个用户,有些用户并不买账
·摩登复古风是一种独特的风格,并不能同其他的设计元素混用
·如果稍不注意可能会让色彩和细节看起来混乱扎眼并且无组织性
·如果选择了摩登复古的风格,许多现代风的图片和视频就没法用了
·有些配色方案可能会处理起来相当棘手,尤其是在可读性上可能会有问题
·经过定制或者调整过的字体在网页上显示起来可能并不理想
·趋势这种东西来的快去的也快

结语

摩登复古风的存在和当前的整个氛围息息相关,扁平化、视觉化的设计是基础,移动端游戏和超级英雄电影中对于摩登复古风的认可则是推动这一趋势的重要动力。这个时代的奇思妙想和上一个时代的流行风格融为一体,让今天的设计项目拥有了不同凡响的视觉效果和更富有情怀的氛围。

【技多不压身的设计师才有高薪资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:designshack
原文作者:CARRIE COUSINS
优设译文:@陈子木

yestone-uisdc-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/design-trend-modern-retro

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里