
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
website,也就是网站,也是我们浏览互联网所经常接触到的产物。如今的发展非常迅速,网站也很多,各种企业站,个人站,购物站,电商站,等等,也催生出了很多职业,比如 网站运维,网站制作,网页设计,等等。今天,青岛网站制作培训小编为大家带来,网页设计指北,希望大家喜欢!
Call-to-Action(CTA)按钮
Call-to-Action(CTA)是指引导用户实现预期目标的按钮。 CTA的重点在于引导用户进行我们所期望的行动。 一些常见的CTA的例子是:
“Start a trial”
“Download the book”
“Sign up for updates”
“Get a consultation”
设计CTA按钮时需要考虑以下几点:
CTA应该足够大,稍远距离也能看见;但不能太大。要确认CTA是不是页面上最显著的元素,请尝试五秒钟的测试:浏览网页五秒钟,然后记录您记得的内容。 如果CTA在清单上,它的大小适当!
在视觉上突出。CTA的颜色是引起用户注意的重要因素。通过颜色,可以让某些按钮比其他按钮更突出,更具视觉冲击力。对比色非常适合用于CTA,使其更加醒目。
火狐网站上绿色的CTA非常醒目,能马上得到用户关注。
负空间。CTA周围的空间也很重要。白色(或消极色)空间为了按钮创建了留白空间,将按钮与界面中的其他元素分割开。
以前的Dropbox主页有一个很好的例子,使用负空间来创建主CTA。蓝色的“免费注册”CTA与背景的淡蓝色相映成辉。
面向行动的文本。为按钮编写文本,推动用户采取行动。从使用“开始”,“获取”或“加入”等动词开始。
Evernote为CTA提供了最常见且有效的文本。
提示:您可以通过模糊效果快速测试CTA。模糊测试是确定用户的眼睛是否会到达您想要的位置的便捷方法。将网页截图在Adobe XD中应用模糊效果(请参阅下面的示例)。看看页面的模糊版本,哪些元素会脱颖而出?如果您不是正在预测的内容,那就修改。
模糊测试是一种检验设计焦点和视觉层次的技术。