010-64928252

CTA设计如何突显需要层次结构

2022-08-23

  大多数关于我们设计的决定都会引导用户采取行动——但这只有在目标看起来可点击并传达视觉层次结构时才有效。CTA按钮设计需要突显层次结构,这是如何做到的呢?


from clipboard


  分形科技上海,上海专业网站设计、专业网站建设、高端网站设计公司,今天和您分享经验!1.按钮大小

  至于大小,一般建议按钮文本为18px(与正文文本相同),但大小有3种变化。

  正常:高度44像素(圆角:5像素)

  大:高54像素(圆角:10像素)

  超大:高度64像素(圆角:15像素)

  2.阴影

  阴影应该用来增加深度,暗示交互性。所有按钮和表单域变体的单一阴影样式都很好——不需要任何花哨的东西。

  3.互动性

  每个按钮类型都需要一个表示其悬停状态的变体。这向用户阐明了他们尝试做的事情完全没有问题,并确保他们继续进行。这实际上是创建设计系统更复杂的方面之一,因为颜色通常是创建状态时最喜欢更改的样式。幸运的是,这些状态变化可能相对微妙,因此可以将颜色更改为稍微更亮或更暗的变化,这就是它们的用途——提高网站的交互性。

  层级结构明显的CTA按钮更容易引起用户的关注和点击。北京分形科技已经为太古里,北京故宫博物院、张家界大峡谷等提供定制化的服务,更多详情,欢迎您咨询北京分形科技!
让决策变的简单
好的开始是成功的一半
您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商