【UIDX · 笔记】单页设计指南

单页的作用:

促销活动或者割裂比较明显的专题,或者说较为独立的内容,那么设计这个页面和平时的套路不太一样。

看500强官网,你看别人这样做,你也这样做。但是到这种特别复杂的页面就不能那么做了,因为信息量太过于庞大,不像是你做软件界面一样那么简单。 

跟专题页比较类似的还有宣传画,或者说banner。设计一张平面图分为三个步骤,第一个骨,第三个肉,第三个皮。 

骨指的是构图,而肉指的则是样式,,也可以叫装饰,或者陪衬,皮就是所谓的细节。 

先说一下构图,从哪里来呢,比如对称构图,水平构图,对角线都图,有很多。

构图实际可以用一个米字形来显示。很多专业摄像机有这种网格: 

为的是摄像的时候方便构图。再说米字形: 

你的眼界决定你设计的结果,这几根线是摆放画面主义的依据,人在对角线中间可以说是中心构图,人平躺在中间可以说是平行构图。

那这些线怎么用呢?各类物体的重心。当人出现在画面的时候,整个人是一个方块,当人面部在画面的时候两个眼睛是重点,当人摆出姿势的时候胳臂手的角度是重点。 

这组字本来是很普通的一组字,但是却形成了三角构图。 

对角线构图。 

强行倒三角。构图的重要因素是在线的基础构图方法上掌握平衡。 

如果需要排列这张图有几种方法? 

人的面部是这幅画的焦点,或者也可以按照九宫格的方式,黄金比例: 

但是下一句保证平衡就有意思了。 

这张图的平衡手法,实际是应该左上角也是涂黑的,但是他把涂黑的地方变成了文字,保持平衡,这是这幅画的设计技巧。 

当你看到一张图很好看的时候,里面肯定不只是一种手法,你吸收了构图,但是你未必能学到元素,细节。 

这个只能说手段更为丰富了,你看手机那么放,你也那么放了。不同点的大小以及角度让画面更为活泼了。 

你在看每个作品上你要看到骨,比如一条横线,围绕横线摆了四个东西: 

学骨的方法电影海报做的最好: 

他们抄袭的是骨,就是什么地方放什么东西。每一种构图都有他的特点,比如压迫型,毁灭型: 

描写群像。让人感觉人物无力。构图是学习别人排布的方法。 

当罐头加入水的材质之后,其就有了湿润的效果,或者说和水有关联。保证罐头的质量重量感。那么这个也可以认为是皮,也就是细节处理。

做banner的时候先考虑骨构图,然后是肉,也就是元素,最后的皮,元素是真正考验功夫的地方。细节过多是乱,细节过少是无力,这个度的把握也就是设计功力了。 

这个基本就是在胡来,花花绿绿的一大堆,根本不明白这是要表达个什么。从方式,到物体,到最后的细节处理,是考验功夫的,没法速成。

肉:物体和物体之间要有联系,图如何和字联系在一起,那无非是图右放字,图左放字,图上放字,图下放字。或者图中间放字。 

字和图之间构成的是走的关系,一前一后,这个图带有一个运动的属性,比静止的好了一点,这是根据物品属性做出的设计,那么还可以根据其它属性,比如展示,那就应该是很多双鞋,平面里面的重复: 

带有团队感受,如果摆成一圈呢?很多平面设计的方法在很多著名海报都有涉猎。你看到每一个海报,一个东西你要考虑到其设计手法,以及优秀的地方。 

U I D X · 笔 记

欢迎【点赞】【转发】爽Yy在此谢过~