如何解构好的作品呢?在我们的设计生涯中需要多看多想,当然要看很多的好作品来提高自己的审美,扩展自己的武器库。那么当我们看到好的设计作品时怎么办呢?大多数情况下我们都会选择看过之后就没有然后了。其实我更建议大家把好的作品保存下来,然后去思考这个作品为什么要这样做。
也就是知其然,知其所以然,知道它为什么好,好在哪里,这样的思考过程对自己的提高是很有帮助的。现在我以一组Adidas的海报作品来进行解构,我们一起来看看这张海报为什么如此美观大方?
就是这张海报作品,下面我们对其进行分析解构,这个海报漂亮有两个方面原因:第一个原因是选择的底图好看,细节足;第二个原因则是版式排的好看。
我们重点解构它版式排版这一块。首先从版式上来说,它里面的点元素相当于划分的网格:
这样大家可以看明白,除了四周的天头地脚和左右页边距,这些小点将页面划分成了6*8的??橥?,如下图。
问:这样栅格化就是为了文字排版?
答:对,网格系统服务于排版,但是字的精致程度和字号大小、行距字距也影响着版面的美观。
接下来我们继续分析,其中它的主标题是SEASON1,占据了两个??橥竦某ざ龋旅娴恼脑蛘季萘巳瞿?橥竦某ざ群鸵桓瞿?橥竦母叨?,如下图。
那么为什么一个占据两个模块,一个占据三个??槟兀恳蛭谐ざ榷员雀杳芏员?,可以看到主标题是采用了宽松型字距的。
问:其实这个按你那样说不科学,为什么画了网格英文几行就卡着网格,右上和右下就不卡着?
答:我这个网格没画标准,只是从宏观上分析别人的作品而已?;卮鹉阏飧鑫侍?,因为这个版面是按小点的中心对齐的,如下图。
上下两行都是在旁边点元素的中心线上,明白了嘛?
另外网格不是一个死东西,是可以无限划分的。比如我现在是6*8的网格,我们还可以每个网格之间平分,变成12*16的网格。但最终决定排版美不美观的因素是什么?答案是审美,只有你的审美好你才能做出漂亮的设计,网格系统什么不过是辅助的工具而已。
比如一个画家,就算给他一根树枝,他也可以在地上画出惊艳的画作,但对于一个不会画画的人,就算给她全世界最豪华的画材,他也画不出好的作品。
下面我们详细讲一讲这个版面中的网格。其实这个版面一开始是可以从双栏网格开始划分的,如下图:
先从双栏划分,比如小文字就占据了一栏,留白占据了一栏,而后每个栏又划分成三份,能明白嘛?
右上角的LOGO也是占据了一个??橥竦拇笮?。
那我们来看上图这个LOGO为什么没按照??橥竦某ざ壤茨??这就是我说的网格是可以无限划分的应用了。
再具体分析的话,就像图上一样,它其实是又把左侧的网格对半分了一下,所以这个Adidas的LOGO占据了一个半??橥竦某ざ取M癫皇呛芩拦ぞ?,一切都在于灵活运用与审美上。那些说网格排出来的东西很死板的人根本就没有深入的了解网格系统。
从宏观上我们分析完了,再来看看为什么好看,其实排的好不好看一个重要的原因是取决于字体的精致程度。
从图上可以看出他用的字体是非常精致的,字体名称叫AdiHaus,是Adidas的御用字体,所以用好字体也是关键。但是这款字体网上并没有资源可以下载,所以我用了一款比较相似的字体来做分析,
我用的字体名叫Avenir,也是著名的具有几何化特征的无衬线体之一。
上面是Adidas的官方字,下面是我用的Avenir字体,如果对字体的敏感程度不够,一定会认为这是一款字体。两款字体主要是细节上的不同,首先从字宽来说,我选的字体就没有原来字体宽。另外笔画细节的处理上也有所不同,比如下图中对1的处理。
我们再来看看内文排版。
上边是我模拟的,从图上可以看出它文字层级关系分的十分明确,如果要计算字号的话,我们可以看出,它主标题用的是40号字,内文用的是16号字,40÷16=2.5,所以它字号之间是2.5倍的关系。
再来看一下标题与内文的字重对比,标题采用的是Bold粗体,内文采用的是比Bold细一个等级的Demi体。
所以我们可以看出这么一个美观的海报,里面包含了这么多东西,也正是这些让版面变得规整有序,美观大方。
好了,例子举完了,这就是我看到好的作品时的分析解构方法,大家学会了吗?
(本文已获得作者授权,原作者:大猫Addict,如需转载,请联系微信公众号:视觉状态设计研究所(cat_idea),感谢!)
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答《黑神话:悟空》PS5游戏版号已拿到!这几个专业,未来真的赚到了!
一款像《黑神话:悟空》这样的3A制作,其制作团队一般需要游戏策划、原画设计、3D美工、建模师、动画师、UI制作、游戏程序员等必要岗位。
今年回暖的行业不仅仅是动画,像前面提到的所有专业,如剪辑包装、3D模型、角色动画、虚幻视效、AI商业绘画、虚幻开发、室内设计等......
腾讯游戏美术春招已经启动啦!25、26、27、28届均有机会投递,实习岗位有动画、特效、3D场景/角色、2D场景/角色、技术美......
刚入学的同学,在第一次学到新软件的时候,经常会被各种快捷键整懵。但是网上download的快捷键记忆图,不一定就是合适的。这里......
官方宣布3月共134款新游戏版号过审,网传68家游戏公司超1000岗位
提前了解行业趋势,关注热门游戏和新技术如AI、UE5等;或通过了解和参加线上、线下行业游戏大赛或交流峰会,增加行业信息来源,积......
今天要分享的是武汉校区剪包专场招聘会,企业代表是曾就读于武汉校区2210期的剪包学长,这次代表公司返校,招聘视频拍摄剪辑岗位。