广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

设计必备知识(电商/平面)——版式设计四大原则理论实操
发布日期:2024-10-19 08:51:35 浏览次数: 863 来源:天健世纪科技

这篇文章完全解读了版式设计4大原则在电商设计当中的运用,通过案例实操以及理论知识的讲解。


版式设计是设计理论中既简单又复杂的内容,说他简单是因为他不像色彩一样难以理解,一般基础知识掌握牢固即可设计出整洁的内容,说他复杂因为他像其他内容一样可以千变万化,不同的内容表现不同,有时还会和理论基础有冲突,所以设计师要仔细思考。



版式的四大原则 






重复是最基本的原则之一,不是一味的指某一个图像的重复,而是某一种秩序。在画面中起到不停的使用,这种元素不是单一的图形,字号,图案。我们经常看到某种重复的图案,这种图案是通过不断的重复来达到整体的和谐作用的。电商里面用的最多的一般就是首页,详情页面来统一整体。



重复的作用





1. 引导视觉

元素重复可以导致视觉会不断的看往下一个重复的元素,这就是引导作用。

2.强化记忆和统一视觉

不断的重复图案或者产品可以增加用户的记忆点以及对品牌的记忆,详情用很常见,比如某一个元素的重复利用。

3.增加信息传递

比如我们在表达一个产品的卖点的时候通过重复的元素就能知道画面大致在讲什么内容,便于顾客在短时间内了解信息。

4.提高视觉的对比

重复是视觉对比的前提,如果画面本身是杂乱的,我们就很难是某一个元素成为焦点,所以要保持一定的秩序才可行,才能突出某一个元素的意义。





重复的类型








对比的作用


重复虽然可以带来秩序感,但是很单调和乏味,对于电商页面来说只有重复是不够的,因为在电商页面中无论是活动海报还是产品页面都要让用户第一眼了解到重要的信息点,所以在文案突出等成了重要的工作,所以可以通过对比来有效的做到这一点。对比通俗一点就是比较的意思,两者之间产生的关系,比如我们判断一个事物的好坏一定时建立在比较的基础上,同样一个圆形在不同的展示方式也会产生不同视觉结果,这就是对比的作用。








对比的分类


1
大小对比

在电商设计中运营经常是要产品放大,文案放大,价格放大。很多时候其实就会按照运营的方式是直接操作,但是有时候是运营想要文案更加的突出。

2
字体对比

不同的字体可以达到不同的视觉效果,比划的粗细也直接影响到画面的一个结果。

3
颜色对比

画面中出现2种颜色就会产生一定的对比,电商设计中,颜色的对比更倾向于大面积使用某一种颜色,而小面积使用另一种颜色也能形成鲜明的对比。

4
虚实对比

画面中某一种是清晰的,而有些是模糊的,可以轻松打造出画面的空间感。同样的元素放在一起没有主次画面比较乱,虚实对比,将远处的模糊,画面的空间感就出来了。这样也是最简单的增加画面的空间手法。



对齐的作用


重复有了秩序之美,那么对齐就是让这秩序之美更加的美观,重复一般是在细节上通过元素展示,而对齐则是一种规则,使画面更加的不混乱有秩序有条理。


1
对齐的种类

左对齐,右对齐,居中对齐,两端对齐。对齐之前将就一个轴线,也就是参照物所有的对齐都离不开它。

2
亲密性作用

亲密性是版式设计中最好理解的主要是通过距离的远近强调画面的各种元素之间的关系,元素相关性越大,距离越近,相关性越小,距离越远。可以有效的组织信息,提高画面的阅读性,使画面更加的具有节奏感,关系一致的可以为一组,或者是内容一致的。不同的元素则分开,告诉用户这2个地方截然不同,文案为例,设计可以分为不同的模块,根据原则进行明确各单元位置。

3
亲密性的误区

他的逻辑是通过距离组织信息,不是所有的海报都可以使用,只有较大的版面空间才能发挥的更好,只有存在足够清晰的距离,亲密性才存在。对于小尺寸的海报以及元素多的小海报画面都会显的不友好,间距对比缩短,亲密能力变弱,文案易读性变差,这时也可以使用线条来划分区域。


总结

版式设计是理论体系中最简单的一种,一个好的海报一定是集中使用了对比,对齐,重复,亲密四大原则,这里只是针对电商体系进行了理论实操的拆解,平面体系还是很大的,需要我们深入的研究。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询