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

没有雨季的未来

没有雨季的未来

2016-02-17 00:22

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

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

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

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

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

图文左对齐排列

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

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

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

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

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

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

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

图文居中排列

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

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

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

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

水墨企业文化合作

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

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

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

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

对称

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

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

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

居右对齐

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

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

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

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

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

图文装箱式排列

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

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

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

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

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

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

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

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

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

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

装饰框

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

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

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

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

陈幼坚作品

结束语

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

展开更多 50%)
分享

猜你喜欢

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

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析设计中的图文板式布局

详细解析网页设计中的F式布局

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中的F式布局

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细介绍平面设计中的板式设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细介绍平面设计中的板式设计

详细解析网页设计的分割布局秘密

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计的分割布局秘密

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

详细解析国外优秀布局的网页设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析国外优秀布局的网页设计

详细解析网页响应式布局设计技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页响应式布局设计技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

如何把你的图标转换成web字体

如何把你的图标转换成web字体

11个好用的jQuery拖拽拖放插件

11个好用的jQuery拖拽拖放插件
下拉加载更多内容 ↓