Hi,我是优设小编

chenzimu7

浏览全部 563 篇文章

到我的微博瞧瞧

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

80s-trend-memphis-design-1

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

了解孟菲斯设计

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

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

80s-design

cup

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

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

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

色彩的选取

projek

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

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

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

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

几何图形

design-museum

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

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

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

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

笔触和线条

cartoon-network

riccardo

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

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

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

字体和排版

circles-conf

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

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

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

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

结语

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

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

【用户体验好文推荐】

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

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

2016uisdc-classroom-new

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

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

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

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