2020-10

21

2020年,品牌网站建设流行的趋势
  • 类型:专业观点
  • 编辑:Angle
  • 来源:www.szniegoweb.com
  • 品牌网站建设可靠的点击目标可以造就或破坏你的移动网站或应用。按钮或链接的大小,形状,位置和整体设计确定用户是否成功完成了一项操作。这似乎是一件小事,但可能是设计中最重要的元素之一。现代轻击式目标易于识别,以预期的方式工作并鼓励参与。本期尼高网站开发公司Angle带大家去研究如何设计它们,制作有效的号召性用语的方法以及有关颜色和字体选择的注意事项。


    品牌网站建设


    1、渐变和颜色
    关于按钮和其他可轻敲目标,你可能会注意到的最大设计趋势之一就是色彩。渐变和鲜艳的色彩是常态。这些吸引注意力的选择可帮助用户识别轻击目标,并将注意力转移到屏幕上的操作上。一次,几乎每个人都在设计红色或橙色的按钮和水龙头元素,但实际上已经让位于其他颜色,尤其是渐变色。蓝色,紫色和绿色渐变可轻敲目标是当前最受欢迎的一些设计选择。它们适用于浅色或深色背景(或模式),因此对于用户可以控制默认配色方案的设计而言,这是一个可行的选择。

    2、大小事项
    轻击目标的大小不仅仅是美观,在可及性方面同样重要。对于可点击元素的大小,大多数准则建议至少为44px。这大约是普通成人指垫的大小。这并不是说所有视觉元素都至少要具有此大小,但是你应确保元素周围的整个可点击区域都超过此大小。(想想在应用内广告上关闭一个很小的“ x”会很烦人,通常会导致错误地点击广告本身)足够的可点击区域可以解决此问题。AAA级成功的可访问性准则指出,“指针目标”的大小必须至少为44 x 44 CSS像素,并带有少数与链接上下文有关的异常。

    3、品牌网站建设的视觉设计能力
    可轻击目标看起来像用户应该触摸的东西吗?尽管这可能是一个非常简单的概念,但它经常被遗忘。使用知名的和公认的模式和设计元素的视觉能力使用户在看到交互式元素时更容易知道该怎么做。

    可点击目标的常见视觉承受能力包括:

    • 内联文本链接的下划线或不同颜色
    • 为对象放置阴影或内部阴影
    • 圆角或圆
    • 具有可操作文本的元素,例如“登录”或“提交”
    • 列中的分隔位置,两侧均无其他对象



    4、创建悬停状态和焦点状态
    悬停状态是台式设备上交互式元素的一种广泛认可的选项。当鼠标移到可以单击的项目上时,它可能会更改颜色,移动或做出与以前不同的反应。这些动作实际上不适用于移动点击目标,因为没有鼠标或光标可以在屏幕上移动。但这并不意味着它们并非同等重要。悬停状态对于设计的桌面版本很重要。在移动性方面,这种微交互作用演变为激活状态,该状态显示/何时以触摸方式激活或“按下”按钮或点击元素。
    当用户通过键盘或屏幕阅读器导航到轻击目标时,它还涉及作为可访问性工具的焦点状态。焦点状态将显示当前选择的目标,例如以某种形式突出显示活动框或关闭/打开切换到设计中的某些元素(例如键盘开口)。

    5、填充足够
    除非你要设计深色图案,否则你可能要确保用户点击预期的目标,而不是附近的物体。在每个可轻敲元件周围进行足够的填充可以解决此潜在问题。除了使Tap元素至少为44px外,还应在Tap区域周围至少保留8px的空间。更好的做法是使用等于其周围Tap元素大小一半的填充。这有助于防止意外敲击。


    我们仍在品牌网站建设。无论手机大小,这都是事实。可触碰的目标可以是任何东西,从按钮到控件,再到文本链接,用户可以使用它们来使网站或应用程序按设计正常工作。一个好的可轻敲目标看起来应该被触摸(或单击)并执行用户期望的操作。可悲的是,设计这些元素通常是设计过程中被遗忘的一部分。不要陷入项目的陷阱。