编辑导语:文本输入在日常中随处可见,在上篇文章中作者讲了 B 端“输入框”组件 UI
设计规范;本篇文章作者分享了关于 B 端“多行文本”、“下拉菜单”组件的交互规范,
我们一起来学习一下。
一、前言
在前一篇文章《B 端 UI 界面交互基础组件-输入框(上)》中,一起学习了 B 端“输入框
”组件 UI 设计规范,其中包括单行文本;并从“单行文本”组件的需求场景、内容布局
以及交互方式等方面对以上组件进行了详尽的规范描述。
今天我们继续介绍了 B 端“多行文本”、“下拉菜单”组件的交互规范。
二、多行文本
1. 需求场景
为用户提供进行长文本内容输入的操作区域。 用户可能会对部分输入项有疑惑,需要相
关的解释说明。 部分数据项与其他输入项的前后关系,或者输入数据规则比较复杂,需
要提供操作指导。 为避免用户进行误操作,需要提供合法性检查规则,并及时反馈。
2. 内容布局
1)根据功能需要,输入框分为三个区域:文本输入、辅助信息、备注信息、数据关联提
醒文本;布局如下:
2)其他诸如标签与输入框左右布局、上下布局以及辅助信息放置位置等内容形态参见单
行文本。
3. 交互行为
交 ...
附件列表