今天跟大家分享一个2020最有创意的电子商务涵版面版式设计案例。由SUMAART设计团队原创设计。版面中使用到的logo、名称、内容、icon设计均为示范文案,可更改。
首先,我们需要确定版面中具体都有哪些信息及板块。这跟我们为一个企业官网提供设计服务是一样的。通常商务涵也包含了头部、主体内容区域、页尾三个部分。其中每个部分需要包含哪些核心信息,这个就由自己决定了。
这个案例中,头部包含了logo, 名称,描述,日期。尾部包含了地址,电话,邮箱,logo等信息。其中,网址作为装饰的一部分穿插于版面中。主体内容区域划分为2个部分,这样有利于让视觉产生差异,如果全部集中在右边,不太容易划分重点。把内容划分为2个区域后,还有利于版式的布局。
其次,注意板块之间、页面周边的统一间距。文本区域的字体大小,也要拉开对比和留白。对于相同等级的文本段落,其字体大小及行高应该保持一致。
最后就是对齐关系。这个版面采用了2:8到2:7之间的比例关系。每个板块之间,从上到下,从左到右,都能看到一个很清晰的对齐关系。容易形成设计感。
可以通过栅格系统拉一下辅助线看看是否有问题。
好了,今天的分享就到这里。感谢大家的持续关注,我们会一起努力进步,学习最好的设计,分享美好事物。