空间感 画面 构图 强烈的视觉冲击力对于平面设计来说是一个很重要的品质,而关于如何加强画面的视觉冲击力,有一个方法简单又有效,即加强画面的空间感。那么,有哪些可以加强画面空间感的具体操作方法呢?葱爷特地去收集了一大波此类作品,发现大部分空间感很强的设计,除了视觉冲击力强以外,画面的美观性也会不错,并且总结出了以下几个规律:空间感很强的画面常用以下这几类构图1. 发散构图比如以画面中心为发散原点向四周发散;或者以画面中任意一个地方作为原点呈扇形发散。其实这个原点就是透视关系中的消失点。2. 螺旋构图螺旋的图形来自于漩涡,即越靠近中心越小,越靠近中心越深,与发散构图类似,只不过构成元素行驶的轨迹不是直线,而是曲线。3. 仰视构图仰视构图可以得到一种很雄伟、很大气的效果,在森林里或者高楼大厦的下面使用这种构图,空间感会特别强。4. 俯视构图与俯视构图相反,这种使用从上往下看的视角,可以让画面显得很壮阔。5. 鱼眼镜头即模仿摄影中的广角鱼眼镜头,将整个画面进行扭曲,呈现出球形的效果,加上一些元素的远近对比,空间感会特别强。6. 景深镜头即画面中会有一个焦点元素,而位于该焦点前后的元素都做模糊处理,以此塑造出空间层次。当然,设计不等于摄影,所以仅仅是使用一个构图并不能保证画面会具有很强的空间感,还需要根据透视关系调整元素的大小和光影,即近大远小原则和近光源亮远光源暗的原则。空间感很强的画面用这3类场景1. 城市 CBD 中心区在高楼大厦林立的城市中心广场,无论使用仰视还是俯视的构图都可以得到空间感很强的效果。2. 街道或巷子在狭长的街道上或巷子里,两旁的建筑、树木或广告牌随着视线距离的由近及远,会呈现出非常明显的透视变化,故空间效果就会特别强。3. 大自然诸如山川、湖海、草原这种很辽阔的场景,如果使用俯视的广角镜头,那么视野就会很开阔,由近及远可以看到非常大的空间、非常多的元素,层次也会非常丰富,所以空间也会很强。以下这几类元素的运用可以有效加强画面的空间感1. 超强透视的人物或物体比如有些海报会使用透视效果很夸张的人物作为视觉主体,配合人物夸张的动作或面部表情,可以大大加强画面的视觉冲击力和吸引力。2. 超强透视的文字一些大字报画面,甚至不需要具体的场景以及过多其他元素,仅通过把主要文字放大,并进行透视扭曲就能得到空间感很强的画面。3. 超强透视的装饰元素合理的使用一些装饰元素也可以让画面的空间感更强,比如一些符合透视关系的色块、线条、云层(插画海报经常用)等等。结语看了这么多作品,现在知道怎么打造空间感了吧,这类型的海报视觉冲击力绝对是杠杠的,而且如果细节处理得好,美观性通常也会不错,赶紧去试试水吧。新手如何做好海报设计?试试网格这个神器!大家好我是花生~前几天有小伙伴在社群中讨论海报设计,提到了一个问题:虽然自己知道做海报的时候需要用网格,但是不知道网格的行列数量设置成多少比较好;也有小伙伴说自己用了网格,但是海报做出来还是不好看,不知道是哪里出了问题。阅读文章 > 欢迎关注作者的微信公众号:「葱爷」本篇来源:优设网原文地址:https://www.uisdc.com/poster-design-4
作品 配图 空间感 Hi,我是彩云。最近在 Behance 上发现一套点赞超高的作品,这一组作品看起来非常的干净、高级,看看我们能从中学到什么?学完之后又要怎么用?作品部分截图,完整作品链接请见: https://www.behance.net/gallery一次作品展示,想要视觉效果更高级,需要通过各种细节综合打磨。那么在今天推荐的这份作品中,我认为打磨比较好的细节以及我们可以从中学习的主要有以下几点:高级投影投影的延展运用留白艺术合适的展示角度强设计感配图在我近期看的作品集中,发现很多人的作品本来还不错的,结果被糟糕的展示给减分了,很是可惜。我给不少人提的建议之一是先提升自己的审美,但他们遇到的问题是不知道看啥,判断不了哪些才是好的作品,以及怎么用到自己作品中去。这些问题不知你是否也有遇到?如果有同样的困扰,今天的文章一定要看完了,因为全是干货。高级投影投影的本质就是给画面打造空间感,并突出界面内容,对于这一点我后面也会做一些延展,可能会有一些观点你没听过的。在看作品集的过程中我发现很多人不注意投影的运用,但它其实是非常重要的作品加分手段。1. 投影要干净轻盈投影在取色的时候,可以选择与背景颜色相近的颜色,然后略微加深一些,不要用纯黑色来做投影,会显脏。投影的颜色永远都需要结合环境的颜色,就想象成界面中有一个太阳光打过来,会反射周围的环境色,所以带有环境色的投影会显得更自然。比如下面这个界面展示就是把背景色和投影颜色调整为品牌橙色的色相,只是把饱和度降低到了很浅的程度,看起来就很舒服。再比如我之前做的一个 banner,右边的卡片堆叠的效果,叠起来的投影层就是用到了蓝色的投影,看起来就会显得非常干净。另外,要注意投影的距离不要太小显得不自然,颜色太深会显脏。2. 投影要针对特定的颜色进行微调使用不同的投影透明度取决于产生投影物体的颜色。对于较暗的物体,投影需要做得更强,而对于较亮的物体,投影应该是更浅一些。如果不注意这一点的话,假设两个投影都具有相同的不透明度,那么较亮物体的投影会在较暗物体的投影旁边看起来更暗。比如下面的按钮投影透明度,投影透明度都是 50%透明度时,白色按钮看起来会比蓝色的更深,可能要降低到 30%左右才显得比较一致。3. 投影要符合现实规律高级投影应该要结合现实规律,做到近实远虚。上面这张图的投影就是有些问题的,更远的投影反而显得更深,其实应该要改的更浅一些才好。做到这一点有 2 个小技巧:1)如果在 PS 中设置投影的话,可以通过调整 PS 的投影等高线。如果是在 sketch 和 figma 中做投影的话,也可以叠加多层投影来做,大家可以尝试下。2)在做展示的时候,弥散的范围建议在 6 倍左右会比较舒服,当然这个也要根据你选的投影颜色和透明度综合来调整。投影延展前面提到,投影在做展示的时候,其作用就是打造空间感,围绕这一点我们也可以做些延展。1. 增加简单图形在作品下面增加简单图形,既不干扰作品,又能通过穿插增加空间感。2. 增加插画元素用一些品牌插画,元素,甚至图标给作品增加穿插,增加空间感。3. 增加 3D 元素给作品增加简单 3D 元素,比如球、三角之类的元素。来自 Behance,审美打卡我曾经做的界面包装4. 改变材质把界面做成毛玻璃效果,再做穿插,进一步增强空间感来自 behance,星球审美打卡5. 深色界面有人问,如果界面本身就是深色的怎么办?其实也是基于空间感的原理,给画面增加一些元素,与背景拉开关系就好。比如下面这样来自 behance,星球审美打卡来自 dribbble,星球审美打卡来自 dribbble,星球审美打卡大量留白想要提升作品的逼格,使用大量的留白是非常好的技巧。但在给星友沟通作品集的时候,得到一个奇怪的说法,说是要把作品限定在多少页以内才更好。我觉得这有点本末倒置了,作品要多放精华内容没错,但不是以页数来体现的,展示的时候还是以提升逼格为主,不要影响作品本身的视觉效果。每一页 PPT,重点展示一件作品就足够了,物以稀为贵,像一些大牌奢侈品就特别喜欢大留白。Apple 手机官网截图香奈儿官网截图举一个反例,下面是某位星友的作品,其实这样的网页展示,一个页面单独整理在一页是最好的。当然前提是每一页的设计差别较大,如果太类似的话,放一页就够了。如果网页比较长的话,可以按分屏来展示。星友作品截图就像开头的作品那样调整下,逼格立马就能上来。展示角度作品在做展示的时候,不论是自己设计还是用样机,有一个标准就是一定不能让人看不清细节,不能做了角度变化之后丢失细节。像开头的作品展示,都是用了一些相对没那么夸张的角度,这样做的一个好处是能看到细节,即使是想带一些角度,增强设计感的话,也一定要以能看到细节为标准。比如像下面这样就可以了。高质量配图一个作品中的配图其实非常关键,甚至配图能直接把你糟糕的设计拯救过来。但遗憾的时候,很多人在展示的过程中不大重视自己的配图,我在跟星友交流过程中会发现大家对于配图存在一个误区,就是觉得配图一定要是真实的,有些人甚至觉得作品里呈现的一定是要去线上截图。我想说,如果这样做会把你坑得很惨。原因有以下 2 点:线上的图存在非常多不可控因素,所带来的视觉效果不一定代表你真实的视觉设计能力;审美是设计师的核心能力,如果你放一堆审美不在线的图,那别人有理由怀疑你的审美是有问题的。既然配图这么重要,那怎么做好配图这个事呢?有几个小技巧:1)符合调性配图要符合产品的调性,像开头的作品中,黑白干净是它的关键调性,那么选的图也是这个范的。2)真实可信尽量让配图看起来真实,别偷懒用重复的图,包括图中用到的数据也尽量真实。像下面这位星友的作品展示就有内容重复的问题,稍微花点时间就可以优化好了。星友作品截图3)加强设计感在放界面展示图的时候,界面中放的图尽量多一些设计感,体现你的审美。关于高质量配图我之前也有专门写文章《如何选到设计感强的配图,我总结了这 7 个实用方法》,文章中也分享了很多我自己收藏的高质量配图,大家有需要的也可以去阅读下载。如何选到设计感强的配图?我总结了这7个实用方法在设计中,判断一张图是否好看的时候,你通常会从哪些角度去分析?阅读文章 > 总结最后总结下,今天主要是从作品展示的角度,给大家介绍了如何利用好投影、投影原理延展、留白、角度、配图等方面给自己的作品展示加分。这些技巧操作起来很简单,但又非常有效,具备很强的实用性。彩云希望大家把这些常用技巧真正用到自己的作品集中去,提升逼格,找到自己理想的工作!只需少量修改,就能大幅提升作品集质量的8个技巧!写在前面:经常帮社群里的同学看作品集,发现很多问题其实是会有共性的,今天就分享其中一部分我看到的,可能只需要做少量修改就能大幅提升作品集质量的技巧。阅读文章 > 欢迎关注作者的微信公众号:「彩云译设计」本篇来源:优设网原文地址:https://www.uisdc.com/behance-recommend-portfolio