请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

扫一扫,访问微社区

搜索

版式设计的骨骼

[复制链接]

157

主题

201

帖子

2394

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2394
11655 糖2豆豆 发表于 2017-2-20 15:44:48 楼主
一.点的运用1.不同形状的点往往给人以不同的视觉心理感受

案例



圆形:
平稳,在感情上是饱满的,浑厚有力量的。

案例




方形:
除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。

三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有目的性的。菱形比三角形对称,在平衡中寻求个性。其他不规则的图形,显得富有自己的个性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。


居中:平静,稳定,集中感
居上:不稳定感
居下:画面有沉淀,安静的感觉,但是不容易被人发现。
在页面三分之二靠上时:吸引人注意往往是视觉的焦点。






还是举日本节气网站这个例子,进入某个节气后首先映入眼帘的是正中央的节气信息,第一时间让用户看到最想知道的内容,正中央圆角矩形的设计,隐喻传统印章,安静且舒适。而内容相对而言在视线的偏上方从纯色背景到高清大图设的背景设计上非常有层次感也不会觉得枯燥。

案例





3.当画面中有不同大小的点时,大的点是焦点。而点不同的排列方式也会产生不同的视觉心理感受

当一个画面中有很多零散的点分布时,用户的视线会来回游移,而设计的目的就是如何让他们在不规则中不显得凌乱。




例如这个站点画面里有三个较大的点,大的点往往吸引人的注意,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。三角形的位置在页面的三分之二靠上,正好在视觉焦点的位置。

案例


也说明了当你的视觉元素非常多时,把想要突出的内容放在偏上或者居中的位置,才容易被识别。





二.线的运用

如果说点是静止的,那么线,就是点运动的轨迹。
游离于点和形之间,它具有位置、长度、宽度、方向、形状和性格等属性。

不同的线有不同的感情性格,线有很强的心理暗示作用。

直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。

不同方向的线条和不同的排列方式也对用户起了不同的引导作用





案例



如上面所示左图是瑞士航空公司的海报设计,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。

中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的变化。

右图是一张获得红点大奖的呼吁节电的海报,画面中简洁的直线并带有向下的方向感,即能引起关灯的共鸣也能将不插电这种概念表达出来。

线还有分割画面的作用,线有连贯性,画面因为它的分割而变得生动有趣,对于阅读顺序有着决定性的作用。

再如下图的网页用中央的一根直线将页面划分为左右文字信息和数据可视化的两个部分。

案例




再如下图版式设计中的曲线运用,贯穿整个页面,打破了整齐的文字排版,打破了乏味的基调。












三.面的运用

面是线的移动至终结而形成的,面有长度、宽度,没有厚度。

面的形态是多种多样的,不同的形态的面,在视觉上表现不同的情感。

直线形的面具有直线所表现的心理特征,有安定、秩序感,男性的性格。

曲线形的面具有柔软、轻松、饱满、女性的象征。

不规则的面如:水和油墨,混合墨洒产生的偶然形等,比较自然生动,有人情味。






案例




使用道具 举报 回复
余1391 发表于 2017-2-20 14:55:52
沙发
感谢分享
使用道具 举报 回复 支持 反对
陆凡 发表于 2017-2-20 14:51:29
板凳
说的非常好
使用道具 举报 回复 支持 反对
93zyzo4dpo 发表于 2017-2-20 15:08:27
地板
很好哦
使用道具 举报 回复 支持 反对
珍丽4968 发表于 2017-2-20 15:28:13
5#
不错不错
使用道具 举报 回复 支持 反对
bzmdmezjec 发表于 2017-2-20 14:48:01
6#
使用道具 举报 回复 支持 反对
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则