详细解析设计中的图文板式布局

2016-02-17 00:22 10 1 收藏

今天图老师小编要跟大家分享详细解析设计中的图文板式布局,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - 平面设计 】

视觉设计趋于简洁化,图文的版式越发显的重要。

现在,让我们一起回到设计中最基础的部分,图文关系是一个很容易出问题的地方,如果我们不知道如何正确处理这些关系,那么最终设计的界面效果将会是非常糟糕。

详细解析设计中的图文板式布局,PS教程,图老师教程网

一起来看看应该如何正确使用它。

图文左对齐排列

四大基本排版方式中,使用得最频繁的就是左对齐,这种以主线为基准左对齐的方法十分便于阅读,我们自古以来就是采用左对齐的方法书写文字,它的使用源于方便美观这一传统观念。

所谓左对齐,就是在这一行读完之后视线返回下一行同一地方即可,对读者来说十分方便。而且,对齐也是创造美感的方法之一。

宣传册、杂志、海报、网页所有这些东西采用的都是左对齐的方法。不管是多么杂乱无章的东西,只要字头对齐,就会显得井然有序,富有美感。不论是竖版还是横版,都可以采用左对齐。

左对齐很便于阅读,又富有美感。尽置使文段左对齐。左对齐的例子比比皆是,希望大家多多参考身边的例子。

详细解析设计中的图文板式布局,PS教程,图老师教程网

重墨堂新锐的视觉形象设计作品集

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

通过加大字号跳跃率,插入大置照片等方式,达到使读者情绪高涨的心理效果。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

图文居中排列

居中是排版技法中最传统的方法,即让整体的设计要素居于画面中部的技法。

居中具有使画面看起来匀称整齐的效果。居中的优点就是,可以使画面更加均匀整齐。

匀称的版式设计,更容易让人感觉到品味与风格,所以经常被用于古典音乐会的海报、乐队的广告、高级展览会海报和封面。

详细解析设计中的图文板式布局,PS教程,图老师教程网

水墨企业文化合作

因为居中也会使设计看起来比较普通,所以加上一些变化的要素是关键。

文字画面沿中心线排版,可以使画面左右匀称;左右任意一边加上一些设计,就可以打破平衡,产生律动,富有变化;在画面中心画一条线,就可以知道这个设计完全居中。需要注意的一点是:主题图案也要对称,因而也是设计的关键。

居中虽然能让画面看起来匀称整齐,但同时也会让画面失去活力。一般要通过图案、色彩、文字来赋予它变化。

布置文字时必须考虑到整体平衡,居中设计如果太过对称就会失去活力。

对称

我们平时所说的一般是指轴对称,其实对称包含两类,其中一种当然就是轴对称。

详细解析设计中的图文板式布局,PS教程,图老师教程网

还有就是以一个点为中心,相同图案环绕一点的点对称,也称作中心对称。

居右对齐

四种方式中,最少使用的就是右对齐,也就是使文章结尾对齐。如果书是从左面翻开,这时,右侧的文字,采用右对齐的方式,翻看起来比较容易。这就是右对齐,也就是将文章结尾对齐的技法。

在右翻的书中,因为不是左对齐,所以读起来不是很方便。但是只要是从左面翻开的书,就必须用右对齐。在杂志的封皮和特集页,右对齐是必须要利用右端时的重要技法。这一技法归根结底还是重视右端。

右对齐是沿着基准线将文章结尾和照片右侧对齐的一种技法。而这样一来,文章开头就变得很凌乱,读起来很困难,所以还是少用为宜,只在小范围内使用,这是很重要的一点。

详细解析设计中的图文板式布局,PS教程,图老师教程网

右对齐时,右侧有一条基准线。如果将所有文章结尾都对齐的话,就会产生统一感,给读者阅读带来的不适感。

图文装箱式排列

每行的字数是固定的,翻看时,文字就好像套在一个个小盒子里一样。这种文段排布法称装箱式。正文通常都是使用装箱式。

除了正文,说明部分通常也会使用装箱式,因为这种排法看起来十分美观。

装箱式文字输入,就是先确定每行字数,写满之后就换到下一行。需要特别强调的地方可以用线将文字框起来,这就是边框式。

