文字排版之懒人法则,药到病除!

对于新手来说,确实不怎么在意排版,更有甚者连排版是什么都不知道。看到这些在媒体人路上越走越偏的人儿,为了不让新媒体未来的希望破碎,我只能根据自己的经验来给大家说说文字排版和图片排版,即版式设计。

对于新手来说,确实不怎么在意排版,更有甚者连排版是什么都不知道。看到这些在媒体人路上越走越偏的人儿,为了不让新媒体未来的希望破碎,135编辑器小三儿就根据自己的经验来给大家说说文字排版和图片排版,即版式设计。


640?wx_fmt=jpeg&wx_co=1



以下封面不针对与任何公司和个人,纯碎设计交流,注意前方高能前方高能~


一直以来,我都有着每天浏览方案的习惯,实际的方案文本可以让我们全面的了解项目。但每次点开早就下载好的文件,迎面就扑来了酸爽的气息:


grey.gif


看这销魂的绿色和五颜六色的色块,看到这种封面你还有心思往下看吗?当然还有这样的:


grey.gif


一大片幽兰占据了整个画面,随意摆放的字体,甚至手绘的效果图也是蓝绿色的,怎么看都不是自然和谐啊亲~


grey.gif


居然还有这样的,设计师究竟遭遇了什么~

你也许会说难看,但你知道他们的问题到底出在哪了吗?其实很简单,他们都没有信息分组~所以我的懒人法则一:信息分组


grey.gif


方案的本质就是要让客户和读者最准确快速的获取信息,这也是版式存在的必要条件。那么作为汇报文件,我们的信息或者说手中的拼图就是图片和文字我们还举之前的例子来说吧~


grey.gif


封面的信息并不多,但设计师显然在排版的时候不知道信息的递进关系,对于汇报方案的封面第一位应该是项目名称公司名称是第二位,其余应该是最后才被感知的。


grey.gif


所以当把所有的图形信息省去之后,这两组信息应该是这样排布,注意两组信息之间是要有一定的间距的,同时为了区别信息的层级,字号和颜色都有所调整。


这会让人第一眼识别到项目名称,信息的获取是你来引导的(这才是设计师应该做的啊)一般一个版面可以区分三个层级的信息


所以明白了吧,当你两眼一抹黑不知道怎么排版的时候首先要确定你信息的重要次序,顺着排下来就可以了。电影海报就是严格按照信息的获取顺序设计的,look


grey.gif


上面我们讲的反面例子还犯了一个大忌,就是没有骨骼,我曾经学到的最多的就是版面的格式,其实任何一个版面,哪怕是很小的名片都是有格式的。


grey.gif


九宫格的版式


grey.gif


左右分割的版式


今天我们分析版式的话,可能10期也讲不完,其实有个懒人专用的版式技巧,我也是屡试不爽,那就是:文字排版之对齐!!!


grey.gif


之前我们看到这种版式,各个元素都没有对齐的关系,所以更谈不上什么骨架了


grey.gif


如果我们还用这些元素,但注意对齐的话是这个样子的:


grey.gif


可以看出来,比原来效果好多了,对齐你可以是中轴线,也可以靠左靠右,但总之单页上的所有元素遵循一个对齐规则就可以了。


grey.gif


网上下载的万用模板就是左对齐,同时也注意了信息分组,所以看上去干净清爽


以上两招是基础中的基础掌握了上面两招,我保证你的方案文本做出来不会差,不过要想做的好,我们还需要更多的懒人技巧,我们接着往下看。


grey.gif


多数人排版或者ppt的时候都习惯选择纯色,觉得颜色亮,对比强,但出来的效果往往让人更加“印象深刻”


grey.gif


对于没有艺术功底的小伙伴们,我需要你们明白一个词“不饱和色”


grey.gif


饱和的红黄蓝和白色或者黑色搅拌时就会形成灰度不同带有不同颜色倾向的灰颜色,这就是不饱和色。我们在ppt里和各种排版软件中都能找到。


grey.gif


为什么要用不饱和色呢,因为不会闪瞎我的钛合金眼啊,哈哈哈。


grey.gif


不饱和色让人眼感觉舒服,所以在排版中,合理使用不饱和色的版式就会显得很高大上,比如AECOM兰溪谷方案的封面就是。


grey.gif


在深棕色背景下的亮黄色显得极为突出,虽然字号不大,但还是一眼能够识别,信息的传递顺序是通过颜色的对比传递的,这就是一个好的封面。


grey.gif


这个封面的颜色更为灰,但灰不意味着脏,所以这中间的尺度感还是需要把握的。


grey.gif


那是不是纯色就不能用呢,当然不是,纯色用的好的例子比比皆是。但这期是懒人法则哈,我就不讨论了。


懒人版式的下一个法则是


grey.gif


当我们排版时免不了要用中英双语,但英文和中文的结构不同,英文的笔画平均所以非常适合作为装饰线来使用。



grey.gif


比如在这个封面中,英文完全作为装饰线被放在最上面,这能使你的文本更加

的国际化。


不过说到线,这里有一个忌讳,就是尽量不要把图片切成线,就像这样:


grey.gif


不仅把中间文字的重点夺走了,还让图片没有了识别性,翻译成人话就是


玩脱了~~


如果你觉得前面几招都太简单了,那你一定对下面这招感兴趣:


怎么解释呢,我们可以看看下面的版式


grey.gif


当图形有了透叠关系后,版面自然就丰富起来了,关键在于一个字:


透。透出空间,透出变化。


grey.gif


上面的封面能感觉是用心在做了,但是依然很乱,原因就是没有透~~

如果我们把透这个思维用在方案汇报文件上就会是这个样子


grey.gif


grey.gif


grey.gif



是不是感觉方案的质感一下子就出来了,这种图片和透明色块叠加的手法,既简单,又方便,别说我没教给你哈。


最后如果你对与颜色和版式都完全没有感觉,也看不出来我说的上面那些封面的好与坏,我告诉你一个惊天大绝招,懒人法则终极绝招!!


grey.gif


就像我做的上图一样,一个页面只说一个信息,只放一张图片,只用黑白两色,这样不仅信息传递到位了,还确实不用动脑子啊亲~


grey.gif


grey.gif


这样的版式设计,很有格调


授人与鱼不如授人与渔,我还是希望大家能活用上面几个懒人法则。

希望大家在看了上面的文字排版之后,不要只是直接挪过去用,毕竟活学活用才是硬道理,要形成自己的版式设计风格,走出自己的路。要想用好,先要用对。


文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共69篇文章
最近文章
更多
  • 520样式真的是爱意满满哦,这样排版可以轻易俘获ta的心
  • 母亲节排版样式上新,妈妈您辛苦了
  • 母亲节如何选择样式进行公众号推文排版呢?
  • 135编辑器这个做文字排版的格式刷怎么用啊?