开店创业网  >淘宝开店 > 淘宝开店装修  > 电商美工 你排版没灵感的时候,试试这8种方式!

电商美工 你排版没灵感的时候,试试这8种方式!

2019-4-22 19:03 | 发布在分类 / 淘宝开店装修 | 阅读:1103

今天说排版必须从排版2个基本规则,对齐与对比开始讲起


对齐


对齐是排版中最最基础的规则。人眼只要看到整齐排列的东西,本能的会觉的很漂亮。


比如国庆大阅兵整齐的方队,整理房间时把被子书桌整理的干净整齐。


设计也是如此,运用了对齐原则的设计,就好比大街上排放整齐的共享单车。


电商美工  你排版没灵感的时候,试试这8种方式!
设计中没有使用对齐的就好比大街上随意摆放的的共享车。杂乱无章、毫无规则可言。


电商美工  你排版没灵感的时候,试试这8种方式!
对齐不光可以为页面带来美感,同时也可以让作品更有条理性,便于顾客快速浏览。


电商美工  你排版没灵感的时候,试试这8种方式!
没有对齐的原则的海报就如同上图一样,凌乱不堪,毫无规则。


电商美工  你排版没灵感的时候,试试这8种方式!
运用了对齐的海报不光富有整齐的美感,同时也更加便于顾客快速获取信息。


你想想你是从一个排放整齐的书架中找到一本书比较快,还是从一个随意摆放的乱糟糟书摊上找到心仪的书比较快?


设计中的对齐最常见的有2种,左对齐,居中对齐。右对齐比较少(因为违背了人们从左到右的阅读习惯。)


电商美工  你排版没灵感的时候,试试这8种方式!
电商美工  你排版没灵感的时候,试试这8种方式!
电商美工  你排版没灵感的时候,试试这8种方式!
一个画面只有对齐还不够,还需要有对比。


对比


对比的本质是什么?对比是用来区别画面中重要的内容与次要内容的。因为有了明确的信息差异,画面才可以突出重点,顾客才可以更快获取信息。


对比不光可以突出信息,同时也可以缓解视觉疲劳,让画面更漂亮美观。


电商美工  你排版没灵感的时候,试试这8种方式!
电影有主角,打仗有主力部队,店铺有爆款。设计也一样,有主要信息和次要信息。因此也就有了对比。


在排版当中最常见的基础对比就是文字的大小和粗细对比。


电商美工  你排版没灵感的时候,试试这8种方式!
电商美工  你排版没灵感的时候,试试这8种方式!
经过对比处理过的信息,一目了然,主次分明。


下面小米的这个海报就是很典型的…相当扎眼…


电商美工  你排版没灵感的时候,试试这8种方式!
页面做到了基本的对齐和对比,就已经满足了使用的需要。


但是只是简单的对齐对比的排列难免会显得单调。


所以需要打破单调,来点花样,创造设计形式感。

下面是常见几种打破单调对齐对比的方式。



▌重新设计改造标题文字、而非使用系统现成的字体。


电商美工  你排版没灵感的时候,试试这8种方式!
上图只是简单的居中对齐,但是标题是重新设计处理的,所以画面也很有形式感。


电商美工  你排版没灵感的时候,试试这8种方式!
这图用居中对齐的排版,但是文字都经过了再次设计。


▌文字前后遮挡叠加,营造前后空间层次感。多运用手写字体。


电商美工  你排版没灵感的时候,试试这8种方式!
上图大标题和小标题都与模特产生遮挡关系,同时右上角的手写体打破板式,点睛活跃了画面。


电商美工  你排版没灵感的时候,试试这8种方式!
文字适当遮挡产品,一前一后的层次感。


电商美工  你排版没灵感的时候,试试这8种方式!
这个海报的文案也是与模特前后遮挡,同时才采用了手写体活跃了画面。手写体与其他方块字体形成对比,这个手法非常常见。


▌排版可以采用横竖排列,比如下图左下角全场满300返500


电商美工  你排版没灵感的时候,试试这8种方式!
下图箱包潮流也是横竖排列


电商美工  你排版没灵感的时候,试试这8种方式!
▌使用小色块、小图标(标签)点缀装饰画面


电商美工  你排版没灵感的时候,试试这8种方式!
左对齐的排版,下面加2个小图标就使得画面活泼许多。


电商美工  你排版没灵感的时候,试试这8种方式!
上新4折使用了一个色块,作为突出强调,同时活跃画面


电商美工  你排版没灵感的时候,试试这8种方式!
这个图也是用了色块,当然也加了其他的小元素。


电商美工  你排版没灵感的时候,试试这8种方式!
这个海报除了下面的两个红白色块之外,左上角还加了一个小标签,6字又重新再设计,使得画面非常有形式感。


所以归纳上文,当你的排版过于单调,为了让海报更有设计感,可以在采取以下8种方式。


电商美工  你排版没灵感的时候,试试这8种方式!
你可以去花瓣看看几乎80%的海报都有上面所列情况~


下面简单做个案例


电商美工  你排版没灵感的时候,试试这8种方式!
将文案居中对齐,做了粗细大小对比。


然后用刚才总结的2、3、4、5条进行升级改造


电商美工  你排版没灵感的时候,试试这8种方式!
加个色块,图标,手写英文,画面就丰富了很多。

总结全文,先根据文案重要层次最好基础的对齐对比工作,这个是根。然后在此基础上进行设计感的再创造。

做设计也应该学会总结发现规律,运用规律。

本文版权归口袋网小编所有,独家授权于口袋电商课:www.kodai123.cn,任何形式转载请联系作者。淘宝开网店教程,帮你入职电商运营、提升运营能力!

推荐阅读

电商美工了解色彩背后奥义,让你配色功力大增!

电商美工 快速打造一张淘宝海报,只需记住2点!

淘宝美工简历怎么写?做好这几点,面试分分钟就来


我是【王子明】,7年电商实战创业者

如果你正在电商创业,一定要加我微信【kd1283】

免费领,今年最新的36套实战运营玩法。

网站简介:开店创业网是提供淘宝,拼多多,抖音开店运营推广经验和开店流程干货,免费分享更多开店锦囊新动态以及教程视频信息,提供给商家商机交流的创业平台。
©苏州口袋教育科技有限公司 苏ICP备19037184号-16