超市标志设计的核心价值在于为企业打造独特的品牌,超市标志设计可以给企业带来良好的社会声誉和经济效益。
按钮是创建的最重要的元素之一,尤其是当你用它们来号召行动的时候。如果你等到最后一分钟,你可能会冒转换的风险。
图片来源:Dropbox
在这篇文章中,我们将讨论按钮的大小、样式、位置和颜色——你需要知道的一切来创建一个有效的行动号召,改善用户体验。
目录
隐藏
按钮的重要性
考虑颜色和对比度
将按钮放在用户路径中
F型
Z形图案
使按钮显示为可点击的
制作圆角矩形按钮
浮动操作按钮(fab)
按钮教程
1.人们首先看到的是英雄
2.他们的眼睛向下看
3.内容推动他们前进
4.行动呼吁
它是如何工作的
更多资源
按钮的重要性
一个按钮放在页面的错误区域,使用了错误的颜色,会让用户止步不前。按钮的目的是引导用户采取你希望他们采取的行动。
如果他们不接受,则按钮因以下原因之一而失效:
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
按钮被放置在用户不熟悉的区域;
颜色让用户厌烦或者不够突出;
按钮的存在并不明显。
根据UX运动,我们可以将所有的三醋酸纤维素按钮归类为:
积极更改、发送或添加信息。例如,一个时事通讯注册框附带的按钮可以发送信息;
中立不做任何更改,或按钮将用户带回到屏幕(如取消);
负-删除或重置信息。
考虑颜色和对比度
UX运动指出,你希望有清晰的颜色对比,因为这有助于用户明白该采取什么行动。如果你的主三醋酸纤维素按钮与背景融合太多,或者看起来像其他任何按钮,那么用户会感到不确定。最好的情况是,这会让他们慢下来。更糟的是,他们不会同意。
这对可能患有色盲的用户来说尤其重要。颜色看起来与色盲用户非常相似,即使它们与视力正常的用户完全相反。
红色和绿色按钮的争论很好地说明了为什么你应该考虑色盲用户。
图片来源:UX运动
让我们简单回顾一下红/绿之争。在大多数人的心目中,红色通常意味着"停止"或"删除"。但是也有人坚持认为用户更倾向于点击红色按钮而不是绿色按钮。所以问题变成了——选择哪一个?
看看上面的图片。左边是能看到颜色的人如何看到红色和绿色的区别。在右边,看看色盲用户如何看待这两种颜色——这两种颜色看起来非常相似。
与我们的在线建设者一起创建网站
使用启动应用程序和幻灯片应用,您可以使用在线网站编辑器建立无限的网站,其中包括现成的设计和编码元素、模板和主题。
尝试启动应用程序
尝试其他产品的幻灯片
正如我们在Web用户界面设计中对人眼的描述,这种差异是因为红色和绿色在色轮上相对出现(它们相互补充而不是对比)。面对这种情况,色盲用
总监微信咨询 舒先生
业务咨询 张小姐
业务咨询 付小姐