版式设计
定义:所谓的卡片排版就是在页面中形成一个或多个整洁的区块,作为图片、文字等素材的容器。
这种卡片版式可以让页面主体内容更加突出,也让版面更有层次感。
想要更好的排版好这种卡片排版效果我们可以通过两种方法,一种是阴影效果法,另一种是叠加效果法。
比如像这样的一页产品介绍内容页,在视觉方面就会显得产品主体比较分散,文字内容不突出等问题。
这个时候我们可以给页面添加一些浅色的圆角矩形形状并添加阴影效果,实现卡片效果。
然后放置于文字和产品内容底部,这样整个页面分成了六大模块且产品和文字内容都比较突出。
同时也可以给产品内容添加阴影效果,让元素更加真实。
这样的产品介绍页具有层次感的同时也大大的提升了页面的版面率,让受众视觉聚焦在卡片上的文字和产品上。
卡片排版法也可以通过叠加效果方法来实现。
就比如这一张页面,给形状添加阴影效果后就有了卡片效果,但是我们会发现页面还是比较单调,留白的地方也比较空洞。
这个时候我们可以在页面的下方添加一个矩形的形状,这个形状的作用除了丰富版面以外还可以作为底板。
除此之外,我们也可以在形状底部添加一张相关的图片,这种效果更切合主题和具有设计感。
这种图片的叠加不仅仅只是底部,也可以让图片叠加在卡片的上方,这种效果让卡片和图片形成了一种穿插效果。
特别是在特定的条件下可以做成图片与卡片相结合的效果,比如这一页三段内容的排版。
这种效果是把图片上的人物扣取出来再进行叠加,看起来图片与卡片的融合度更高。
看起来还不错是吗?整片本期内容从阴影效果和叠加效果两种效果来分享片排版法的技巧,希望可以帮助到大家。
为了让大家方便练习,我把文章相关的案例的源文件打包分享给大家。