按钮图标 的设计原则

 

尺寸

大小是告知用户布局元素的重要性和构建组件层次结构的核心方法之一。一个有吸引力和高效的号召性用语按钮需要足够大,以便能够快速找到,但不要太大,以免布局结构被破坏。设计规范对按钮对尺寸有严格的建议,Apple建议移动UI中的CTA应至少为44Х44像素,而Microsoft推荐34Х26像素。如果您为移动设计,对不同类型的按钮的要求可能非常严格,因此要彻底研究设计规范指南,以最大限度地降低因UI设计不佳而导致应用拒绝的风险。

 

颜色

为了使一些按钮容易引人注意并且一些次要按钮,选择合适的颜色至关重要。问题在于人类的情绪和行为与视觉环境高度相关,而颜色是这方面最强大的工具之一。在为CTA选择颜色时要记住这一点至关重要:按钮和背景颜色必须对比良好才能使按钮从其他UI组件中快速脱颖而出。

 

形状

至于CTA按钮,它们通常看起来像水平矩形。原因是你要清楚这个按钮是可点击和交互的,人们习惯将这个形状看作一个按钮。按钮的形状还要与网页或者app的设计风格保持一致。

 

位置

按钮的放置位置对于构建可靠的视觉层次结构和清晰的导航至关重要。如果它们位于用户眼睛无法捕捉到的区域,则其他视觉方面(例如颜色和大小)可能无法有效工作。设计人员必须学习可扫描的区域,并在用户可以操作的空间中放置核心功能的按钮。

可临摹图标素材,学习的好帮手!

UI设计按钮图标素材干货模板

下载按钮PSD

UI设计按钮图标素材干货模板

带有灯光和阴影PSD的开关

UI设计按钮图标素材干货模板

PSD按钮和开关

UI设计按钮图标素材干货模板

关闭PSD按钮

相关文章: