首页 > 交流合作 > 交流合作 > 电商设计之视觉引导方法与技巧

电商设计之视觉引导方法与技巧

来源:整理 时间:2022-08-16 20:42:10 编辑:派代电商 手机版

当你在设计时

1、用反差比较强烈的互补色去突出主要内容时,这种聚焦的处理方法更有效;

2、如果画面中的颜色较多时,可以利用色彩的面积大小,去给页面出现的所有信息进行重要层次的分级

05.留白设计空白多,主角旁边面积大

留白,常见的逼格神器,突出主角的必备招数

电商设计之视觉引导方法与技巧

在实际应用中

留白就是留出主角空白层次逼格的一种简洁的设计方法

电商设计之视觉引导方法与技巧

左图1:页面是以手表产品为主题,含有少量信息内容组成的。产品四周大面积的留“白”使的形态更加聚焦,同时留白的处理更能体现产品的品质和气质。

右图2:除少数装饰元素外,整体页面大面积留白,使画面简洁富有趣味性,便于阅读。

当你在设计时

1、有效的留白可以提升画面的逼格,而且可以使要突出的主角更突出;

2、敢留白:大量留白会使页面有空间感,不会因为页面内容密密麻麻而产生厌恶

3、使用最精简的元素:不添加无谓的设计元素,给用户带去视觉干扰,只保留核心和必要的关键关素,并且对关键元素进行细节的刻画

06.一二三四五六七,7654321

数字指向,顺序的指向性

电商设计之视觉引导方法与技巧

在实际应用中

电商设计之视觉引导方法与技巧

左图1:左上角文案内容区域排版密集;以数字为代表的标头指示用户逐个阅读,增加条理性,便于读者阅读。

右图1:数字标头的作用指示用户继续向下阅读,每个色块又形成对比。

当你在设计时

1、做时尚搭配的需求时,可以用数字去引导产品的顺序;

2、以用运数字为元素时,对数字的大小和字形要进行整体的把控切不可让数字影响主体内容,当然如果是以数字为主的,就要尽量突出数字的视觉性

07.动的太大显得闹,静的太死显得闷

动静,就是画面的静与动

电商设计之视觉引导方法与技巧

在实际应用中

电商设计之视觉引导方法与技巧

当你在设计时

1、瞬间让元素有动感的处理方法:给元素增加动感模糊;给画面增加飞着的元素如:五彩纸屑红包倾斜着的线等

2、动的页面还可以通过用现在较流行的h5视差滚动等技术让页面中的不同元素根据用户的鼠标滚动相应的出现;

08.文案设计想法多,紧扣主题有内涵

电商设计之视觉引导方法与技巧

在实际应用中

电商设计之视觉引导方法与技巧

左图1:我们负责提供好产品,你负责貌美如花,设计师完全找到了文案与形象之间的切入点,结合卡通的表现形式,表现有趣激发顾客购买欲望。

右图1:设计改变生活,设计师通过文案的发散,绘制了一个美好的愿景,使得读者想去了解、购买。

当你在设计时

1、好文案往往会联想到一些元素的色彩的风格的关键字,这样的好文案往往和图像的贴合度更高
2、文案的视觉设计,往往通过对文案意思具象的抽象型的表达引起用户的共鸣

以上的8点就是我对视觉元素引导的八个方法:

总结

1.先要有个视觉点,引导眼神靠这些

2.人物动作设计多,手眼身脚都要使

3.上下左右和中间,前面后面和侧面

4.万柳丛中一点红,诱导聚焦和突出

5.留白设计空白多,主角旁边面积大


文章TAG:技巧方法视觉

最近更新

相关文章

交流合作排行榜推荐