设计风格-孟菲斯(中)

用户头像
北京/教育工作者/6年前/15844浏览
设计风格-孟菲斯(中)
用户头像
时_光

话不多说,看文(第二次发,前面不小心点了一下删除键从头来过,希望站酷在这方面优化一下)


















言归正传,本文由TIME(高冷又专业又帅气)给大家解析孟菲斯风格


没看过上一篇,点这里→设计历史—孟菲斯(上)











孟菲斯第一眼看到的是什么?


色,没错!一定是色,颜色具有最主观的识别性





如果去掉颜色呢?





去色后,TIME看到的是几何形状


包括:状、线状、


点线面是平面构成中的内容,它们代表着一定的含义和作用







大家可能在别的文章中看到过类似的内容,点有超级多的作用


但是在TIME眼里只有三个作用


肌理/点缀/启示


(由于长期佩戴墨镜导致看不到太多,见谅)





①肌理






肌理可以理解成纹理背景



点构成肌理,贴合孟菲斯风格,之所以称之为“风格”,是一些具有年代、价值、地域、文化等 元素聚集一起

所产生的视觉效果和艺术感




(通俗点讲,一个人穿西装就得扎个领带、穿双皮鞋、带个手表


弄个发型如果胡乱搭配弄好了叫混搭,弄不好就叫屯老二)







·

·

·

·

·

·

·




那么,孟菲斯都用这种肌理就可以了吗?



当然不是,肌理有三种表现方式











点阵排列:最常用的肌理,特点是制作方法很简单,可以应用几乎所有的孟菲斯风格设。


记得TIME在前面文章讲的话吗?别浪,猥琐发育。





变化莫测:当然,你一生漂流不用桨全靠浪呢,可以尝试这种。


用不规则的线条排列在一起,所产生不一样的风格视觉也是可以的


方法可以使用AI色盘中的基本图形-点,里面有很多预设可以使用






具象图标:这个就有一定的难度了,可以将产品的概念注入肌理。


像图中将音乐元素图标排列成肌理,就非常适合主题。


再比如说补水护肤品,在肌理中加入一些水滴。在美妆类加入卡姿兰大眼睛、嘴唇等元素。





②点缀



点除了肌理还有点缀的作用



点缀画面可以增强氛围和动感


这个道理在所有设计中都适用









点缀也有三种表现方式



(也是三种?你说巧不巧?没错,是我故意的)











平面几何没错,就是字面意思,用圆啊、方啊、三角、多边形等图形点缀。


保留扁平化视觉,画面简洁明了适合那些“静”主题设计。


也可以在图形中加入一些纹理,毕竟孟菲斯就是打破规则、不循规蹈矩嘛!






样式相加在平面几何的基础上加入样式效果,常使用描边+投影


注意描边通常使用黑色,而投影却不能是黑色。没办法,任性






假立体形:为嘛说是假立体?我们知道判断一个立体图形有几个要素,形状、光影、透视。 


其中透视极为重要,透视讲究一点透视、两点透视、三点透视。还包含灭点。


而孟菲斯中的立体面通常是不讲究透视的。





技巧:使用AI中的3D功能






③启示



大家来找茬,下面两图有什么不同?








瞎子也能看得到吧?带黄色块的图格外突出,没错这就是点启示的作用!


OK fine,还是三种功能










主题启示:都挂上“主”了还需要启示吗?YES!当背景纹理或颜色过于复杂,或画面缺少层次感的时候。


通常也会给主标题加上“条条框框”。


相反,如果画面肌理简洁并色彩单一,加启示就是多余的。






副题启示:嘿朋友,想知道自己是怎么“剁手”的嘛?这里的副标题启示起到了一定的作用。


回忆一下网购的场景,看到“包邮”“立即抢购”“限时打折”等字眼是不是有点冲动?


文案分主次,主标题告诉你是什么产品,副标题告诉你有什么优势。所以副标题通常会被突出启示。






重复启示:回忆一下那些年我们领取过的优惠券。从左到右、板式一致、立即领取一个都不能少。


优惠券本身就是启示点,在内部还有一个“立即领取”,这就是重复启示。


