快好知 kuaihz

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

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

了解孟菲斯设计

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

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

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

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

采用扁平化、矢量的元素,带有明亮、饱和度高的色彩

几何图形是其中主要的元素,很少采用实际的图片或者照片

其中包含大量扭曲的曲线和笔触,作为视觉线索和指引

非衬线体是最受欢迎的字体选择

色彩的选取

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

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

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

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

几何图形

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

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

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

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

笔触和线条

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

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

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

字体和排版

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

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

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

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

结语

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

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

 

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:孟菲斯  孟菲斯词条  设计  设计词条  重回  重回词条  注入  注入词条  迷人  迷人词条  
交互

 如何让响应式设计保持迷人

响应式网页设计很流行,而且绝无秘密可言。行家们倡导,各品牌趋之若鹜。这不仅是创建一个移动端站点,而是让你的网站适用于每种浏览器尺寸,不论桌面端、平板还是智能手机...(展开)

交互

 写给初学者:UI、UX、GUI新...

这篇文章会跟各位伙伴简单介绍UI、UX跟GUI三者的差异,同时也会根据自身经验说明一些业界实际的需求状况,有任何问题欢迎透过留言一起讨论喔!关于 UX(User...(展开)