@研习社K先生 :「设计理谁都懂,换自己不会」这作品改系列从出以来受到大家欢迎,那么本期我们会继续挑选具有代表性设计案例进诊断改,希望能够为设计师们在今后工作提供些借鉴新思路。接下来让我们起进入今天内容吧。
本期为我们提供设计文件是邮箱尾号2902这位朋友,感谢这位朋友我们提供设计内容。经过网络上资料查询,我们大概了解到了这是国邮9月19日电商节日海报,内容上是销售条藏品促销活动。
首先我们先说说这个海报都有哪些优,我们不要知作品哪些地有不足处,也要明白有些想法并不是这样做不,而仅仅没有处理好而已。
在字形的选择上并没有出现过于花哨的字体。没有拉伸变形和各种光效,在字号上也有层的对比。通篇选择了比较中性的黑体和无衬线体,仅在一段文字上添加了宋体,形成字形上的对比作用。因为大部内容是在说价格活动的息,所以从字义上选择黑体也更加体现了这种促销的印象。
版面一共用两种相和黑白的无彩相搭,其中黑与黄红的搭也是设计中比常见的彩组合。
以黑为主的视给人带来具有高级与品质感的印象。
在元素的编思路上是可保留的点。版面中的体由一个图形产组成,问题在于的这一图形从外形上看并没有与产具备太大的联性。从外形上看并知道是金的拼音首字母,还是产名的开头汉字。
色的产在黑色的烘托成为了绝对的视觉焦点,同时在位置上是在版面的中心,这都会产变得备受瞩目。版面倾斜的图形会供一些态的稳定感,这是一种防止版面变得呆的手法,与之对应的他元素就可编的规范整齐一些了。
中间图形的入升了整体的层次感,它最大的作就是版面中容变得更丰富。
我们对字的基础印象都是建立在水平的基础之上的。一旦角发生变,原本熟悉的字就会变得陌生起来,字义识别性的降低会我们更容易把它当做一个图形来进行认知。
细心的你可已经发现了,画面中的图形字并是简单的旋转了角,而是入了透视的变,这种踩着字的形式在年来的电影海报中会经被到。
在我们《聊聊图叠的种技法》那篇章中有到过这种图形与空间融合的手法,对简单的图形叠压。带有透视效果的图形会更有空间的感觉,整个画面的纵深感会随之强。
那么说了版面中的优点,接来我们在探讨一这个版面中都有哪些可改进的足之处。
首先映入眼帘的问题应该就秩序感的缺失了,那么秩序感一般都会体哪些方呢?对齐自然创建规律与秩序的首选择,新人设师易被总监指出的问题也就对齐了,除对齐之外这版面中的凌乱感也源于元素的分散,设者划分出了太多的文字块。
凌乱的色块自然就会让周围的空间变得同样复杂多变。对齐至少能够保证元素的编排具某种秩序感。当然太过规整的版面也需出变化的,否则就会变得呆板无趣起。
文粗细比太过强烈,虽然说粗细比能够起到强调信息作用,是过度比也会让们忽视掉比薄弱部分。
所以在改文大小后,我们需要尽量让他们粗细保持均衡,我们用线条来模拟版文灰度。可以看出,粗细均等线条与背景混合后能够到常匀称版灰度。
于大小距过大文,我们需要尽量让他们粗细在视觉上近似可以了。样我们用线条来模拟文,能够到比较均衡版灰度。
极端比会带来什么后呢?如版充满了极端粗细比,结是版会变常复杂,到处都是所谓信息,严干扰了内容传。
留负空间的零碎也是让版面变得凌乱的关键因素。图中方框的位置都是标注的负空间部。可以显负空间被划的非常零散不够完整。
版面编排的目的通常是为让内容信息变得更容易理。但是果因为编排的原因让内容的传达受阻,就失去身应该到的用。
原设计稿的背景中使了纯色条分割线的组合,这样的搭配虽然具有一些层次感,但由于细节的缺失会显得有些单调乏味,没有起到有效的氛围烘托作。
接下我们一下主体视觉的刻画问题,我们将元素处理观察一下,产品一共提供了两种角度,中间的这一还加入了一些高光气泡行点缀。抠图不完全的粗糙会给人一种很廉价的感觉。还一问题就这种文字的主体千万不随意行镜,这样很易穿帮的。
完了优点与不足,接下我们试重新设一下这版面。首先提取出文案信息具两种视角的产品主体。
右角左下角的这闪光点太过梦幻了,真实性并不很强,我们先去掉它,下面的这气泡好也什么逻辑。
接下另一金条行组合,让另一金条覆盖四分之一的置。这组合就完了。
接下我们修它的色温,目看色彩稍微些偏冷了。我们将它尽调整的偏暖一些,这样一整体会舒服。这因自然界中黄色的明度变暗时也会向色偏移。
接下重新绘制它的光影,图添加暗部细节。
绘制光影与质,我们给它添加一些高光,这样主体部分的刻画就完了。
主体部分的刻画就完了底部的文字换「福」字,这样不仅画面会变得加丰富一些,也让底层的图形能够内产关联性。
底层文字添加色烘托产品的高级感,主体内的面积与整页面的比例一黄金分割比。
明度高的色彩会显得距离近,明度底的置会显得比较远。
接下通过笔触丰富底下书法字的细节。
文字内部添加肌理。这样这主视觉部分就完了。
了符合产品的光影,底部我们添加一投射的探照灯效果。
接下就画面添加阴影倒影,这里需注意的,这角度下的倒影应该怎么呢?复制一层然后反转镜,这样显然不行的。这种况下我们需重新修改一下这投影的图形行。
接下添加一些火星点起到烘托版面氛围的作用,让画面显得饱满一些。同时火与金条的铸造也具一的关联性。图部分设好后,接下编排文字的部分,将信息按照中小的层级安排版面的顶部空白置。这里以色块的形式编排会易我们理解版面中文字的组结构。
高度文字部分占据了版面顶部五分之一的小,宽度则左占据两栏,右占据一栏的宽度。左右两文字组合之间预留的空间好一右侧的标题文字组宽度。页距的小与主标题的字相同,重复相的小比例,两种粗细的线条也重复小文字的粗细度。
这与绘画的思一样的,先确轮廓然后逐添加多细节,于此同时确整体的结构比例关系,然后一绘制细节部分。
上就是本期的容了,希望大在今后的工作中多思考,许一次你会遇到我们今天遇到的这些问题。只有看到明确的问题在才到解决这一问题的方法对症药。