美文网首页产品交互设计交互设计
交互-按钮置灰与不置灰

交互-按钮置灰与不置灰

作者: 刺猬她不优雅 | 来源:发表于2016-09-06 18:46 被阅读1482次

    理了下按钮置灰还是不置灰的逻辑,总结讲就是
    简单的置灰,复杂的不置灰
    单项的置灰,多项的不置灰

    简单的置灰,单项的置灰

    充值.jpeg 提现.jpeg 写评论.jpeg 登录.png

    类似这样,仅有输入框和按钮,输入内容格式较固定,用户熟悉且知道如何输入的页面,用置灰按钮。
    a,置灰的按钮暗示用户页面需要填写一些信息
    b,按钮从置灰到亮起,告知用户可以提交
    c,免去了未输入内容空提交时的错误提示。

    复杂的不置灰,多项的不置灰

    WechatIMG60.jpeg WechatIMG61.jpeg

    按钮除了提交功能,表单未完成时还起提示和引导的功能。在填表单和提交表单时,点击按钮,会出现引导完善表单的提示。

    相关文章

      网友评论

        本文标题:交互-按钮置灰与不置灰

        本文链接:https://www.haomeiwen.com/subject/zrndettx.html