线是平面构成的三大要素之一,在各类设计中都有着广泛的应用,而其中的斜线更是设计师非常喜欢的元素,相比水平和垂直的线,斜线更特别、更具动感,下面我们来看看斜线有哪些主流且强大的用法。
区隔信息是斜线最常见的用法,通常用来区隔左右、左上和右下两部分的信息,用斜线区隔的内容不需要对齐排列,这样看起来更灵活一点。
在海报设计中就经常用斜线来区隔年月日等日期信息。
很多简单的元素完整呈现出来时会显得很普通,这时依据斜线将其切割可以增加设计感,即切除元素的局部,只保留元素剩余的部分以及斜线,元素被切割后的不完整性会增加元素的独特性和神秘感,所以更容易让人眼前一亮。
PS:切割的时候要注意保留元素的美观性和识别性。
由于斜线具有一定的动感,通过重复排列后又具有节奏感,且线本身占面积比较小,不会对画面造成太大干扰,所以很适合用作装饰元素,斜线主要是从以下几方面来起到装饰作用的。
1. 增加动感
一些以文字为主且文字是水平或垂直排列的设计,可能会因为太过常规或缺少对比而缺乏动感,这时在文字周围增加一些平行的斜线,使其与主体形成方向对比,就可以大大提升该设计的动感。
2. 增加氛围
比如在一些促销设计中,如果画面中缺少装饰元素的点缀,那么促销的氛围也可能会有所欠缺,这种情况下,我们也可以通过增加斜线来改善,这里使用的斜线可以有粗细和颜色的变化。
PS:斜线的方向要统一。
3. 增加细节
比如很多画面的背景太单调,我们就可以把重复排列的斜线放进背景里做底纹,这样的背景感觉更丰富,而且用斜线做底纹不会对主体造成太大干扰。
PS:把斜线排成一个圆,具有不错的装饰效果。
在排版时可能会遇到这样的情况,比如我们想采用某种形式排版,但由于缺少内容或图片轮廓有限制,所以这么排会引起版面的失衡,这时可以用斜线来填充空白,以达到版面平衡的效果。
由于设计的版面通常都是矩形的,以至于斜线天生就显得比较特别,所以在设计中合理的使用斜线可以增加其设计感。
例如下面这张海报作品,如果没有中间的斜线它也会是一件不错的版式作品,但是有点常规,所以设计师用一根斜线穿过整个画面,打破了这种常规,给这件作品带来一种不一样的感觉。
PS:贯穿画面的斜线不能影响文字的识别性,且不能从人物的脸部穿过。
最后总结一下,斜线的主要功能有:区隔信息;分割元素;装饰;平衡;创造形式。光说不练假把式,大家在排版时记得多尝试一下斜线。
文章来源:优设 作者:葱爷
一年一度毕业季来袭高校毕业展海报简直「神仙打架」
大家好,我是美丫姐,今年,因为疫情原因,各大高校毕业生可以说是哭笑不得,先是因为人聚不齐,拍个毕业照都拍不成,只能上手 p。
再是各高校想方设法也要让毕业生有个难忘的毕业典礼,纷纷搞了一出「赛博朋克」拨穗仪式。
这得亏是大白天,要是晚上在校园撞到这玩意儿还不得给人吓个半死!
不禁让网友纷纷大呼「搞点阳间的东西吧!」
但即便是这样,也丝毫没有减少,艺术院校办毕业展的热情全国各地各大艺术院校,都纷纷举办起了线上毕业设计展,斩断大家想逃过做毕设的念头,毕业设计展照常举办,那么毕业设计展宣传海报也一定少不了。
接下来,就让美丫姐带着大家来品品,今年各大艺术院校令人「眼花缭乱」的海报。
广美以其缩写 GAFA 组成的动态 3D 图形利用视差让人产生错觉,颇有几分韵味。
就是搭配上富有节奏的 BGM 后,让人不禁想到那句传唱大街小巷的广告词「一年逛两次海澜之家,每次都有新感觉」。
你看,这亦实亦虚的透明物体像不像甲方虚无缥缈的需求……
彼时,这一叠叠的纸张是一次次熬夜赶的作业此时毕业了,这一叠叠纸张将会是你被打回重做的稿子
去年被全网吐槽的天津美院海报,天美 2019 年毕业展海报
今年选择打一张规规矩矩的保守牌
不管甲方有多奇葩但毕竟给了钱,不管有多少坎坷都得咬着牙勇往直前 ,逆流而上!
这向四面八方发散的线条就像甲方天马行空的想法,没有重点,也似乎没有终点。
稀疏的黑白线条,就像学设计后你的头发,做设计,做到最后白了少年发,又秃了头。
这需要瞪大眼看的 PPT 式动态海报,不正代表着更新迭代快速的时尚圈嘛!
毕业,能带走的是属于大学 4 年的回忆,难以带走的,是积攒 4 年的行李,一看这阵仗,快递费肯定不便宜。
中间的圆就像催眠师摇摆的钟表,这毕设,是越做越瞌睡……
两耳不闻窗外事,一心只往屏幕钻,这才是一个优秀设计师的优良品质。
设计师:「你好,有什么需要我服务的吗?」
甲方:「需要做一个 logo,目前预算 20」
设计师:「好的,再见」
俗话说得好,做设计不带参考线,都展现不出设计师有多用心。这不,理工学院密密麻麻的参考线,哪个甲方拿到手不会觉得物超所值。
只是辅助线过于密集我看了三遍才看出写的啥。
甲方的心就像一个无底黑洞,你永远不知道他在想啥,他给你的意见也总是在你意料之外。
做设计师,不仅要会动手,还得眼观六路,耳听八方能说会道,还要会「嗅」出空气中的氛围,这才能把甲方爸爸服侍得妥妥帖帖。
每个看向不同方向的眼珠,就像一个项目有好几个甲方,每个甲方都有自己的想法。
艺术,总是得留有一丝丝神秘感才能吸引大家的眼球,就像马赛克后内容总是令人好奇。
除了大陆各大高校毕业展海报外,台湾的毕业展海报也是百花齐放。
作品记得署名,被盗了你都没地儿哭去。
水印打得再满也不如自个儿的脸辨识度高,实际上毕业作品是个 AR 滤镜。
设计就是一场探索,多走几次,就能摸清楚甲方的套路。
选专业前犹豫做什么设计,设计系毕业后:「做什么设计!」
遇到蛮不讲理的甲方,多深呼吸几次忍忍也就过去了。
保持一个乐观的心态,才能发现设计的世界多姿多彩。
你看这从上到下密密麻麻的人海,就像是一次次尝试够到甲方需求,却又一次次失败的你。
看这毕设把孩子逼得这医院看来没少去。
无论何时,回忆起肝毕设的日子,就连软件页面都能浮现在眼前。
当你正式成为设计师你会发现,做多了辣眼睛的设计,你的眼球将会变成消耗品。
纵观今天所有的毕业展的海报设计,有的难以理解,有的让人出乎意料,但唯一可以肯定的是,无论条件多糟糕,哪怕不能像往年,有展馆可给学子们呈现自己的创意,热爱设计的大家,创作的热情,也没有被这场突如其来的疫情浇灭。
虽说有些海报可能不能做到,让所有人满意,但校方也尽力,为同学们搭建了一个可以展现,大学四年学习成果的舞台。
文章来源:优设 作者:你丫才美工
对于许多公司和品牌而言,使用带有含义的动物logo,能非常准确的传递品牌信息!比如说豹子的敏捷,狮子的勇猛,长颈鹿的优雅,独角兽的神秘等等!这种品牌意识在其徽标中使用动物象征来策划。根据所选动物的类型,品牌是强大,快速,奢华,关怀,神秘和许多其他情感。
很多同学投票想看看设计师的草稿本,今天就来满足大家了!我们来看看六位淘宝设计师的草稿本们,有些是纸质派,有些是电子党,Here we go!
草稿本是设计师工作生活必不可少的工具,比起正儿八经的作品集,设计师的草稿本其实也是十分有趣的,它是设计师脑海里千奇百怪想法的随手记录。
Shiyu:本人是被胁迫公开草稿本的卑微设计师
手绘装备:iPad Pro+Procreate
以下是被迫营业现场对话
△ 给「老同学」的公众号形象草稿
老同学:「好久不见~我记得你画画挺好的~帮画个形象呗~我现在在做一个公众号,需要*&%¥#……你明白吧?你就简单画一画就好~谢谢啦」
我:「….」
△ 给「朋友」画的头像草稿
朋友:「好久不见~我记得你之前帮谁谁画的那个头像挺不错的~也帮我画一个呗~我现在在做blablabla,需要*&%¥#……你明白吧?很简单吧~谢谢啦」
我:「….」
Dajing:我的草稿本就是平时画画原型图或者需要做文档整理规范的时候拿出来画画草图,对我来说我的草稿本是帮我理清思路的一个很好的助手。
手绘装备:A4点格草稿本+马克笔
△ 智能配色草稿
△ 中后台加框草稿
Dajing:里面有当时做中后台框架的时候导航的原型,还有之前做智能配色的时候HSB色环推演的草图,还有些文档维度整理草图,画出来方便查看也便于直观梳理自己的逻辑。
Wanru:画画是我记录生活、寻找灵感的一种方式。
手绘装备:MUJI笔记本、水彩、铅笔、马克笔等等…
△ 冲绳旅行水彩
Wanru:水彩是我最喜欢的绘画形式,非常浪漫,食物也是我擅长画的题材。这是在冲绳旅行时的第一顿晚餐,新鲜的海鲜和爽口的啤酒也具有明亮的颜色,让人忍不住想去表达。烧肉店的杯垫被我带了回来,日本的平面设计做得很好,是很好的素材~
△ 电影小漫画
用小漫画记日记的习惯已经很多年了,我是非常喜欢漫威的,这是13年《钢铁侠3》上映和两个朋友看电影的场景。这个场景必须用美漫的风格了!偶尔会尝试各种画画风格。
△ 随手小速写
偶尔会画些小速写,勾一些人物、小物品、小动物,速写可以很好地练习造型能力。
Zoey:作为一个热爱喝奶茶、追番和打手游的肥胖又无助的设计师,感觉累了就在草稿本上放空自己。
手绘装备:iPad Pro+Procreate & Sketches Pro
△ 记录日常生活的草稿
Zoey:我很喜欢用草稿本记录自己的生活(食物为主),喜欢的电影角色也会简单画下来。
△ 二次元小画
作为半个二次元 ,草稿本当然也被满屏的羞耻占领~ 这两张草稿是我画的Persona 5里面的人物,因为我个人真的特别喜欢P5 ,对于自己喜欢的事情即便996也会熬夜画下去~
他们是“最美逆行者”
前几天,当大家打开百度首页时,可能发现了一些小变化:搜索框上方不再是熟悉的红蓝标志,而是展现出了一系列人物形象。
这些人物都是一直奋战在抗击新冠肺炎疫情一线的“最美逆行者”——我们想用这样的方式,向他们致敬。
2月9日-2月10日,致敬抗疫医护人员
2月11日-2月12日,致敬抗疫志愿者
2月13日-2月14日,致敬抗疫建设者
2月15日-2月16日,致敬抗疫专家组
2月17日-2月18日,致敬抗疫解放军
当大家点击这些 Doodle 图片时,会进入相关的战“疫”专题内容页,在这里可以实时了解抗疫英雄的资讯动态。
医护人员、志愿者、建设者、专家组、解放军,他们用坚定的信念和坚毅的身躯,为这场战斗筑起了最坚固的防线,守护着无数人的生命安全。我们向这些英雄致敬!
此前,我们向广大网友发起了“抗疫英雄系列 Doodle”征集活动,希望各界设计师用手中的画笔为抗疫英雄们创作特别的百度 Doodle,让更多人看见疫情中的勇气与希望。
最终,五组致敬 Doodle 在百度首页上线。除此之外,我们还收到了26幅来自百度网友投稿的设计作品。谢谢大家的用心创作!
一起来欣赏吧!
蔡依彤
林文煌
刘昱
轻抚淡抹素人妆
相超
蔡依彤
林文煌
麦芽
董一孛
林文煌
刘昱
姚思思
赵会娟
不将就
李小兰
李钰
林文煌
孙红花
陶泽崧
严安琪
张晶
冯胜方
高旭
林文煌
杨晓婧
张晶
在这场疫情狙击战中,不论是什么角色、什么岗位,都能贡献自己独特的力量。而这些精美的 Doodle 设计作品,正向人们传达了必胜的信心和能量。我们衷心感谢所有设计师的用心创作.
除了通过百度 Doodle 为抗疫工作鼓劲,我们还运用技术的力量,专为疫情防控研发了各种产品和服务,希望为大家带来实用有效的帮助,为战“疫”贡献一份力量。
我们成立了3亿元的疫情及公共卫生安全攻坚专项基金,用于支持新型冠状病毒等新疾病的治愈药物筛选、研发等一系列抗击疫情工作。
我们上线了“拒绝野味”的搜索提示,在百度 APP 搜索“蝙蝠”、“果子狸”、“穿山甲”、“豪猪”、“狍子”、“蛇”、“野猪”等关键词时,大家都能看到“不可食用”的警告。
从百度“问医生”免费在线咨询,到新冠肺炎智能自测工具;从“疫情小区”地图,到患者同乘查询;从免费开放智能外呼平台,到 AI 体温检测落地北京清河火车站……百度一直在行动。
当所有的决心、爱心和信心汇聚在一起,我们知道,阴霾和灰暗一定会被驱散,春暖花开的日子一定会到来。众志成城,我们共渡难关!
转自:站酷-百度BMD
随着电商行业逐渐成熟发展,从几年前设计盛行的淘宝风到现在的要求高端、品牌化、上档次,大众人群的审美也在不断提升,电商行业进步的同时也带动着设计行业一同走向成熟。所以在日常的设计工作中,我们也常常会听到需求方要求:要够上档次、高端、有格调。这些比较抽象的要求如何体现在设计中往往是困扰我们的一个棘手的问题。那么本期就和大家一起带着问题探讨,总结一些提升设计作品档次的实用方法。
配色已经算是老生常谈的一个话题了,这里我们暂且不说如何提升,先来看看前几年淘宝风的海报设计是什么感觉。
如上图所示,给人的感觉就是杂而乱,配色毫无章法。显然在当下电商的大环境下,这种相对粗暴的海报在平时会越来越少,转而要求品牌化、上档次的越来越多,那么从配色上如何提升作品档次呢?
1. 暗色调搭配提升作品档次
为什么说暗色调可以提升设计档次呢?因为暗色调或者说是低明度的色彩搭配,会在一定程度上减弱其色彩固有的属性以及因色彩产生的情感,从而使得整个画面变得相对冷静、上档次。用到的色相不宜过多(1-2 种即可),举个例子:
如图所示,暗色调搭配给人的感觉很舒服,而且也够上档次。通过降低明度的方式弱化大面积颜色固有的情感属性,让画面更冷静、理性,从而起到提升作品整体档次和视觉感受。
所以现在很多品牌设计中,暗色调的搭配用到的越来越多,也逐渐被现在的大众所接受。
需要注意:暗色的搭配方式很容易出现将颜色弱化到色感缺失,导致作品因缺少颜色属性而太过深沉,甚至乏味,没有亮点,所以可以适当地使用一些点缀色规避这一现象。切记:弱化颜色属性并不是要完全摒弃色彩。
2. 干净的配色提升作品档次
每种色彩都有其固有的情感属性,比如:红色-喜庆、热闹;蓝色-安全、科技……在非暗色调的情况下,干净的配色也能起到提升作品档次的作用。而说到干净,第一想到的应该就是白色:
如图所示,同样和暗色调的作用很相似,白色本身就给人一种干净、纯洁、高冷的感觉,大面积的白色弱化了其他色彩的属性,所以整体偏白色调也能起到很好的提升作品档次的作用,且要适当地使用点缀色。
也可以使用偏高明度低饱和度的色彩,这类颜色搭配同样也是减弱了颜色本身的固有属性,只是相比黑白灰色调而言,保留的颜色属性多一些。比如:
如图所示,当作品色调偏高明度低饱和度时,同样也能提升作品的档次。但是前提是颜色要干净、通透。切记:色相越少越好把控。
注意:配色并不是一成不变的,这里提到的三种配色形式是比较常用的,不管是暗色调、白色还是其他,都要让作品整体呈现出一种干净、舒服、通透的视觉感受。
不妨找一些品牌的海报看看,绝大多数的配色形式都符合我们前面所说的,而且即便用到一些色彩,大部分都是使用一种色相,目的也是为了避免大面积多种颜色碰撞,会给人一种不稳定、轻浮、的视觉感受。
通过前面案例,我们也能发现,虽然配色起到了一定的提升作用,但同样也需要留白。
关于设计中的留白,这里强调一下留白并不等于空白,留白的目的是留出视觉元素中的喘息空间,让视觉更具有通透性。恰当的留白能够给人品质感、高端上档次的视觉感受。所以在设计中,并不是信息越多越少,而是要秉承少即是多的理念。举个例子:
如图所示,很显然,上图给人的第一视觉感受就是廉价,原因在于:
而下图则给人一种很高冷、有档次的感觉,同样是茶,为什么第一眼给人的感受差距这么大?原因如下:
留白在设计中是非常重要的,所以我也不止一次的提到过。而作为一名设计师,留白的运用也是一门必修课。留白:留出来的是喘息和想象的空间,留出来的是品质和自信。
文案作为设计的一个信息载体,它要比任何图片信息都要更直观、一目了然。所以在设计工作中,字体的选择也是设计师的必修课。我们都知道字体库的数量多之又多,而每款字体所传达的视觉感受都各不相同,那么在日常的设计工作中,合理使用字体有助于提升作品档次。使用字体时应该注意什么?
1. 统一字体形式
这个点很好理解,就是作品中对应位置的字体要统一使用相同的字体,不要出现同一位置多种字体,比如:标题字体、副标题字体、说明文字字体等等,做到统一有助于提升作品档次。举个例子:
如图所示,我们对比来看,很明显①使用了多种字体的组合,给人一种很浮躁、杂乱甚至有些廉价的感觉,街头小广告也许能看到这么用的,没有体现出任何一款字体的气质,而其他三处则在字体上做了统一,给人的感觉很舒服,字体本身的美感也都体现得淋漓尽致。
2. 统一字体气质
前面我们也说了,每款字体所传达的视觉感受也都不同,在使用字体时,尽量选用气质雷同的字体相互搭配。比如:标题中国风字体,那么副标题和说明性文字就尽量贴合中国风的感觉或者与标题保持一致,这样做有助于提升作品的档次以及整体性。看个案例:
上中下三个案例,相比而言,底部海报给人的感觉品质更好,更舒服,下面我们逐一分析:
虽然字体的数量在日益增多,选择性也越来越大,但有些字体最好不要使用,比如:霹雳体、水滴体、涂鸦体、Adobe 黑体等等一些字形结构粗暴或者缺少细节的字体。
补充说明:提升作品档次,还需要注意背景要选择高清大图、产品要有质感、抠图不要有白边锯齿、模特尽量不要选网红、尽量不要选被人用过无数次的素材,尽可能将每一处做到精致、不要忽略每一处细节。
文章主要从配色、留白、字体三方面作为提升作品档次的切入点,当然不仅仅只有这些,要灵活运用,这里只是为大家提供一个可供参考的方向。重点是要能从别人好的作品中提取优点,然后举一反三,形成自己的一套设计思路。简而言之,提升作品档次,就要尽可能地让作品干净、整洁、精致。
其实档次是比较抽象的名词,这是一种感觉,所以我们无法给出定义。作为设计师,我们需要做的就是通过设计的理论知识将这个感觉呈现给大众,让他们接受、认可。
文章来源:优设 作者:美工美邦
今天,你的朋友圈、微博首页是不是被一部韩国电影刷屏了?
韩国电影《寄生虫》在刚刚结束的第92届奥斯卡颁奖礼上斩获最佳影片、最佳导演、最佳国际影片、最佳原创剧本四项大奖。
p.s.文末附有第92届奥斯卡完整获奖名单和两个彩蛋,不要错过。
本以为拿到最佳外语片就结束使命的导演奉俊昊,在接连收获最佳导演和最佳影片大奖时,发表了一段激动人心的演讲,导演奉俊昊获得第92届奥斯卡最佳导演奖视频观看链接:https://v.qq.com/x/page/i3063i874m3.html
不想看视频的盆友们可以品品以下获奖感言:
谢谢,我以为拿了最佳国际影片后,今天就没事了,还准备好好放松一下,太感谢了!
在我年轻学电影的时候,有句话让我印象深刻,」最个人化的表达是最有创造力的「。说这句话的人是我们伟大的马丁·斯科塞斯。
我在学校的时候学过马丁·斯科塞斯的电影,能够被提名已经是巨大的荣誉,我从没想过自己会得奖。
当美国人不熟悉我的电影时,昆汀一直在推荐我的作品,他今天也在这,太感谢了,昆汀,我爱你!还有Todd,和Sam,都是我非常崇敬的导演们。
如果奥斯卡允许,我想买一把德州电锯,把这个奖分成五份,和你们每个人共享。谢谢!我会畅饮到明天早上的,谢谢。
这段获奖感言或许也能激励无数迷弟迷妹们,如果你获得了大奖是可以直接在领奖台上向爱豆表白的!
奉俊昊看着奥斯卡小金人,嘿嘿地笑了起来。
在领取最佳原创剧本奖时,导演奉俊昊提到「剧本创作是一个孤独的过程」,这样的孤独我们可以从一本《寄生虫-分镜书》猜测到一些。
韩版由著名的DVD发行公司plain archive出版,包含剧本+分镜头书
相比直接雇佣员工专职绘制分镜头,导演奉俊昊选择自己绘制分镜头,他会把随时能想到的元素都画在自己的iPad上,再通过云盘同步。
凡事精益求精, 或许也是这部电影能横扫奥斯卡的原因吧。
除了电影好看,《寄生虫》各个版本的电影宣传海报也值得我们细品。
这部电影的所有海报中,最出名的就要数韩国正式海报了。这张海报非常具有现代主义的美学感,但每个人的眼睛都被一条方形长条盖住了。
细心的盆友或许会发现,电影中的穷人眼前的都是黑色长条,而富人眼前的都是白色长条。这或许暗示着贫富差距带来的视角都是不同的。
而电影中的一些关键元素,例如圆锥形帐篷,奇石,只露出一半的腿……也点缀在这张海报上,悬念满满。
很多国家和地区的宣传海报也是根据这张官方海报进行修改的,除了文字不同,其他的地方几乎没有变化。
以文化艺术为名的法国宣传方看不下去了,保留了关键元素「黑色长条」又设计了一个新版本。这个版本上的贫富差距更加赤裸裸:富人都穿了鞋,穷人都光着脚。
由上面这张海报衍生出来的负片版本中写了这么一句话「没有人是非黑即白的」。
泰国版的海报则是直接变成了黑白照片,原本温馨的全家福瞬间变得诡异。
法国宣传方发布了一张表面上其乐融融的全家福:
但是有细心的设计师透露这张海报是对法国喜剧海报的恶搞。
除了上面这些根据官方海报、剧照衍生出来的海报,还有一些插画风格的海报更让人印象深刻。
其中不得不提的就是下面这两张水墨风格的国际版海报,看懂这两张海报你才算是看懂了电影。
第一张海报以电影中的关键道具「石头」为主体,穷人一家站在山顶,富人一家坐在岸边,这样看似一高一低的地位都少不了影片中的关键元素「水蜜桃」。
但这一切都是幻影,水中的倒影才是贫瘠的现实,富人依然凌驾于穷人之上。
第二张海报中,原本平静的水面开始波澜起伏,象征希望的石头上也变得血淋淋。
看到上面这两张海报,或许会有不少人联想起同样是韩国电影的《小姐》的海报,同样相似的画风、细节上用关键元素装饰,一张图就把一部电影说透了。
或许是受「倒影」的启发,设计师 Andrew Bannister 也创作了一张可以翻转过来的海报,这张海报更加赤裸裸地揭露了电影中的贫富差距。
一上一下的行走方向,和红绿色调一样,充满了对比和冲突感。
如果穷人想跨越阶级向上爬,就要像这张海报的背景一样,付出血红的代价。
下面这张由葡萄牙艺术家Vicente Niro和IgorMade创作的海报更直白地把人之间的互相压迫展现了出来:
艺术家Randy Ortiz创作的一张海报揭露了在这部电影展现的世界中,穷人有时候还不如富人养的一条宠物狗:
除了上面这些以人物为主体的海报,还有不少设计师将目光聚集在了电影中贫富两个家庭居住的环境上。
韩国艺术家Jisu Choi详细地绘制了电影中富人一家居住的房子:
这张海报上的建筑风格和构图,启发设计师Curzon release设计了另一张藏满彩蛋的海报:
这张海报上几乎把电影的关键元素都放进去了:披萨盒、石头、自画像、桃子、帐篷……你甚至能找到灯饰中隐藏的摩尔斯电码,和桌子底下的奥斯卡奖杯。
除了这些暗藏彩蛋的建筑海报,还有一些通过建筑表现贫富差距的作品。
加拿大艺术家Marie Bergeron在海报上突出了电影中两个家庭高低阶级的压迫和对立:
当你以为穷人一家已经身处底层时,没想到还有比他们更底层的人,而富人永远都处于顶端。
△ 上图由bearjew 416创作
一部好的电影值得影迷们的赞美,也值得设计师不同角度的演绎。从上面这些不同风格创意的海报中,我们也能知道这部电影为什么能横扫奥斯卡奖了。
除了寄生虫,还有一些设计师为奥斯卡最佳电影奖提名电影创作了一系列的海报,看看你能猜中多少部?
△ 海报由艺术家Olly Gibbs设计
△ 海报来源于SG Posters
最后附上第92届奥斯卡奖完整获奖名单:
你喜欢的那部电影获奖了吗?
文章来源:优设 作者:Canva设计
「层次感」这个词在设计中的出现频率是很高的,主要体现在信息层级关系和视觉丰富度这两点,而缺少层次感的设计会给人一种信息杂乱、画面单调的视觉感受,甚至枯燥、乏味,这也恰恰与设计目的相悖。那么当我们的作品出现层次感缺失时,应该从哪些方面着手改善、解决呢?本期内容希望能对大家有所帮助。
营造视觉元素的差异化可以起到很好的改变画面信息层级关系的作用,从而增强设计作品的层次感,这和对比手法很雷同。无论是画面中的视觉元素多还是少,都要做到有主有次、有大有小、有粗有细、元素与元素之间形成对比关系,举个简单的例子:
很明显第一排的形状之间是完全相同的,在视觉上给人的感觉就会很平,缺少变化;而下面两排在视觉上都营造了一个与周围存在差异化的视觉元素,使得整体在视觉上有了阅读的先后顺序,形成了简单的信息层级关系。
当画面中的视觉元素相同或者相似时,信息的层级关系就相对而言不容易体现出来,那么此时就需要我们营造具有差异化的视觉元素打破这一现象,从而增强画面的视觉层次感,无论切入点是什么。再比如我们看到的风景照:
从近到远在视觉上存在着很明显的差异化,比如:近实远虚、近大远小、近处的饱和度高远处饱和度低、近处的明度暗远处的明度亮等等,大自然的风景本身就能很好地诠释视觉层次感,所谓「设计源于生活」正是如此。那么这些应用到设计中又应该如何体现呢?下面再看一个例子:
如果产品这么摆放的话,那么何来层次感而言呢?只能理解为重要的事情重复三遍。做个小小的改变:
画面有了大小关系,故而有了主次关系,此时视觉的层次感已经有所体现:
大小与虚实的双重结合,视觉层次感更加强烈了,加点透视看看:
这里做了点透视效果,结合大小、虚实的变化,是不是有种由近到远的既视感?通过营造视觉元素的差异化,视觉层次感也更加强烈,这种虚实结合的形式在设计中也非常实用,下面我们再看案例:
这种虚实对比的形式也是视觉元素差异化体现形式之一,很直观地提升了整体的视觉层次感,包括在一些文字排版中也很实用。所以当我们的作品整体视觉层次感不够强烈时,不妨试试通过营造视觉元素差异化的形式进行提升和改变,只是既然用了这种表现手法,就要做得足够明显,否则只会适得其反。
我们前面说了,提升视觉层次感可以从两个点切入,即:提升信息层次感以及画面整体丰富度,而装饰性元素的使用刚好可以契合这两点,它既有提升信息层次感的作用,又能起到很好丰富画面的作用。下面我们看个案例:
通过上下两个案例的对比我们发现:
需要注意:装饰性元素也不能过多的使用,因为过量使用很容易在视觉上形成散乱、不够整体的情况,要根据实际情况合理使用。
使用肌理是设计中非常实用的一个设计手法,肌理有着很好的丰富画面、增加细节、提升层次感的作用,比如可以用做一些海报的底纹、文字的材质,甚至是一些形式感很强的肌理可以作为画面的抽象主体。下面举个例子:
案例中将远山风景图片通过透明度调整作为肌理使用,这样做的好处在于:首先肌理相较于整个画面来说不是那么显眼,这样就避免抢了主体;其次因为远山给人的视觉感受就是层次感强烈,而这里当作肌理既起到了一定的填充、丰富的作用,又保留了一些远山的属性,在视觉上层次感更加强烈。
再比如一些文字也会使用肌理,用于增强文案信息的视觉层次感受,比如:
主要字体使用肌理会在让其形象更加鲜明,与正常文案形成对比,也能间接提升文字排版的视觉层次感。
当作品视觉层次感不够强烈时,我们可以转化为思考如何提升画面丰富度以及信息层次感。比如前面说的:对比、装饰元素、肌理都可以与之对应起来,那么为什么说合理的使用色彩在一定程度上也能起到提升视觉丰富度的作用呢?下面举个例子:
这里是通过有彩色与无彩色的案例对比,以视觉感受来看:左侧明显比右侧显得更空一些,因为色彩也是一种信息传达的媒介,也就是说颜色也在传递信息,所以当画面显得空、缺少层次感的时候,通过颜色的调整也能起到一定的增加视觉层次感的作用,举个例子:
这里只是改变了底色,在视觉丰富度上给人的感受差距一目了然,因为纯白底会给人一种空、缺少内容的视觉感受,所以一般情况下我们的处理方式会选择添加一些视觉元素,比如:装饰性元素、材质、线条等等,现在我们又多了一个选项,就是无彩色向有彩色的改变,虽然这种方法有一定的局限性,但也不失为一种可行的解决方式。
其实这种营造前后叠加关系的方式在之前的文章中也提到过,其实就是寻找元素与元素之间的物理叠加关系,会给人一种很强烈的层次变化,对于提升画面层次感能起到立竿见影的作用,比如:
案例中的文字与主体物之间存在着视觉上的前后叠加关系,给用户更强烈的视觉层次感,这种营造前后叠加关系的处理手法在标题设计中也很实用。
透视也可以理解为营造空间关系的手法,当平面的视觉元素赋予其透视关系后,会形成一种类似三维空间的视觉感受,在一定程度上也能起到增强画面视觉层次感的作用。下面举个例子:
很明显,透视的感觉会给人一种空间感、延伸感,视觉层次更加强烈,这种形式在日常的设计中也很实用,比如:
改变透视会在视觉上形成一种纵向的延伸感,空间上层次关系更加强烈,只是这种形式有一定的局限性。
结合今天所说到的这些手法,通过不断演变的形式,我们简单做一组文字排版的案例:
这就是一句普通的话,没有主次、没有修饰、毫无层次感,改变一下:
已经有了信息的层级关系,即大小对比,视觉元素之间形成了差异化的表现,还可以继续深入:
通过改变颜色,对比更加强烈,层次感稍加增强,感觉还不够?下面我们继续再改:
这里通过肌理、虚实结合以及改变字体形态的表现形式,使得整体视觉层次感又提升了一个档次,如果还想继续提升,那么就要想,还缺少点什么?比如装饰性元素试一试?
增加了装饰性元素之后,画面整体的丰富度提升了很多,而且对比的形式更多元化。案例中主要用到了:差异化元素、对比、肌理、装饰性元素这四种表现形式,当然这也许不是最好的表现形式,目的是为了让理论成为实践。
当作品缺少层次感时,上述的一些改变方法可以供大家参考,但是不要仅仅局限于这些,还有一些我们常用的,比如:投影就非常实用,可以给文字、色块、主体物等等做投影,拉开前后关系,这样也会一定程度上增强视觉层次感。再比如:倒影、环境感等等,这些目的都是尽可能去丰富画面、营造信息层次关系。并不是说这些手法一定要完全体现在一个作品上,层次关系过多反而会使得画面整体散乱,一定要根据实际情况选择使用,切记并不是视觉层次数越多就越好,这是一个误区。
重复原则是指:版面中的视觉要素要重复出现,可以重复颜色、字体、图形、形状、材质、空间关系等。使用重复原则既能增加画面的条理性,还可以加强统一性,让版面更富有层次感、逻辑性,可以提高阅读效率和信息的传达。有规律的重复可以产生节奏感和韵律美,增强观者的印象。
仔细观察,生活中随处都有重复之美:
1. 文字样式的重复
同一级别的文字信息需采用相同的文字样式,也就是说,在字体、字号、字重以及特殊效果等方面都要保持一致,方便阅读和信息的传达。
此案例并列关系的文字信息,重复使用了同样的字体、字号、字重。可以很直观地把大量的信息分为四个信息层级:主标题、小标题、正文、辅助说明文字。
2. 配色方案的重复
色彩的重复在版面设计中尤为重要,当一个版面中出现太多颜色,控制不好版面便会出现杂乱花哨等问题,因此使用重复的颜色,控制好色彩的种类、纯度和明度,让版面更和谐统一是最常用的方法。
标题选择和图形颜色统一的深蓝色,并使用橙色进行点缀突出;展览时间是次级要强调的信息,选用和图形颜色统一但是比标题浅一些的青色进行强调;展览地点和内容处于三级信息,使用无彩色的黑色进行弱化。这样三个层级信息重复使用相同的色彩,让版面信息清晰有序,能保证较好的阅读体验,有助于信息更好地传达。
3. 图片使用的重复
有多张图片需要出现在同一版面,需统一图片的大小、色调、比例、裁切方式等,这样可以使版面美观整齐。
整个版面出现的人物非常多,但图片统一采取退底形式,并把颜色调整为黑白,具有很强的整体性。
4. 设计元素的重复
设计元素(如图标、形状、肌理、空间关系等)在版面中起到了强调和装饰的功能,而同类的设计元素重复出现,不仅使版面有了统一的风格,也丰富了视觉效果,使版面更有设计感和整体感。
如上一期对齐原则的案例示范中,就使用了各种设计元素的重复:文字背景框统一的伪立体效果图形,背景图案的黄色几何形状和背景黑色点状肌理。正是这种形状的重复,在很大程度上造成了整体设计的统一性和其独特风格。
1. 统一性、秩序化
重复是构成统一与秩序的关键,让视觉要素在整个作品中重复出现,统一的字体样式、重复的设计元素、相同的图片形状与裁切方式,这样既能增加条理性,还可以加强统一性。让页面更富有层次感、逻辑性,提高阅读效率和信息的传达。
2. 整体性、风格化
重复产生统一,统一形成风格。重复不仅对单个页面很有用,对于多个页面的设计更重要。正是在多个页面中运用重复原则,才赋予了整体设计上的统一感、整体性,才形成了一定的设计风格。
我们会觉得这几个页面属于同一个应用,因为它们都具备一些相同的细节特征,比如一致的几何图形、不断复现的色彩 、相同的字体、有规律的字号字重、统一的构图形式等等,这些重复的元素相互影响并不断加强我们对页面相似处的感知,所以我们一致会觉得这些页面的风格是统一的。
3. 节奏感、律动美
节奏最常见的形式就是有规律的重复,是版面构成要素利用疏密、聚散、连续、渐变等方式有条理有秩序地重复呈现,形成一种律动的美感,还可以增强观者的印象。
有优点就有缺点,重复给人带来统一与秩序感的同时,还会带来呆板、乏味、机械化等负面印象。应当尽量采用多样性实现统一, 在保证版面有秩序的前提下,让设计元素产生形态的差异或距离上的变化来调节视觉感受,不规则的重复会让画面更动感、活泼。
在重复中产生变化,一是可以避免版面的单调与平淡,增加版面的趣味性,激发读者阅读和观看的兴趣;二是为了形成反差,区分主次,突出重点。特异点更易获得视觉聚焦,引起注意。
为了让大家加深对重复原则的理解,提取本期文章的主要内容作为原始资料,运用重复原则进行设计示范。
运用「亲密性原则」进行信息的分组和距离的调整,排版时要遵循「对齐原则」。运用「重复原则」把同一级别的文字设置为相同的文字样式,增加条理性,加强统一性。
继续丰富画面,加入配色和设计元素,相同级别的文字信息使用统一的颜色和点缀元素,让页面更富有层次感、逻辑性,提高阅读效率和信息的传达。
现在画面文字信息已经清晰而有序的排列好,但是缺少主体。把标题内容「重复原则」作为主体元素进行设计,给文字加入从橙色到蓝色的渐变。
复制四组新的文字,使用自由变换工具把文字压扁,每次变形的程度逐渐加强,使其呈现出渐变的节奏感,形成一种模拟翻页效果。
把设计好的文字复制一份,并镜像翻转,主体就设计好了。重复出现标题内容,可以增强视觉冲击力,有较强的形式感,可以让观者加深印象。
把设计好的主体元素和文字信息放置到画面中,使用上下构图,采取黄金分割比例进行布局。
最后给背景加入点状肌理,在信息群组间加入线条,使层次分割更清晰,让细节更丰富,视觉效果更美观。设计完成:
样机效果:
重复是构成统一与秩序的关键,使用重复原则能让版面更富有层次感、逻辑性,可以让信息层级更清晰,能保证较好的阅读体验。有规律的重复可以产生节奏感和韵律美,增强观者的印象,有助于信息更好传达。
重复不仅仅是单一、机械地重复使用某些元素,而是要兼顾版面的形式美感与内在的图文内容,让版面实现内容与形式的和谐统一。
文章来源:优设 作者:艺海拾贝Design蓝蓝设计的小编 http://www.lanlanwork.com