
Day 2 初学者会选择的版式
初学者首先要学会如何把版面做整齐,在整齐的基础上再进行变化,尝试将版面做好看。整齐的版面可以更好地进行内容展示,更方便阅读,且具有更强的可塑性。
骨骼型
在面对信息量大且样式比较复杂的设计需求时,骨骼型版式是一个很好的选择。骨骼型版式能给人一种严谨、和谐和理性的美感。经过处理,版面会更加灵活。常见的骨骼型版式有通栏、双栏、三栏和多栏等,一般情况下以多栏居多。



满版型
满版型版式的内容以图像为主,即图像铺满版面,局部填充文字,使文字与图像相结合。这种排版方式给人大方、大气、舒适的视觉感受,经常会用在一些企业宣传画册或App界面中。注意,这种版式不可过多使用。



上下分割型
上下分割型版式是将版面分为上下两个部分,即上图下文或上文下图。图片部分一般采用饱和度较高的色彩,给人带来活力;文字部分通常设计得比较精致,使画面显得理性。这种动静结合的搭配能够让观者感到舒适。


左右分割型
左右分割型版式是将版面分为左右两个部分,分别放置文字和图片,形成对比。如果只是这样,容易出现版面不够平衡的问题。因此,如果采用左右分割型版式,不仅要根据阅读习惯来确定图片和文字的位置,还要考虑图片的视觉重量和精彩程度。

控制好文字的层级关系和阅读顺序,可以让版面具有透气性;控制好文案与图表之间的过渡,可以让版面内容的衔接更加流畅。注意,如果控制不好版面内容,左右分割型版式会显得死板,就成了所谓的“阴阳页面”。


重心型
重心型版式能突出视觉焦点,常用于需要突出建筑或植物的版面设计。重心型版式有时会显得有点呆板,比较好的解决方法就是添加色块、文字、图标或表格,可根据不同的需求进行调整。

对称型
对称型版式能给人一种理性、稳定的视觉感受,同时比较时尚、自由。对称型版式又分为绝对对称型版式和相对对称型版式。相比较来说,相对对称型版式更常用一些,因为它可以避免版面过于严谨而显得呆板的情况。
对称型版式比较讲究版面均衡,如元素之间的均衡、元素与版面之间的均衡等。均衡的版式会让版面有比较良好的统一性,在统一的基础上做出变化更方便阅读。注意,文字、图片等元素之间的色彩对比不宜过于强烈,因为对比越强烈,版面越难把控。




聚集型
聚集型版式是指将元素按照一定的规律由一个中心点向外发散。这种方式能强调主体元素,给人很强的聚拢感和向外发散的视觉感受,具有很强的爆发力,常用于包含时间轴或产品概述的版式设计。
设计时尽量让边角处保持整齐,类似海报设计构图中的四周压角。这样既能防止版面凌乱,又能使版面空间更饱满。


自由型
自由型版式没有太多的规则,整体相对随意、自由,风格偏向于活泼、轻快。在选择自由型版式进行设计时,不能过于追求样式而忽视内容的表达。建议新手谨慎选择这种版式。注意,自由型版式并非毫无规则。无论什么版式,便于阅读永远是设计时需要考虑的首要问题。


