版面设计原理二

用户头像
北京/UI设计师/8年前/1777浏览
版面设计原理二

版面设计原理,适合初学者,浅显易懂。

版面设计原理

第二章/添加变化


1、留白——要有目的性,合理搭配

均等的留白整齐,但是单调。

留白较小的就会产生关联性,但是拘谨;留白大的就会凸显、引人注目、奢华高级,但是冷清。

有关联的编组易于阅读。


2、粗细度——分量

同一字体由细到粗,称为“字族”,相同的基础上做出不同的变化。

粗细要搭配着来。

颜色深则重,颜色浅则轻。


3、尺寸

打印尺寸,一般情况下word的版心尺寸140×230(㎜),也就是图文的面积。

出血,就是把多余的裁切掉,一般是3㎜。

尺寸的大小比例也称为“跳跃率”。


4、跃动感——太严肃也未必是件好事

可使用有动感的图片。




打乱部分平衡。


使用有方向感的图像元素,比如箭头等。



有文字要按照基准线对齐,手写体与常规的字体搭配更有动感。



5、退底——根据图像的轮廓裁剪

图片可以倾斜摆放或者作出尺寸的大小对比能给版面带来变化。

根据图像本身改变背景。




6、边界

细线:纤细、冷酷、神经质。

粗线:沉稳、沉重。

设计感的线:装饰的,时尚、流行。

有特殊意义的线性:对话框、圆角矩形等。


7、点缀

前提是版面不动,追加一些细节的视觉元素,分量不能很重,可重复使用的。图中标红的虚线和列表样式。

选取图形中的元素做点缀。




8、立体

可适当做一些阴影、光晕等。

做成三维立体的,有突出的感觉。

黄金比例

1:1.618——黄金比例

1:√2——白银比例



第三章/突出强调


1、反差——要适当,别到处都是

明暗反差,视觉印象最深,黑白,如果随意使用就感觉廉价了。

尺寸大小的差异。

密度差。

笔画的粗细。


2、差异

在统一的样式里,为了强调某一个时,可做特殊处理。


3、孤立

强调某一项目时,可用线框、分割等,也可以周围足够留白。

当然,还要判断要素是否适合被孤立。


4、放射

可起到凸显位于中心要素的作用。

中心不一定是版面的中心,图像的中心也可。

“集中线”——起到把寻找中心点的视线引导到要强调的项目上的作用。


5、软硬

直线、矩形——硬。

曲线、圆角、投影、模糊——软。


6、面孔——吸引视线

面孔相对于版面的比例称为“面部比例”。

面孔的大小也会影响版面的气氛。


费茨法则——目标越大越容易找到,时间就越短。

事物必须出现在该在的位置,不然容易迷失目标。



第四章/设计技巧


1、节奏——音乐版的律动

同一形状以不同的尺寸、方向、位置等配置,可以变得活跃。

加背景,使有规律、相同的变得活泼起来。



2、比例

大小的对比,整个脸部放大或眼睛局部放大——制造视觉冲击力。

使用人们较为熟悉的人或动物等做素材,动物放大,人缩小。



3、数量感

不是越多越好,可以适当的大小对比。

赋予不同元素相同的样式,并做个别处理。

或者同在一个渐变的样式里,达成协调统一感。


4、夸张变形

人体:正常6-7头,模特8以上,卡通人物3-5。

夸张,脑袋放大、五官局部放大,提高了要素的信息性,也增加了趣味性。


5、质地感

给文字加质地,起到强调的效果。

背景要慎重使用,质地和版面内容稍微偏差,内容就会被质地支配,用户就只看背景了,阻碍了信息的传达了。



6、拟态——亲近、敞开心扉的感觉,熟悉

对于陌生的事物,人们都会抱有警戒心里。

图标、标志等都用人们常用的熟悉的。


7、印刷加工——纸张、油墨、形状、要素

非涂层纸——也叫胶版纸,凹凸不平,有画图纸、复印纸、书籍等。

涂层纸——也叫铜版纸,凹凸均匀、细节清晰。

原色印刷:CMYK四色油墨。

特种油墨:可凸起的或具有光泽的。

模切:印刷完的裁切。

烫金、烫银:金属质感。

最后:折叠、装订。


8、增加故事情节

忌全盘托出,要做减法,这样能丰富想象力。眼睛有联想填充不足部分的力量。有点像完型。

因素:

时间——可以把图像要素背景减淡,做旧,看上去很遥远,可以唤起回忆。

感情——眼神、表情,可保留局部想表现的。

背景——随意。


爱德马法则——AIDMA


对人消费行为五个过程的分解:

注意——Attention

兴趣——Interest

欲望——Desire

记忆——Memory

行动——Action



第五章/颜色配搭


1、基础知识

加法混色:红、绿、蓝,光的三原色——RGB。

减法混色:用于打印的油墨,青、洋红、黄、黑——CMYK。

梦塞尔色环:色相、明度、纯度。


2、颜色的视觉辨认性

明度的差异决定颜色是否能被看清。

不亮不暗的中间颜色的图片不易搭配文本。


3、色调和谐的配色

统一明度和纯度,可以使版面更加和谐,防止部分颜色太跳,除非想达到这样的目的。


4、配色塑造形象

根据身边的事物、大自然的色彩来设计想要传达的意图:

春天——嫩叶、花朵、爽朗的晴空等。

古典——古木、家居、木纹等。

冰冷——水、冰、金属。

流行——大自然里见不到的色彩搭配。


5、强调色的用法

色相对比、纯度对比、明度对比、补色对比、面积对比。

28
阅读原文
|
举报
|
43
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
牛奶乳液层次平面平铺平面
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
古风平面仕女与瓷器
水蜜桃和李子的平面水果图案
倒计时,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
金色颗粒质地的平面
中国传统纹样创新图案设计
海底世界插画
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
平面书法字手写
平面设计 吊牌设计
城市园林平面布局航拍
金色颗粒质地的平面
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
你可能喜欢
大家都在看
登录注册