认识达内从这里开始

认真做教育专心促就业

贵阳达内UI培训按钮设计应用都有哪些注意事项

发布：贵阳达内培训
来源：互联网
时间：2022-07-06 09:37

按钮设计的应用在许多网页设计和app应用软件开发项目中都是会经常用到的一个设计功能，而本文我们就通过案例分析来简单了解一下，按钮设计应用都有哪些注意事项。

贵阳达内UI培训按钮设计应用都有哪些注意事项

在生活中，工业制成品的按钮是有很多物理属性，比如形状、颜色、质感、声音、震动等等，人类通过不断的学习和理解，逐渐形成了对于按钮的认知(人类对于事物的认知是基于特征的)，下图是工业产品的按钮，随着互联网的发展，线上产品的按钮的设计在用户认知模型的基础上延续了按钮的部分特征，例如真实、细节、质感等，而现在产品中按钮设计更加的简约，只继承了按钮设计的核心特征。当然在这个过程中，用户对于按钮的认知也是在学习和理解中变化的。

在设计按钮的过程中，设计师容易陷入到每一个具体的需求中，由于需求的零碎而导致按钮价值的零碎，甚至是不统一，不协调。而每一种类型的按钮背后也都承载了不同的数据逻辑和用户行为，按钮系统的不统一就会产生错误的视觉引导和心里暗示。所以设计师需要跳出需求导向的设计思维，从产品的全局出发，在产品体验的基础上输出具有不同层级且成系统的按钮设计方案。

产品目标可以帮助设计师更好的理解业务，明确产品的操作流程。区别对待流程的主次，明确哪个流程接近产品目标。把产品目标和操作流程做一个相关性的分析和总结。例如电商平台淘宝的产品商业目标是提升GMV。只有和商机相关的行动点才是层级高的按钮。其他的按钮是次级行动点。而在筛选页面的场景中，用户的主要目标是通过筛选来选择出符合自己需求的内容，筛选是行为，但用户更关注的是列表的内容，且筛选并不是一个和产品目标强关联的行为，只是其中的一个流程，和整个页面的信息环境相比，筛选按钮相对较弱。而详情页是可以带来商机和转换的，符合产品的商业目标，所以底部按钮视觉层级较高，形成突出的视觉引导行动点，其他“查看全部信息”、收藏、客服等按钮层级相对较弱。

同时每一个操作流程中，用户、场景、目标、行为四个元素是互相关联并且变化的，不同的场景会导致用户目标和行为的变化，所以不同的场景会有不同层级的按钮设计，例如在淘宝的列表页场景中用户的主要目标是查看符合需求的内容，行为是筛选和对比。当用户进入到详情页场景中时，目标则是对内容做决策，主要行为是添加购物车或者购买，次要行为是收藏、分享、领券，查看其他信息。

基于互联网产品的使用，用户对产品按钮的设计形式已形成一定的认知和理解，形成了特有的认知模型。通过对于用户的分析和了解，可以帮助设计师缩小设计形式的范围。同一个行业的产品的按钮设计形式都是有一定的共性。例如下图，电商的按钮通常情况下是暖色系，强转换按钮位于屏幕的底部，按钮的视觉和整个页面形成强烈的对比，更加聚焦。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。

< 上一篇：贵阳达内电脑培训软件编程开发行业都有哪些岗位类型

下一篇：贵阳达内IT培训软件架构设计基础知识分享 >