如何打造摩登复古风的网页-润雪科技有限公司

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

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

什么是摩登复古

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

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

摩登复古的特点

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

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

² 技术相关的摩登复古主题通常会使用复古和老款的电脑和UI元素

² 音乐相关的摩登复古主题网站会则常常使用磁带和老式唱机

² 抽象插画大多是人物主题，并且人物形象同产没有面目

² 色彩明亮的线条和轮廓

² 笔触厚重的几何形状

² 扁平的元素，从图形到线条，再到图标，摩登复古风通常不会使用多余的东西，同今天流行的扁平化设计有许多共通之处

² 基于早期游戏的像素设计风

² 霓虹色配色

² 色彩相对单调、没有装饰的线条式的界面设计风

² 运动缓慢如同跳帧了的简单动画效果

² 大量定制的字体，包括气泡式字体、块状粗衬线体，正如同当年电视和游戏开头出现的复古字体

² 色彩丰富的配色方案，其中大量使用传达“快乐”的色彩，诸如黄色、橙色和红色

影响与来源

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

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

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

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