网页设计中8个引导用户视线的小技巧
时间:2023-09-07 10:24:01 | 来源:网站运营
时间:2023-09-07 10:24:01 来源:网站运营
网页设计中8个引导用户视线的小技巧:画面元素太散,不够吸睛?戳这里,8个小妙招让你的网页设计快速抓住眼球,引导用户视线:视觉焦点、留白引导、动作指向、方向指引、色彩引导、数字指向、空间引导、文案引导。
1.视觉焦点
在整个版式当中占据最大面积的点元素或者被当做点的元素被称为视觉焦点。当页面出现视觉焦点的时候,就可以很快吸引用户的眼球。视觉焦点可以帮助用户确认阅读层级,有效的获取重点部分。
2.留白引导
留白指的不是颜色的“白”,而是空间的“白”。与主题物相比,留白在画面中重量更轻一点。使用留白的设计,可以让画面在有呼吸感的同时提升高级感,不会让空间显得过于局促。也可以起到强调主体的作用。
3.动作指向
通过使用人物的眼神,手势等动作引导视觉。也可以通过调整模特元素的方向,位置和排版共同完成对指定内容的指向。值得注意的是在素材选择上,可以尽量选择动态较为夸张的模特,更加能引起用户的关注。
4.方向指引
利用线,箭头等元素,在版式上搭建轨迹。可以很方便的对用户眼睛,进行方向上的引导。除了指引作用,线有的时候还能在版式当中起到装饰作用,丰富视觉。
5.色彩引导
利用不同色彩的对比属性(如饱和度对比,撞色对比),引导受众在第一时间聚焦重点。具体表现为在主要元素下方叠加饱和度较高的色块,或者在较为灰暗的背景上使用高亮文字。色彩之间的反差感强调了画面的重点。
6.数字指向
数字指向源自于人们对数字顺序的固有观念。例如当看到数字1的时候就会下意识去寻找数字2。所以在版式中可以通过标明数字的方式强调文字的分段。常常用做目录页或者产品排列展示中。
7.空间引导
空间透视本身存在着近大远小的属性。利用这一属性可以影响视线的顺序,即离眼睛较近的物体往往更能吸引眼球成为主体。
8.文案引导
设计是为了传递信息而存在的行为。所以设计之前文案先行,好的文案不仅给创意提供了更多可发挥的空间。也能在第一时间调动受众的想象力。文案的视觉设计,往往通过对文案意思具象的、抽象型的表达引起用户的共鸣。
9.动静引导
在静态的画面中使用动态的局部,能够让这个局部迅速凸显出来,成为焦点。动的表现可以用人物的动作,产品的动作来完成。需要注意的是,同时动的元素不要超过3个或更多,否则会引起视线的杂乱。
福利互动
为答谢客官阅读完此文支持,特准备新人大礼包赠送领取:
200款字体排版设计源文件、
精选海报设计模板素材、画册模板、
LOGO样机、100+设计电子书、
ps色环插件ps涂抹笔刷、
Adobe全家桶软件大全、
5000款设计师必用字体等等500G设计资源
获取方式:私信回复“领取”