
引导线是什么
引导线,听起来很专业,其实理解起来很简单。
就是你浏览网页或者App的时候,眼睛会被一些看不见的”线”引导着移动。
这些”线”可能是一排排的图片,可能是箭头,可能是颜色渐变,也可能是文字的排列方式。
设计师通过这些元素的组合,无形中控制你的视线走向。
引导线的基本原理
人眼的浏览习惯是有规律的。
从左到右,从上到下,这是最常见的浏览路径。
但设计师可以通过引导线,让你的视线按照他们想要的方式移动。
比如:
F型浏览模式:用户先水平扫视顶部内容,然后向下移动,再进行第二次水平扫视,但这次范围更短。
Z型浏览模式:用户的视线从左上角开始,水平移动到右上角,然后斜向左下,再水平移动到右下角。
了解了这些模式,设计师就能知道把重要信息放在哪里最容易被人看到。
网页设计中引导线的应用
导航栏就是最明显的引导线。
用户进入网站之后,首先会看顶部。导航栏放在那里,就是在告诉用户”你想去的地方在这里”。
Banner图和标题也是引导线。
大图+大标题的组合,会吸引用户的第一眼注意力。然后用户的视线会自然向下移动,看正文内容。
CTA按钮(Call to Action)周围的元素,都是引导线。
按钮周围的留白、箭头的指向、颜色的对比,都是在引导用户点击那个按钮。
App中的引导线
App设计里的引导线更讲究。
首页的入口图标排列,是引导线。用户看到图标,就知道点进去能做什么。
卡片式设计也是引导线。每一张卡片都是一个完整的信息单元,用户可以一个一个往下扫。
底部导航栏是固定的引导线。用户随时都能回到首页、消息页或者个人中心。
为什么引导线很重要
因为用户没有耐心。
研究表明,用户在一个页面停留的时间平均只有几秒钟。
如果你的页面没有清晰的引导线,用户不知道该看哪里,就会直接离开。
有了引导线,用户能被”带着走”,看完你想让他看的内容,完成你想让他完成的操作。
怎么判断一个页面的引导线好不好
一个简单的方法:问自己三个问题。
第一个,首页最重要的内容是什么?能在3秒内回答出来吗?
第二个,想让用户做的操作是什么?按钮明显吗?
第三个,用户浏览完页面之后,下一步该做什么?清楚吗?
如果这三个问题都有清晰的答案,那这个页面的引导线设计就是合格的。
设计不一定要多炫酷,把用户引导到位了,就是好设计。
本文来自投稿,不代表聚客号立场,如若转载,请注明出处:https://www.jukehao.com/7245.html