当设计图中有多处需要启示的时候,就需要重复启示了。


还有电商主图中放置多个产品,那么一定需要大量的启示点来引导阅读顺序,否则看着看着就走丢了…

















设计师们对线很熟悉,但你知道线有嘛作用吗?



线的主要作用又双叒三个?


装饰/ 强调/ 分段



①装饰






其实“线”与“点”的作用相似,都有点缀画面的作用



为了区分所以叫做装饰


相比点来说,线更纯粹、灵动、简化


给人一种轻松的感觉








TIME找到6种线条样式






直线:直线最为常见,使用直线装饰不需要什么理由,放就完了。


需要注意的是不要过度,启示点也好线也罢都是辅助图形,千万不可放置过多,否则抢夺主视觉适得其反。


正所谓小撸怡情,大撸伤身,强撸灰飞烟灭就是这个道理







斜线:当你坐在副驾驶观望着远方的风景时,有没有感觉到周围的物体是斜着飞到后面的?


斜线给人的感觉是动,所以很多年轻的、运动品牌的设计中会加入斜线装饰。






几何线:既可以做线装饰又可以充当形状装饰的手法,提升设计感超强,推荐使用






波浪线1波浪线有两种,通常“硬角度”波浪线放在男性产品中。


而“圆角度”波浪线放在女性产品中,更为适合。






波浪线2女性产品使用圆角波浪线






曲线:为了避免单调,孟菲斯又弄出幺蛾子了,曲线替代直线的做法可谓高明。


适当尝试使用曲线代替其他线的装饰,可提升个性




②强调



如果说“强调线”谁用的最好



那当然是语文老师啊!!







用一条完美的线段标记出本文的重点



让读者瞬间抓住本文的核心


语文老师,您辛苦了…







线的作用改变的视觉顺序


第一张图的顺序是:标题→点→整体


第二张图的顺序是:标题→副标题→点→整体


简单的一条线居然这么神奇!




那么问题来了


点有启示功能,也可以改变视觉顺序


“强调”和“启示”是不是一个意思呢?






看明白了吗?虽然点和线都有“吸睛大法”但点“吸”的更狠更强,容易灰飞烟灭。


操作不当会抢夺主视觉,只有特别需要的时候才能“吸”。


而线“吸”的就起到好处,比较怡情,不影响整体视觉顺序的前提下,起到标注作用。





③分段



又要说语文老师了…


老师教写作文的时候需要分段落


否则文章太长看着看着就走丢了


设计也一样






与其说是线,不如把它看做具有功能性的标点符号在文字内容较多,版面拥挤的情况下适合用线分割段落







有时候明明没有线,但依然被分割的明明白白这是英文起到了“线”的作用


(而且在作品中加入英文都会显得有逼格)















TIME总结了孟菲斯三种面的构造方法(没错,永远的三种)











叠层立体:第一个介绍的总是最常用并操作简单的,这种叠层方法相信很多朋友都用过。






色块拼接:色块拼接有两种,①纯色背景,叠加描边色块,错乱的叠加生产层次视觉。


②拼接背景,使用3种以上的色块无缝拼接,可以使用直线、斜线、曲线。比例最好参照黄金比1:0.618







网格化:除了孟菲斯,使用网格背景的还有蒸汽波艺术、波普艺术等。


网格可以铺满整个背景,也可以使用部分网格。







本期内容就是这些了


下期再见

 

【申明:图片啥的都是在花瓣网摘的,侵删就完了】





 
 

 



521
阅读原文
|
举报
|
719
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
金色颗粒质地的平面
空的平台平面和自然景观
城市园林平面布局航拍
古风平面仕女与瓷器
空的平台平面和自然景观
平面花卉图案扁平简约无缝拼接插画
学习,优惠券,平面,海报
城市园林平面布局航拍
平面男孩喝咖啡插画设计
倒计时,海报,平面
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
平面插画设计女孩喝咖啡
城阙凡花
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
课程海报,平面素材
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
金色颗粒质地的平面
平面设计 吊牌设计
平面人物插画
城市园林平面布局航拍
海底世界插画
你可能喜欢
相关收藏夹
2
2
2
2
2
9
大家都在看
登录注册