扫码阅读
手机扫码阅读

原型说明咋写-单选框

262 2024-03-13

在面对原型开发时的压力和细节问题,本文介绍了一种高效创建原型的方法,并承诺提供具体模板。文章中分步骤介绍了如何与团队约定规范,并使用模板简化原型制作。同时,本系列文章还将提供43个常用组件和3篇页面的规范和模板,以助读者更好地理解和应用。

文章详细讨论了单选框的应用场景、交互和设计规范、以及可控参数。强调了在多个互斥选项中使用单选框的便利性,并建议选项不宜过多,超过5项时应使用下拉选择器。在交互规范中提到基础状态、悬停状态、选中状态以及禁用状态的具体设计,同时对于排版也提供了指导,确保选项间距一致且适应不同屏幕尺寸。

设计规范部分允许自定义选项间距和样式,但如果未定义,则使用默认值。可控参数包括状态(默认或禁用)、可选项(固定数量更佳)、默认值(根据业务需求确定)以及选中后对关联数据和控件的影响。

最后,文章提供了一个模板示例,说明了如何在组件名称前加“规范”字样以标识其已经过规范化处理。模板中包括了状态、可选项、默认值和操作后置结果等部分。文章结尾鼓励读者关注和收藏系列,以便不错过后续更新,并表示读者的支持是作者持续分享的动力。

想要了解更多,点击 查看原文