大多数关于我们设计的决定都会引导用户采取行动——但这只有在目标看起来可点击并传达视觉层次结构时才有效。CTA按钮设计需要突显层次结构,这是如何做到的呢?
分形科技上海,上海专业网站设计、专业网站建设、高端网站设计公司,今天和您分享经验!1.按钮大小
至于大小,一般建议按钮文本为18px(与正文文本相同),但大小有3种变化。
正常:高度44像素(圆角:5像素)
大:高54像素(圆角:10像素)
超大:高度64像素(圆角:15像素)
2.阴影
阴影应该用来增加深度,暗示交互性。所有按钮和表单域变体的单一阴影样式都很好——不需要任何花哨的东西。
3.互动性
每个按钮类型都需要一个表示其悬停状态的变体。这向用户阐明了他们尝试做的事情完全没有问题,并确保他们继续进行。这实际上是创建设计系统更复杂的方面之一,因为颜色通常是创建状态时最喜欢更改的样式。幸运的是,这些状态变化可能相对微妙,因此可以将颜色更改为稍微更亮或更暗的变化,这就是它们的用途——提高网站的交互性。
层级结构明显的CTA按钮更容易引起用户的关注和点击。北京分形科技已经为太古里,北京故宫博物院、张家界大峡谷等提供定制化的服务,更多详情,欢迎您咨询北京分形科技!