每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票
言归正传,本文由TIME(高冷又专业又帅气)给大家解析孟菲斯风格
没看过上一篇,点这里→设计历史—孟菲斯(上)
孟菲斯第一眼看到的是什么?
色,没错!一定是色,颜色具有最主观的识别性
如果去掉颜色呢?
去色后,TIME看到的是几何形状
包括:点状、线状、面状
点线面是平面构成中的内容,它们代表着一定的含义和作用
大家可能在别的文章中看到过类似的内容,点有超级多的作用
但是在TIME眼里只有三个作用
肌理/点缀/启示
(由于长期佩戴墨镜导致看不到太多,见谅)
①肌理
肌理可以理解成纹理、背景
点构成肌理,贴合孟菲斯风格,之所以称之为“风格”,是一些具有年代、价值、地域、文化等 元素聚集一起所产生的视觉效果和艺术感
(通俗点讲,一个人穿西装就得扎个领带、穿双皮鞋、带个手表弄个发型如果胡乱搭配弄好了叫混搭,弄不好就叫屯老二)
·
·
·
·
·
·
·
那么,孟菲斯都用这种肌理就可以了吗?
当然不是,肌理有三种表现方式
点阵排列:最常用的肌理,特点是制作方法很简单
可以应用几乎所有的孟菲斯风格
记得TIME在前面文章讲的话吗?别浪,猥琐发育。
变化莫测:当然,你一生漂流不用桨全靠浪呢,可以尝试这种。
用不规则的线条排列在一起,所产生不一样的风格视觉也是可以的
方法可以使用AI色盘中的基本图形-点,里面有很多预设可以使用
具象图标:这个就有一定的难度了,可以将产品的概念注入肌理。
像图中将音乐元素图标排列成肌理,就非常适合主题。
再比如说补水护肤品,在肌理中加入一些水滴。在美妆类加入卡姿兰大眼睛、嘴唇等元素。
②点缀
点除了肌理还有点缀的作用
点缀画面可以增强氛围和动感
这个道理在所有设计中都适用
点缀也有三种表现方式
(也是三种?你说巧不巧?没错,是我故意的)
平面几何:没错,就是字面意思,用圆啊、方啊、三角、多边形等图形点缀。
保留扁平化视觉,画面简洁明了适合那些“静”主题设计。
也可以在图形中加入一些纹理,毕竟孟菲斯就是打破规则、不循规蹈矩嘛!
样式相加:在平面几何的基础上加入样式效果,常使用描边+投影
注意描边通常使用黑色,而投影却不能是黑色。没办法,任性
假立体形:为嘛说是假立体?我们知道判断一个立体图形有几个要素,形状、光影、透视。
其中透视极为重要,透视讲究一点透视、两点透视、三点透视。还包含灭点。
而孟菲斯中的立体面通常是不讲究透视的。
技巧:使用AI中的3D功能
③启示
大家来找茬,下面两图有什么不同?
瞎子也能看得到吧?带黄色块的图格外突出,没错这就是点启示的作用!
OK fine,还是三种功能
主题启示:都挂上“主”了还需要启示吗?YES!当背景纹理或颜色过于复杂,或画面缺少层次感的时候。
通常也会给主标题加上“条条框框”。
相反,如果画面肌理简洁并色彩单一,加启示就是多余的。
副题启示:嘿朋友,想知道自己是怎么“剁手”的嘛?
这里的副标题启示起到了一定的作用。
回忆一下网购的场景,
看到“包邮”“立即抢购”“限时打折”等字眼是不是有点冲动?
文案分主次,主标题告诉你是什么产品,
副标题告诉你有什么优势。所以副标题通常会被突出启示。
重复启示:回忆一下那些年我们领取过的优惠券。
从左到右、板式一致、立即领取一个都不能少。
优惠券本身就是启示点,在内部还有一个“立即领取”,这就是重复启示。
当设计图中有多处需要启示的时候,就需要重复启示了。
还有电商主图中放置多个产品,那么一定需要大量的启示点来引导阅读顺序,否则看着看着就走丢了…
设计师们对线很熟悉,但你知道线有嘛作用吗?
线的主要作用又双叒三个?
装饰/ 强调/ 分段
①装饰
其实“线”与“点”的作用相似,都有点缀画面的作用
为了区分所以叫做装饰
相比点来说,线更纯粹、灵动、简化
给人一种轻松的感觉
TIME找到6种线条样式
直线:直线最为常见,使用直线装饰不需要什么理由,放就完了。
需要注意的是不要过度,启示点也好线也罢都是辅助图形
千万不可放置过多,否则抢夺主视觉适得其反。
正所谓小撸怡情,大撸伤身,强撸灰飞烟灭就是这个道理
斜线:当你坐在副驾驶观望着远方的风景时,
有没有感觉到周围的物体是斜着飞到后面的?
斜线给人的感觉是动,所以很多年轻的、运动品牌的设计中会加入斜线装饰。
几何线:既可以做线装饰又可以充当形状装饰的手法,提升设计感超强,推荐使用
波浪线1:波浪线有两种,通常“硬角度”波浪线放在男性产品中。
而“圆角度”波浪线放在女性产品中,更为适合。
波浪线2:女性产品使用圆角波浪线
曲线:为了避免单调,孟菲斯又弄出幺蛾子了,曲线替代直线的做法可谓高明。
适当尝试使用曲线代替其他线的装饰,可提升个性
②强调
如果说“强调线”谁用的最好
那当然是语文老师啊!!
用一条完美的线段标记出本文的重点
让读者瞬间抓住本文的核心
语文老师,您辛苦了…
线的作用改变的视觉顺序
第一张图的顺序是:标题→点→整体
第二张图的顺序是:标题→副标题→点→整体
简单的一条线居然这么神奇!
那么问题来了
点有启示功能,也可以改变视觉顺序
“强调”和“启示”是不是一个意思呢?
看明白了吗?虽然点和线都有“吸睛大法”但点“吸”的更狠更强,容易灰飞烟灭。
操作不当会抢夺主视觉,只有特别需要的时候才能“吸”。
而线“吸”的就起到好处,比较怡情,
不影响整体视觉顺序的前提下,起到标注作用。
③分段
又要说语文老师了…
老师教写作文的时候需要分段落
否则文章太长看着看着就走丢了
设计也一样
与其说是线,不如把它看做具有功能性的标点符号在文字内容较多,版面拥挤的情况下适合用线分割段落
有时候明明没有线,但依然被分割的明明白白这是英文起到了“线”的作用
(而且在作品中加入英文都会显得有逼格)
TIME总结了孟菲斯三种面的构造方法(没错,永远的三种)
叠层立体:第一个介绍的总是最常用并操作简单的,
这种叠层方法相信很多朋友都用过。
色块拼接:色块拼接有两种,
①纯色背景,叠加描边色块,错乱的叠加生产层次视觉。
②拼接背景,使用3种以上的色块无缝拼接,可以使用直线、斜线、曲线。比例最好参照黄金比1:0.618
网格化:除了孟菲斯,使用网格背景的还有蒸汽波艺术、波普艺术等。
网格可以铺满整个背景,也可以使用部分网格
本期内容就是这些了
下期再见
【申明:图片啥的都是在花瓣网摘的,侵删就完了】
原文链接: https://mp.weixin.qq.com/s/xU0K3QCOF2Yepn4s8mTqqA
每人每天仅限5票,快给你心仪的作品鼓励的一票。
投票
发表评论