重回80年代！为网页注入迷人的孟菲斯设计风

复古一直在流行，这也是为什么过去许多设计趋势常常会沉寂若干年之后，又再次走到潮流的最前线。今天，我们要聊的是孟菲斯设计风（Memphis Design），这种设计风格充满了80年代的特征，明亮的色彩和多样的图形与线条充斥其间，它也是近年重归流行的设计风格之一。

了解孟菲斯设计

孟菲斯设计是一种时髦的风格，它拥有现代设计的特征，最初是源自于纺织品的设计。有人嗜好孟菲斯设计风格，而有人则恰恰相反，一点也不适应。

这种设计趋势源自于80年代的由许多意大利室内设计师所组成的孟菲斯集团，孟菲斯设计风中涵盖了包括波普艺术、装饰艺术和80年代复古风在内的多种设计风格分支。最典型的孟菲斯设计风的案例包括 MTV 的LOGO 和 Solo Jazz Cup 的设计。

孟菲斯设计风最初的回归并非是网页设计领域，而是在时尚圈当中，随后海报和包装设计中越来越多的看到了孟菲斯设计风的影子，它具备远距离吸引用户注意力的特征。

孟菲斯风主要有如下几个特征：

·采用扁平化、矢量的元素，带有明亮、饱和度高的色彩
·几何图形是其中主要的元素，很少采用实际的图片或者照片
·其中包含大量扭曲的曲线和笔触，作为视觉线索和指引
·非衬线体是最受欢迎的字体选择

色彩的选取

黄色，蓝绿，橙色，洋红，柠檬黄，这些都是在孟菲斯设计风的作品中常见的色彩。

在孟菲斯设计中，几乎每种色彩都是明亮而鲜艳的，都带有霓虹色的质感，这些色彩的运用，旨在唤起用户对于幸福和快乐的强烈情绪，并且鼓励用户互动和参与。

孟菲斯设计风当中，几乎所有的情绪都与快乐和愉悦相关。

除了明亮的色彩之外，孟菲斯设计中还遵循一个简约的色彩模式，那就是采用黑色和白色为主色调，搭配明亮的色彩，选取最受欢迎的线条和几何图形作为载体。

几何图形

孟菲斯设计中充满了各种几何图形，从尖锐的元素到错综复杂的图案。无论是哪种几何图形，他们通常都显得自由随性而充满流动性，并非被栅格所限制。

其中最常见的是正方形、圆形和三角形，其他的大多都是充满手绘风格的、带有尖锐边缘的几何图形或者图案。

为了起到视觉上的强调，这些图形中许多可能会带有浓重的阴影或者明显的轮廓。

Material Design 就在孟菲斯设计风中吸取了许多经验和优点，或者说它就是更加现代的孟菲斯设计风的分支。相比Material Design，许多更“老”的孟菲斯设计风的作品中，阴影和图层的使用更接近一种“伪3D”的触感。

笔触和线条

厚重的笔触和线条可能是孟菲斯设计风中最具有识别度的元素。几乎所有的相关设计当中，都包含有自由随性的笔触和花纹，无论是使用计算机绘制还是手绘，它们都同样地典型。

这些元素的色彩同样采用的是典型的孟菲斯风的色彩，黑色、白色或者高饱和度的明艳色彩，这样的设计营造出来的强烈对比非常能够吸引用户的注意力。

而动画和动效能让这种老派的设计风格保持生命力。在上面的两个网页设计当中，微妙的动效是非常有意思的，让这种老派的设计看起来不会太过于扁平，也不会显得过时。

字体和排版

孟菲斯设计中最有意思的一点就是字体排版。也许在很多项目中都无法使用的字体都能在这里使用。

既然选择了80年代的设计风格，大胆的无衬线体、气泡风格的字体都拥有不错的效果。去寻找那些看起来锐利或者充满戏剧冲突的字体吧。

字体和排版应当和孟菲斯设计中其他的元素都保持一致的风格，因此具有明显几何特征、装饰性图案和笔触厚重的字体，都是不错的选择。

在色彩的使用上，同样不要过于保守。使用明亮的色彩，提升内容的对比度，让文字从背景中脱颖而出。

结语

如果你想寻找一种独特而充满想象的独特风格，孟菲斯设计风是一个不错的开始。无论是技术实现，还是视觉效果上，它都有着其他设计风格不具备的特色，许多非常规的设计都可以在这里找到、实现。

当你采用这种设计风格的时候，请务必记住，它的目的是要唤醒用户内心最强烈的情绪。在设计过程中，确保整体的美学特征是有趣而复古的。

【用户体验好文推荐】

1. 《年度大盘点！聊聊2017年即将流行的UX设计趋势》
2. 《文案丨到底要如何写好UI/交互稿的文案？》
3. 《用户体验丨四个技巧帮你打造出深刻印象的友好体验》
4. 《用户体验丨聊聊UX设计细节之“愉悦性”的陷阱》

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

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

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

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