详细解析设计中的图文板式布局,PS教程,图老师教程网

最传统而又具稳定性的,是将文字放进一个四角形之中。将四角变圆,可以使图形看起来更加柔和。菱形虽然看起来是最不稳定的,但很能引人注目。圆形比较适合象征性的内容或者一些特别的消息。箭头形状,既可以指明方向,又可以在其中输入相关的文字信息。

详细解析设计中的图文板式布局,PS教程,图老师教程网

边框形式,就是用线将文字框在里面,我们一般都用不太显眼的细线,因为只要让大家知道这是一个需要特别注意的地方即可。

如果想让这一部分更醒目的话,可以用粗线或者花边。

不过边框使用过多的话,就会使页面丧失整体上的统一感,所以在一个画面中边框的使用必须适度。

装饰框

将文字周围用边框装饰起来,这个边框就被称为装饰框。据说早在古希腊时期就已经开始使用了。之后宗教中的绘画以及神像也使用装饰框来装裱,这就是现代装饰框的原型。文艺复兴时期私人开始收藏画作,用来装饰房屋。版式设计经常是使用装饰框中的一种,用来达到突出的效果。装饰跟简约是两个相反的概念,但同时又都是设计中的基础。由边框装饰文字,有时可以起到更好的效果。

详细解析设计中的图文板式布局,PS教程,图老师教程网

详细解析设计中的图文板式布局,PS教程,图老师教程网

陈幼坚作品

结束语

图文关系在视觉设计中非常的微妙,甚至超过了单纯的语言描述。即使在最简单的应用场景中也存在着类似语气和风格的丰富变化。就像有句话说的最简单的术,也是最基础的术,精者谓之强人!

来源:https://www.tulaoshi.com/n/20160217/1576797.html

延伸阅读
别把设计想复杂,一听到设计大家都觉得是多么深奥的一件事情。我们的生活确实离不开设计,设计给我们带来了很多的便捷和美的享受。我想设计不是创造,而是发现。设计来源于生活,在点点滴滴中发现美的,丑的,寻找大自然的规律,应用其中。只要我们掌握了规律,就能信手拈来,完成一个满意的作品。那么在视觉设计中,有哪些表现手法(规律)呢? ...
最近看了一些教程,总结一下学到的东西,分享给大家。 细节1:中间部分的圆角矩形,如果是纯色的话会使画面有些呆板,处理方法是画一个圆填充执行滤镜-模糊-高斯模糊,适当调节数值,并将图层的色彩叠加模式改为颜色减淡,适当调节图层的不透明度。 细节2:对于图片中的那种五角星的画法,只需要画一个矩形,执行"ctrl+t",并将...
生活中总会有些状况让我们无所适从摸不着头脑:面对一排电灯或空调的按钮,哪个才是控制我想要的?开锁时掏出一把钥匙,哪个才是正确的?拿起U盘插入电脑,朝那个方向才是对的?类似的犹豫充分说明,你呆住了。现在,是需要防呆设计来拯救你了。 防呆定义 防呆(日语:ポカヨケ;英语:Fool-proofing)是一种预防矫正的行为约束手段,运用避免产生...
建筑与雕塑在光的作用下,让我们领略到了作品的神圣、结构的清晰、空间的真实 艺术摄影的炫光和强光,凸显的的是神秘、高雅与个性 广告大片中强光源对比的手法,能让模特更加立体有层次,凸显品牌的调性 光影涂鸦也被人们称为光绘画、光电涂鸦,慢慢成为流行的一种街头和时尚的艺术活动,神秘感扑面而来。 光影是网页设计中...
视觉层次是什么? 领导和客户经常说的一个点就是,xxx,这个设计总感觉少了点什么东西,太平了,没有层次呀,你再改改吧~~你脑中可能一片雾水,层次听过也知道,但怎么做呢? 那什么是视觉层次呢?其实视觉层次没有明确的官方定义,但我们可以理解为通过点、线、面、色彩、图形等造型元素来表达平面构成与空间构成的方式,合理的点、线、面、色...

经验教程

303

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部