当前位置:文章 > 版式解析三框法
版式解析三框法
ChiNa_威海_山岩 发布于 2018-08-10    分类:平面设计 教程/技巧     标签: photoshop 电商 教程 技巧 设计思维
浏览//评论
上一期给大家介绍的等框法,比起例图本身,更主要的是它的[color=#FF0000]思维方式[/color],因为[color=#FF0000]等框法本身就是一种带有延展思维的版式[/color](用体育圈的一句话就是自带体系),只要掌握了等框的加、减、乘、除处理,就可以设计出不同视觉效果的版式。 今天我再给大家介绍一种自带体系的版式——三框法。这是一种极为好用的应急版式,当思维枯竭的时候,脑子里有几个应急版式就可以快速的化解危机,前提是你要熟练掌握他们的延展方式,就比如上一期的等框法,应急能力那是刚刚的。 [align=center][img=11-三框法_02.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/zmEXBvcT_caLf.jpg[/img][/align][align=center][img=11-三框法_04.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/ntMx3ff4_wAuN.jpg[/img][/align] 需要设计一个版式,但是提供的条件非常少,只有一两句话,这个时候最容易思维停滞。 因为内容过少而导致思维停滞,最简单的处理方式就是[color=#FF0000]让画面中有更多内容出现[/color]。 大部分版式都是由[color=#FF0000]①文案、②配图、③提取[/color](主体、文案、图标、配图)三个元素构成。而三框法就是强制把[color=#FF0000]整个版式(满版)[/color]分成三个部分,让这三个元素各自占领一个部分。 [align=center][img=11-三框法_06.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/Q2PsLwxV_MrxL.jpg[/img][/align] 三个部分的大小可以根据内容的主次去划分,配图更重要,给配图更大的体积,文案更重要,给文案更大的体积。提取部分一般以[color=#FF0000]图标提取[/color]为主,并且是三个部分中体积最小的,在当前版式中更多是起到装饰作用。 三框法的自带体系完全体现在[color=#FF0000]框架体积的大小和位置的划分[/color]上,只要你多尝试,总能得到自己想要的效果,下边我用例图的内容做几个不同的三框应用。 [align=center][img=11-三框法_08.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/hkZyUZBj_qhQz.jpg[/img][/align] 如果上边这种每个部分都是独立的三框法你能掌握,你也可以尝试三个部分之间有叠合的效果。常见的是配图做满版,提取和文案部分与配图做叠合。 [align=center][img=11-三框法_10.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/MNke6m4n_RZuZ.jpg[/img][/align] 例图参考线应用了20列网格效果,图标部分的框架高度做了四倍的高度基准。 [align=center][img=11-三框法_12.jpg]https://bdn.135editor.com/files/users/296/2966353/201808/IAP7XnMW_tksk.jpg[/img][/align] 这次的版式本身就是一种延展,就不单独再做延展的部分了。
收藏
 
分享到:
 
  • 直播课程:-
  • 视频课程:-
  • 粉丝:-
  • 回答:-
正在加载...

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