该让你的版式作品全”面”升级了!

版式设计中将具有面积感、体量感的元素定义为“面”。“面”既可以是有形的,是图形、图片、文字任何一种形态;又可以是虚无的,画面空白、图形间隙也都能成为面的形态。

与“点”、“线”相比,“面”具有明显长度和宽度,在空间上占有的面积更大,因而视觉冲击力更强烈。面的大小、虚实、空间、位置等不同状态都会让人产生不同的视觉感受。

“面”的形态多种多样,如线条硬朗的直线面、圆润亲和的曲线面、自然生动的自由面等,不同的形态的面使人产生不同的视觉心理。

“直线面”指由直线构成的面,轮廓具有明显的规律性,如矩形,三角形、多边形等。直线面与直线有着相同的视觉特征,如坚硬、锐利、稳定感等。

矩形图式是最常见的图片形式,它能完整地传达图片信息,富有直接性、亲和力。优点是易于排版,整齐有序,构成后的版面稳重、严谨、大方,较容易与读者沟通。缺点是灵活度较低,用得不好会显得呆板,形式感不足。

使用不规则的直线面进行设计,可以创造出丰富的版面结构,增强形式感和趣味性。

“曲线面”指由曲线边构成的面,如圆形、椭圆形等。与曲线有着相同的视觉特征,给人随意、舒适、柔美的视觉感受。

圆形给人饱满、完整、柔和的视觉感受。当我们看到圆形,会产生寻找圆心的愿望,所以使用圆形很容易形成视觉的聚焦,吸引人的注意力。

其他形状的曲线面优点是趣味性和形式感比较强烈,可以创造较为丰富的版面结构。缺点是排版难度较大,因为图片形式越是复杂,与其它的图形和文字配合的难度越大。

“自由面”指无规律、复杂多变、不可复制、偶然产生形状,视觉感受自然、生动、有灵性。如高山、花草、水墨的形状等。

自由面的轮廓形式多种多样,运用在版式设计中很考验设计师想象力。优点是可自由发挥设计的空间很大,缺点是操作难度高,画面排版难以把控。

“面”是版面设计中强有力的造型语言,在版式设计中很多时候都充当着主角的作用,刻画主体视觉风格其实就是对“面”的刻画。主体风格确定以后,可以运用“点”、“线”作为辅助元素,提升画面设计感和丰富度。

以人物图片的“面”作为画面的主体,通过双重曝光的表现手法进行刻画,形成独特的美感和艺术感。最后运用“点”和“线”来点缀装饰以及活跃丰富画面。

“面”还具备承载元素功能,作为信息载体可以强化与聚集内容,将相关的信息放在同一个面上,使元素之间更有组织关联性,避免版式过于松散空洞。

当版面背景比较复杂时,用“面”来承载文字信息,能保证信息清晰有效的传达,同时也可以增加画面的层次感、提升画面的丰富度。

“面”能起分割画面的作用,把原本层次不够分明的版面通过面的形式分割开。《小森林·夏秋篇》电影海报通过“夏”、“秋”两张具有代表性的图片,把版面分割为两个“面”,直观的传达出电影主题。

当有多个内容需要展示时,用不同的“面”把信息进行归组,并进行空间的划分,可以使信息传达更高效。

利用“面”对画面的分割,巧妙的通过正空间和负空间互相渗透、相互衬托形成虚实相生的作品,可以产生很多令人惊叹的创意,具有独特而又强烈的视觉冲击力。

为了让大家加深对“面”构成在版式设计中运用的理解,运用本期知识点进行设计示范。

首先设计画面的主体。

1、在AI中打出“面”字,填充黑色,描边改为白色,大小“3pt”。复制一个文字按“shift”+“alt”键从中心等比例缩小。

2、在工具栏选择“混合工具”,分别点击两个文字,再双击“混合工具”调出“混合选项”,间距选择“指定的步数”、“10”。

3、右键取消群组,双击文字群组进行编辑,选择较大的文字,描边改为“0.5pt”,这样形成文字描边从细到粗的渐变,加强了主体的纵深感。

4、拉长文字组,使构图更加饱满。

最后加上本期文章的知识点文字,因为版面背景比较复杂,所以使用黑色的“面”来承载文字信息,保证信息清晰有效的传达,同时也可以增加画面的层次感、提升画面的丰富度。

“面”既可以是有形的,是图形、图片、文字任何一种形态;又可以是虚无的,画面空白、图形间隙也都能成为“面”的形态。“面”的形态多种多样,如线条硬朗的直线面、圆润亲和的曲线面、自然生动的自由面等,不同的形态的面使人产生不同的视觉心理。

面在版式设计中的作用:

1.主体作用:“面”是版面设计中强有力的造型语言,很多时候都充当着主角的作用;

2.承载信息的作用:用“面”作为信息载体可以强化与聚集内容,还能保证信息清晰有效的传达;

3.分割画面的作用:用不同的“面”把信息进行归组,并进行空间的划分,可以使信息传达更高效。


欢迎关注微信公众号:艺海拾贝Design(ID:YHSBds),回复“”获取设计源文件、练习素材和参考资料。


往期回顾:

学好这“点”知识,让你更懂设计

发现版式设计的新“线”索

公众号又改版了,文章推送的时间线被完全打乱虽然本号还是每天8:26准时发文,大家也不一定能收到推送了

。为了不失联,请点亮星标在看吧!

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

-->
QR code