当前位置:文章 > 版式细节文字排版技巧(二)
版式细节文字排版技巧(二)
ChiNa_威海_山岩 发布于 2018-05-04    分类:网页设计  教程/技巧     标签: photoshop 电商 教程 技巧 设计思维
浏览//评论
我们上期提到过文字的排列需要遵循一些对齐和居中的规律、要明确主标题、副标题和描述部分的内容、要针对主标题的长短来做不同的应用处理、要考虑好行距与间距的距离等等,这期我们延续上期内容,继续对版式中,文字排版的细节技巧进行分析(前面版式中后边的逗号是故意加上去的,怕有人看成中文字排版,恩恩,这就是注意细节了…… 各位不要吐 ^ ^ )。 [align=center][img=山岩ps小课堂23_02.jpg]http://image.135editor.com/files/users/438/4388382/201805/Dh9d4yZp_UxHZ.jpg[/img][/align] [size=20px][b]◆ 装饰框的应用要合理[/b][/size] 文案排版中装饰框的应用是最为常见的一种手段,装饰框往往是针对文案中描述或者重点信息的部分进行应用,其用意有两种大的方向,一个是[color=#FF0000]让文案排列中有装饰性[/color],不过于单调,另外一种是为了[color=#FF0000]分割出一个版块让阅读更加顺利和准确[/color],而后者是更为重要的装饰框所存在的意义。 [align=center][img=山岩ps小课堂23_04.jpg]http://image.135editor.com/files/users/438/4388382/201805/84cRhJS2_nv9E.jpg[/img][/align][align=left]装饰性框架让文案与画面的结合更加紧凑和具有装饰感、不单调。[/align] [align=center][img=山岩ps小课堂23_06.jpg]http://image.135editor.com/files/users/438/4388382/201805/SAq453Ut_ygYM.jpg[/img][/align][align=left]应用装饰框分割出中间的文案部分使其更快速跳出画面,更适合阅读;如果像右图形式展现会觉得整个文案都贴在一起,尤其小字部分没有太强烈的想要阅读的感觉。我们要知道正常去查看一张海报,如果字数多的同时又有很多块文案就不会有阅读的兴趣,能用分割的形式划分出一些板块会大大降低由于一整块文字带来的视觉抗拒。[/align] [align=center][img=山岩ps小课堂23_08.jpg]http://image.135editor.com/files/users/438/4388382/201805/8sCYWszZ_BtWs.jpg[/img][/align][align=left]当海报中有多个要展示的重要文案内容,如产品特点、重要的活动信息、优惠信息等,最好用装饰框的形式去把要展示的重要内容划分出来,而且[color=#ff0000]最好使用填充的形式[/color],如果觉得多个一样的填充块太单调,可以使用不同颜色、不同的不透明度、不同的装饰形式等去区分,如上图中黄色和白色不同颜色的框,白色的框还降低掉了不透明度,增加了白色描边效果等等。[/align] 这里要对上边提到的[color=#FF0000]最好使用填充[/color]的形式做个说明,以分割内容为目的的框架主要有两种表达形式,[color=#FF0000]描边型和填充型[/color],当然在特定情况下也不排除两种皆有的可能。 [align=center][img=山岩ps小课堂23_10.jpg]http://image.135editor.com/files/users/438/4388382/201805/MzzmWvqQ_9sb8.jpg[/img][/align] 描边的形式更多是针对于框内文字不是特别主要的文案内容,更多是为了分割装饰为主,如点击购买、加入购物车等。另外我们上期课程中也提到过,描边形式过于单薄,如果控制不当就会使整个文案非常的拥挤难受,所以文字排版新手我不是很建议使用描边形式。文字,我们可以简单理解为是[color=#FF0000]由许多线条构成[/color]的,所以文案排版当中如果连装饰框也是描边的形式就会给人一种较为单薄、空洞的感觉(时尚和科技类产品为了迎合大气的感觉可以适当选择),因此我们可以用填充的框来[color=#FF0000]平衡这种视觉弱区[/color]。使文案整体有线面的结合而更加合理。 [align=center][img=山岩ps小课堂23_12.jpg]http://image.135editor.com/files/users/438/4388382/201805/dJQTVZZh_9LFu.jpg[/img][/align] 我们再说几个在文案中装饰框应用里需要注意的几个点; [align=center][img=山岩ps小课堂23_14.jpg]http://image.135editor.com/files/users/438/4388382/201805/aWjR5phq_KKkH.jpg[/img][/align][align=left]我们上边提到使用描边型装饰框的时候大部分是针对时尚和科技类产品,所以尽量[color=#ff0000]不要做的太粗[/color],会显得笨拙。[/align] [align=center][img=山岩ps小课堂23_16.jpg]http://image.135editor.com/files/users/438/4388382/201805/kmHuHU9j_vNMG.jpg[/img][/align][align=left]当文案中间需要有一些装饰框来分割文字时,除了正方形尽量不要让框的高度比文字高出去太多,因为这种形式里,[color=#ff0000]框本身的高度也是算作文案之间行距的高度[/color]的(红色部分为文字之间的行距),如果高度太开会把文案的行距强行拉开使文字看起来比较分散。[/align] [align=center][img=山岩ps小课堂23_18.jpg]http://image.135editor.com/files/users/438/4388382/201805/2F6CxRVr_7cRz.jpg[/img][/align][align=left]框中有框的情况下,[color=#ff0000]内部的框的边缘尽量不要接触外部框的边缘[/color](红色部分),这样会觉得贴合在一起比较拥挤,我们以前也强调过,尽量给每个元素一个呼吸的空间。这里再说一下横向或竖向两个框衔接,并且框里还有文字的情况下怎么操作。首先,这里的框一定记住[color=#ff0000]不要傻傻的去画两个框去拼位置对齐[/color],这样很多时候会出现有缝隙、大小不统一等问题,而且也比较费劲,我们只需要复制原来的框缩小和改变颜色就好了。具体操作如下: [/align] [align=center][img=山岩ps小课堂23_20.jpg]http://image.135editor.com/files/users/438/4388382/201805/67HvZuDg_qajI.jpg[/img][/align] [list][*] 当我们应用[color=#FF0000]居中对齐[/color]的文案的时候,最好让其中的装饰框是[color=#FF0000]对称的形状[/color],如果是不规则形状有时候会破坏掉居中对齐带来的平稳构图,使画面不协调统一。 [/list][align=center][img=山岩ps小课堂23_22.jpg]http://image.135editor.com/files/users/438/4388382/201805/RztvANu6_Cgaw.jpg[/img][/align] [align=center][img=山岩ps小课堂23_23.jpg]http://image.135editor.com/files/users/438/4388382/201805/HNsy3HwQ_vjkD.jpg[/img][/align] [size=20px][b]◆ 文案过少时可以外文来凑[/b][/size] 这里的文案过少有两种情况,一种是缺少标题性文案,一种是缺少描述性文案,当缺少标题性文案时,我们可以通过翻译主标题或者找相关意境的外语单词的形式去补充;缺少描述性文案时可以去寻找相关意境和产品的外语短句来弥补。下图中英文大标题和英文短句都是起到外文装饰效果。 [align=center][img=山岩ps小课堂23_25.jpg]http://image.135editor.com/files/users/438/4388382/201805/ABjkunA2_nMWO.jpg[/img][/align] 在这里我要提醒大家使用外文装饰的时候要注意文案所处的环境和属性,如果是纯中国风和针对中老年群体的文案装饰尽量不要使用外文,可以用中文诗句、中文短句、繁体字或文字偏旁部首来弥补,外文的应用更多是为了体现国际化、时尚风格、神秘感为主。 在外文装饰的应用中,我们需要注意几个点,首先我们要明白外文短句在整个文字排版里是[color=#FF0000]为了装饰而存在[/color]的,其实它的存在并不是为了让人阅读,当然大部分人也不会去阅读,所以尽量不要让这段文字比较跳跃,比如字体较大、用色过暗,倾斜加粗,行距拉大等等,尽量行距密集一些然后降低到50%以下的不透明度,尽量小一些规整摆放就可以,心里要默念,只是装饰,[color=#FF0000]只是装饰,只是装饰……[/color] [align=center][img=山岩ps小课堂23_27.jpg]http://image.135editor.com/files/users/438/4388382/201805/U3QdeNDZ_BGN4.jpg[/img][/align] 在英文字体的应用中,我们需要注意如何合理使用衬线体和无衬线体,这里[color=#FF0000]装饰性小英文[/color]我们上边提到过尽量不要太突出,所以尽量以使用[color=#FF0000]无衬线体[/color]为主,因为其横平竖直规整的特点可以配合多种文字排版形式,如果是以衬线体为主会由于字体的复杂性使装饰部分太过凌乱复杂。 [align=center][img=山岩ps小课堂23_29.jpg]http://image.135editor.com/files/users/438/4388382/201805/BhafVHQj_6H85.jpg[/img][/align] 在时尚或者针对年轻群体的产品中,可以使用衬线体作为大标题,但是使用衬线体作为大字去使用的时候我们要注意一个很重要的东西——[color=#FF0000]尽量不要加粗[/color],如果用身材去衡量,衬线体在字体中是苗条型字体,如果把它加粗处理会让这种感觉失去,变得比较臃肿,像给一个瘦子强行穿上了厚厚的好几层衣服。 [align=center][img=山岩ps小课堂23_31.jpg]http://image.135editor.com/files/users/438/4388382/201805/9G9zEE6U_Cp49.jpg[/img][/align] [align=center][img=山岩ps小课堂23_32.jpg]http://image.135editor.com/files/users/438/4388382/201805/BjS85g2N_NA9h.jpg[/img][/align] [size=20px][b]◆ 文案排版不要一坨[/b][/size] 文字一坨是我们在做文字的时候很容易出现但又不容易察觉到的一种问题,一坨的现象常见的有两种,[color=#FF0000]颜色的一坨和字体的一坨[/color]。颜色一坨是指文案整体颜色单一没有变化性,标题类文案最好有两到三中颜色的参与来让文案不过与单调,长段平铺的文字更应该在里边找到主要内容,通过加粗、加大、改色、倾斜等方式让重点内容突出出来,这样引导读者在看到对自己有吸引性的小部分文字之后为了了解更多情况去阅读长文段,不然大部分情况下看到一坨小字没有人会有太强的想要阅读的想法。 [align=center][img=山岩ps小课堂23_34.jpg]http://image.135editor.com/files/users/438/4388382/201805/TUwQYnn4_bJs9.jpg[/img][/align][align=center][img=山岩ps小课堂23_35.jpg]http://image.135editor.com/files/users/438/4388382/201805/gszBhyce_WvFs.jpg[/img][/align] 字体一坨是指由于大量使用[color=#FF0000]同类型字体[/color]所导致的视觉疲劳,感觉哪里都长得一样,如下方文字使用了大量的无衬线体进行排列,但是字形基本类似,导致阅读的时候不是很有吸引性 。 [align=center][img=山岩ps小课堂23_37.jpg]http://image.135editor.com/files/users/438/4388382/201805/2tZ5kHDw_wvSL.jpg[/img][/align] 这种文字的处理,我们要学会通过[color=#FF0000]文案本身的内容和文案代表的含义[/color]去思考,去寻找合理的[color=#FF0000]大小对比、粗细对比、字体对比、颜色对比、不透明度对比[/color],如下图通过“美学”可以引申出手写体形式,通过饮食的安全健康的含义去定义颜色为绿色,通过英文装饰要做弱化去调节不透明度处理等等,不过要注意一个文案中字体不要出现太多,那样会比较混乱。 [align=center][img=山岩ps小课堂23_39.jpg]http://image.135editor.com/files/users/438/4388382/201805/cGUYk8yJ_B5h5.jpg[/img][/align] [align=center][img=山岩ps小课堂23_40.jpg]http://image.135editor.com/files/users/438/4388382/201805/gkQemhYO_hgza.jpg[/img][/align] [size=20px][b]◆ 文案与背景颜色亮暗分明[/b][/size] 文案始终是要跟背景去搭配使用的,大部分图片中,文案存在的意义是为了让人去阅读,所以文字是要[color=#ff0000]尽量突出为主[/color]的。但很多时候我们过分的追求配色,忽略了其实最简单的突出方式其实是[color=#ff0000]亮暗的对比[/color]。换个角度来说很多人对配色还是比较头疼不知道怎么做的,也很容易配色出现错误,所以配色薄弱的人尽量化繁为简,你不需要生硬的去搭配出一个不伦不类的配色,你只需要尽量避免[color=#ff0000]文字亮+背景亮[/color]或者[color=#ff0000]文字暗+背景暗[/color]的问题,比起配色来说亮暗应该是很容易发现和掌握的。如下图,文字是亮色,背景也是亮色,就不合理,文字换颜色的时候尽量找暗色就可以,先不用考虑颜色用的对不对,只考虑是不是暗的就可以,起码这样看着不会难受,颜色可以吸取产品颜色中暗的部分,一个文案尽量控制在3种颜色之内哦。 [align=center][img=山岩ps小课堂23_42.jpg]http://image.135editor.com/files/users/438/4388382/201805/DWJ7USQA_6BWB.jpg[/img][/align] 暗色背景和暗色文字结合,下图中,我们暂不去考虑原图用色合不合理的问题,只从识别性上去说,暗橙、暗绿和后边暗色背景会互相压抑识别性,所以“味”“骨”等文字不突出,而下图使用亮字和暗背景的结合会更有益于文案的突出,[color=#ff0000]虽然用色的合理性上可能有问题,但是从识别的角度来说是没有问题的[/color],你要知道你面对的大部分阅读者看你的传单并不是为了看你什么排版,什么配色,人家只是想看看你卖什么东西,卖多少钱而已,当然如果你的实力足够能驾驭好各种配色又能合理应用亮暗让画面变得更美观,那是更好的事情了,简单理解就是你的东西观看者能看到想要的信息的同时还会由于画面的美观而更加深记忆,这世上谁会抗拒美呢…… [align=center][img=山岩ps小课堂23_44.jpg]http://image.135editor.com/files/users/438/4388382/201805/F469Ev8O_3IWk.jpg[/img][/align]
收藏
 
分享到:
 
  • 直播课程:-
  • 视频课程:-
  • 粉丝:-
  • 回答:-
正在加载...

Copyright © 2015 xuehui.com All Rights Reserved 长沙维联文化传播有限公司 版权所有(建议使用1280以上分辨率、IE8以上版本浏览器访问)
湘ICP备13012319号-2