美叶学习
  • 最新
  • 主题

      文章主题

    • 规范指南
    • 原理法则
    • 研究方法
    • 控件
    • AIGC
    • 色彩
    • 排版
    • 无障碍
    • 亮点
    • 槽点
    • 对与错
  • 小册
  • 关于

      关于

    • 关于我们
    • 在线支持
    • 投稿
    • 成为作者
    • 寻求合作
    • 使用帮助
目录
设计漫谈
目超
  • 第1章:前言

    第1节

    小册简介

  • 第2章:目录

    第1节

    行为判定

    第2节

    移动注册

    第3节

    消息推送

    第4节

    内容层级

    第5节

    多选

    第6节

    预防犯错

    第7节

    排序

    第8节

    标准化录入

    第9节

    打断

    第10节

    视觉层级

    第11节

    进程状态

    第12节

    密码设置

    第13节

    内容归类

    第14节

    反馈

    第15节

    操作距离

    第16节

    折叠播报

    第17节

    按钮注释

    第18节

    滑屏操作

    第19节

    选择权

    第20节

    内容溢出

    第21节

    输入暗示

    第22节

    关系映射

    第23节

    返回顶部

    第24节

    位置锚定

    第25节

    分页

    第26节

    面板优化

    第27节

    输入补全

    第28节

    信息检索

    第29节

    还原

    第30节

    内容折叠

    第31节

    通知提示

    第32节

    可视化

    第33节

    对话框

    第34节

    页面直达

    第35节

    输入法

    第36节

    清空删除

    第37节

    路径指引

    第38节

    社交对话

    第39节

    评论

    第40节

    文本框标签

    第41节

    筛选

    第42节

    光标控制

    第43节

    富媒体播放

    第44节

    数值修正

    第45节

    帮助说明

    第46节

    错误状态

    第47节

    情感化

    第48节

    浏览线

    第49节

    模态叠层

    第50节

    预览

对话框
2025年12月20日

对话框是我们在产品设计过程中,常常要用到的一种组件。在网页产品设计中,对话框可以用以用来承载较为简单的页面内容,比如当我们查看某些页面元素的详情内容时,常常通过使用对话框来完成。这种类型的对话框,交互属性比较弱,页面内除了文字或者图片内容外,可交互的按键通常只有关闭窗口按钮。


还有一些网页产品则为用户执行某些操作,提供确认或是选择操作方式的选项,比如在lyft的注册页面,会为用户提供两种验证码接收方式,一种为电话验证码,一种为短信验证码,用户可以依照自己的喜好,在对话框中做出选择。


在网页产品设计中,经常会用到较为复杂的对话窗口形态,比如很多产品的登录窗口,需要用户输入用户名和密码,然后点击提交按钮,执行登录操作。还有一些产品,会将表单填写页,设计成对话窗口形态,这类页面通常会包含复杂的交互组件,还有用户可执行提交任务的动作按钮。户需要在这个弹出窗口内,完成一些列的操作。所以窗口设置的友好度,非常影响用户的体验。


在移动产品设计中,我们也会经常使用对到话框,这类对话框,多用于为用户执行操作,提供选择,比如在IOS系统中,应用想要获取用户的位置数据,需要用户给予相应的授权。

支付¥29.90,解锁全部51篇