界面与组件 UI

「帮我加个东西，点一下就能把内容存下来。」

让用户在当前页面执行「保存 / 提交 / 删除」这类动作的可点击控件。

「页面上有一个格子，用户可以在里面打字，比如填邮箱、填名字、填验证码。」

让用户往里面输入一行文字或数字的控件，是表单和搜索最基础的地基。

「页面上有个框，点它弹出一列选项，用户从里面挑一个，比如选城市、选月份、选套餐。」

让用户从你给定的选项里挑一个的控件，用户不能随便填，只能在你给的里面选。

「我要一个页面，用户在里面填几项内容，填完点保存，资料就存下来了。」

让用户输入一组信息并一次性提交的容器，注册、下单、填资料都靠它。

「我想让用户点一下就去另一个页面。」

把用户带到另一个位置或页面的可点击文字，和按钮的职责正好相反。

「设置页里有个小开关，一拨就开一拨就关，比如「开启消息通知」「深色模式」。」

表示一个开/关状态的控件，拨一下立即生效，适合只有两档、马上起效的设置。

「用户点了个按钮，页面角落飘出一小行字说「保存成功」，过几秒自己消失。」

短暂出现在屏幕角落、几秒后自动消失的小提示，用来告知一次轻量操作的结果。

「鼠标移到某个图标或字上，旁边浮出一小段解释，移开就消失，比如问号旁边的说明。」

鼠标悬停时才出现的微型说明，装「锦上添花」的补充信息，装不了关键信息。

「列表里一条记录都没有的时候，页面别干巴巴一片空白，得告诉用户这是怎么回事、下一步该干嘛。」

当列表、页面或模块没有任何内容时，展示给用户看的引导界面，而不是一片空白。

「页面顶部或内容上方有一长条醒目的提示，比如「网络已断开」「正在维护」，它不会自己消失，一直挂着。」

常驻在页面上的醒目提示条，装「用户必须看到」的重要信息，不会几秒就消失。

「页面加载时先显示一排灰色方块占位，形状跟最终内容差不多，加载完变成真内容。」

内容加载完成前显示的灰色占位块，形状模仿真实布局，告诉用户「这里马上有东西」。

「我想点一个东西之后，在当前页面上浮出一个小窗口。」

盖在当前页面上的临时窗口，用户必须先处理它或关掉它，才能继续原来的页面。