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

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

了解孟菲斯设计

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

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

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

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

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

色彩的选取

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

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

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

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

几何图形

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

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

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

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

笔触和线条

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

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

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

字体和排版

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

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

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

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

结语

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

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

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-03-31

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏大数据文摘

北大物理学院欧阳颀院士:成为科学家的五大要素

21710
来自专栏华章科技

如何做好基于地图的数据可视化?

这个地图是Audubon鸟类和气候变化报告中的一部分,预测了季节变化的区域,黄色代表该地区处于夏季,蓝色代表冬季。

1431
来自专栏新智元

【厉害!机械臂写狗年春联】人类要向机器学写字了

新智元推荐 来源:小C收藏、宝鸡市政府、CUHK 编辑:艾霄葆、闻菲 【新智元导读】大年三十有贴春联的习惯,如今,机械臂也能写春联了,还能比普通人写得更...

39616
来自专栏大数据钻研

如何考评一名前端工程师?

「如何考评」这个词看起来「diǎo * 2」的。虽然标题看起来很有逼格,但对于我这种面试(他人)经验用一个手就能数出来的菜鸟来说,谈这个话题还为时过早。(我感到...

2716
来自专栏大数据文摘

制作信息图的“核心信条”

1927
来自专栏前端迷

程序员怎么把英语学到六级水平

首先要记住学语言不能速成,要靠长期的积累。你记性好,一天记住一百个单词,但是你不一定会用,而且时间一久肯定会忘。所以,要学好英语,还是要慢慢来,日积月累,逐渐进...

3122
来自专栏华章科技

写给准数据人的数据世界入门指南

因为我做过交互设计——会画DEMO;和PD接触时间长——多少知道PRD怎么写;又给分析师提过需求——知道数据大概怎么回事……

956
来自专栏无原型不设计

交互原型画得丑?29个优秀UI/UX线框草图

现在越来越多UI设计师都需要画一些交互的线框图,然而作为视觉专家,当然要把它画得靓靓的嘛,是不是?所以很多用户会使用《5款高效的原型设计工具》来绘制,或者直接...

3805
来自专栏镁客网

逼近临界点?“史上最大屏手机”小米Max下周揭晓

1954
来自专栏理论坞

跟随这10个趋势,你可以在2018年设计出出众的网页

年底最后一个月是总结头一年,思考和展望下一年的月份。经过2017年一整年的沉淀和总结,在最近的这些设计作品,重设计甚至小幅度的设计改版中,窥见一些即将在2018...

721

扫码关注云+社区

领取腾讯云代金券