淘宝店铺的设计见解-画面结构与视觉关系

作者 0796 来源 站酷网 发布时间 2012-01-03

画面结构与视觉关系

以下内容均为个人见解,适用于初级设计师以及设计爱好者!

为什么我会在第一次教学里面说的不是操作以及配色,而是关系呢?因为本人觉得,如果一个入门设计师连最基本的理论都没有弄懂的话,设计出来的东西一定会多多少少出现问题的。

当我们拿到文案拿过来的策划,同时我们会得到一个主题!我们的设计始终会围绕这个主题去进行创意,排版,再进行修改到最后的完成。

淘宝店铺的设计见解-画面结构与视觉关系

所有的设计都离不开的就是我们需要交代的视觉信息是否明显,而且主视觉区与第二视觉区是否会有冲突。如果我们要交代的第一信息被第二信息抢去,那么就不能在第一时间把最主要的内容传达到顾客心里!下面我们就找几个相对较弱的BANNER来分析。

淘宝店铺的设计见解-画面结构与视觉关系

同样是出现在首页的一个BANNER,我们是否不能够第一时间明确商家卖的是什么产品,我们接收到的第一信息仅仅是“全场低至三折包邮”,而且包邮这个信息没有体现的非常好。产品被弱化到左下角,而且需要用文字来介绍产品的功能。右侧的美女交代的气氛也不是很足,气氛交代的不是很明确。

通观商家店铺,我了解到几个信息:
1、销售的是天然植物粉饼
2、热卖3000多件
3、折扣很大,且包邮

淘宝店铺的设计见解-画面结构与视觉关系

这个关系不仅仅体现在BANNER里面,适用于淘宝店铺的任何角落,下面我一一举例说明:

淘宝店铺的设计见解-画面结构与视觉关系

仅仅是一个价格标签,也在遵循这个原理。

淘宝店铺的设计见解-画面结构与视觉关系

当我们在浏览到一个店铺的时候,设计师要注意的是,带给浏览者的节奏。我们不能把重要的信息穿插的太过频繁,让顾客知道,我应该在哪个区域找到我需要的信息。浏览的舒适度对买家来说非常重要,这就非常考验设计师如何把页面安排的井井有条,甚至形成了自己的一种模式。

图形图像 TU.SIOE.CN