切换风格

Snow

866

主题

882

帖子

1万

积分

亿洋管理员

Rank: 9Rank: 9Rank: 9

积分
15962
QQ
你的画面版式总是很死板?缺乏视觉创意?不妨试试这4种手法来打破传统排版![复制链接]
发表于 7 天前 | 显示全部楼层 |阅读模式
                                                                                                   
hello,大家好
我是亿洋



设计师在日常设计工作当中用的最多的就是版式设计,无论是主图,详情页,首页等等,都离不开版式设计,有文字的地方必然需要用到排版,但是除了左对齐、右对齐、居中对齐以外,也延伸不出什么新的形式了,这样就会导致画面非常的死板,没有创意,视觉效果也无法得到提升。


013f65a40cec8a8e91d1b46985908136.jpg

如果大家想做出不一样的版式设计,不妨可以打破传统的排版形式,让画面更加的生动活泼,设计感更强。但是这种效果也要分情况,不是所有的版面你都可以如此,针对电商来说,信息传达是第一要素,不能为了视觉效果而影响你的信息传递,否则就是本末倒置了。对于平面设计来说,打破排版使用的会更加多一些,目的还是做出吸引人的视觉创意,跟电商的功能不太一样。但是两者都可以使用这种手法来增加视觉创意。
既然是打破排版,那就要跟传统的版式设计不同,下面我给大家整理了4种打破排版的手法,如果能够灵活运用,相信你的版式设计的逼格可以瞬间可以提升!

一、叠加和遮挡

51cabb07a4cd2eda37b368ce7b4a18f6.jpg

889c144ccd0f01b98dfee0619f6da50a.png

2f3ced0c59c7b59d65d6ff32dd575562.png


e8c1c352f883faaae128429ccb2ea5b2.jpg




dcf08cb0f737d7c408b91ef0a084e5cf.png

从上面这几个案例我们可以发现,文字和主体进行了叠加和遮挡,这种简单的手法可以让本是二维平面的画面显得非常有层次感,同时也有一种前后的空间感。不仅能够让文字和主体有了关联性还增加了画面的视觉效果。贯彻一个最简单的方式,能遮挡就遮挡,能叠加就叠加,但是要把控一点,不要影响了信息的传达,这是大前提。

二、立体效果
087b313c2f37de9bd88c6fb521e9d30a.png


1ddaa62bae0a3f8fc063057ad284d11e.jpg


7a030e7d329e39b1aff4dabd77738530.jpg

在叠加和遮挡的基础上,我们可以增加一些立体装饰和物体,无论是3D实物还是伪3D效果,甚至是人物,都可以让画面看上去更加的立体,成为画面当中的点睛之笔。这里大家可以选择自己的产品或者把二维平面的道具三维化就可以轻松达到版面活跃的效果了。


45a9c9d0f311622d2bde2f4eb85f98f2.jpg


eae43842ba341a3dbeeb817bf3ea4ede.png

这里也可以通过立体效果增加光影关系,会让画面更加的富有创意,视觉冲击力会更强。


三、纹理
大家也可以通过画面最底部的纹理入手,增加一些实物偏真实的素材,让画面更加的立体有活力,最近比较火的一种素材就是塑料形式。当然这里只是提供给大家一种思路,你可以更换成玻璃,布料等其他纹理形式,达到同样的效果即可。

4fb6ac70ebc0f4275deaa0d353f30e74.png

7957ced524f401d8e830f51e8643525f.png


除了这种形式,大家也可以直接在底部增加图案纹理,也是可以达到一样效果的。

501ff64162f146a32c900243b381716b.jpg


a1d49c68ee4a0ac98001864d87ec51f8.png


80b7777e57957212e1016b7e1f2e3376.jpg


四、动效展示
‍
相比较静态的版式设计,无论怎么打破版式都是仅仅停留在了静态展示,如果增加动态展示效果,即使是很普通的版式也会变的不普通。而且未来动态展示会更加普及,无论是电商的详情页还是首页都会有大量的应用,无形当中吸引消费者进行产品展示,增加了停留时间。

27d3dc0df29901ac6f27ffea86d84e73.gif


757eafb3c3623a6726b5d2ac6d4b1219.gif

‍
4424751315c8dd4b61e81b18062b1f6e.gif


2559faa970ce609d53c89623d6cabcda.gif


87feeb188e009eee962b21b2168b2856.gif


a1b3e26a3b3c68e5264a802e88c1fd2e.gif


5725e2b173277e5706ef3b2017400d9c.gif


以上就是针对传统的呆板版式设计,给大家提供的几种手法和思路,大家可以应用到自己的设计画面当中,可以让你的版式更加的富有创意和有趣,不仅仅是单纯的左右居中排版。电商当中某些品类的产品可以应用这种手法,会有前卫、时尚、潮流的感觉,通过简单的打破排版可以让你的画面更加与众不同,设计感暴增!希望大家能够学会举一反三,灵活运用。

如果这期内容对你有所帮助,麻烦点赞+在看,转发给更多有需要的人。后续的直播答疑和设计案例更新都在B站上(B站搜索:亿洋设计)有兴趣的同学可以关注后续更新,想要学习电商设计系统课程的同学也可以参与报名哦,我是亿洋,我们下期见!
   
回复

使用道具 举报

0

主题

47

帖子

170

积分

禁止发言

积分
170
发表于 3 天前 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

QQ|Archiver|手机版|小黑屋|亿洋设计 ( 京ICP备19007949号-2 )

GMT+8, 2021-10-17 08:13 , Processed in 0.230912 second(s), 40 queries .

Powered by Discuz! X3.4

© 2001-2018 Comsenz Inc.

返回顶部