杨照
宣布于 中国汽车报
+关注
制作一个清晰可用的中文本幕效果页面,,,,,重点不是堆叠按钮或装饰,,,,,而是把效果内容、页面结构、状态提醒和操作入口安排在统一条阅读路径上。。。。由于“中文本幕”没有明确对应的详细软件、装备或牢靠制品,,,,,本文仅围绕效果页面自己睁开,,,,,给出一套可落地的页面质料、比例和制作办法。。。。
先确定中文本幕效果页面的制品形态
完成后的页面应当让用户进入后连忙知道三件事:目今展示的是什么效果、效果是否完整、下一步可以做什么。。。。一个基础版本通常包括顶部名称区、条件或筛选区、效果展示区、空状态与过失提醒区,,,,,以及须要的操作区。。。。
若是效果内容以文字为主,,,,,页面应优先包管中文问题、正文、时间或分类信息的可读性;;;;;若是效果包括图片、文件或多条纪录,,,,,则需要让每条效果拥有自力的问题和摘要,,,,,阻止所有内容挤在一块。。。。页面名称可以保存“中文本幕效果页面”,,,,,但内部???橛κ褂萌菀酌魅返闹形谋昵。。。。
页面质料与推荐配比
这里的“质料”指组成页面的内容和功效???。。。。配比不是牢靠手艺标准,,,,,而是制作初稿时的分派要领,,,,,后续应凭证效果数目和内容长度调解。。。。
| 页面质料 |
建议占比 |
主要作用 |
| 效果主体内容 |
约50% |
展示问题、正文、摘要、分类或其他焦点效果 |
| 页面结构与层级 |
约20% |
区分页面问题、筛选条件、效果列表和辅助信息 |
| 盘问或筛选区域 |
约15% |
资助用户缩小规模,,,,,镌汰无关效果 |
| 操作入口 |
约10% |
提供审查、复制、生涯、重新处置惩罚等须要操作 |
| 状态提醒与说明 |
约5% |
处置惩罚无效果、加载失败、内容缺失等情形 |
效果内容始终应占最大比例。。。。若筛选区比效果区更醒目,,,,,用户会先看到操作项,,,,,却难以判断页面真正提供了什么。。。。若辅助说明过多,,,,,则会削弱中文本幕效果页面的主题集中度。。。。
中文本幕效果页面的制作办法
- 列出效果字段。。。。先确定每条效果最少需要哪些信息。。。。;;;;∽侄慰梢园ㄐЧ侍狻⒓蚨棠谌荨⑺糁直稹⑻焐蚋率奔洌,,以及与该效果相关的操作。。。。字段不宜一次加入过多,,,,,无法资助判断内容的字段可以先隐藏。。。。
- 安排页面层级。。。。顶部先放页面名称和一句用途说明,,,,,再放筛选或盘问条件,,,,,下面进入效果主体。。。。效果列表中的每一项坚持相同结构,,,,,让用户能够一连浏览,,,,,而不必在差别卡片之间重新寻找信息。。。。
- 编写中文界面文案。。。。按钮名称应直接说明行动,,,,,例如“审查效果”“复制内容”“重新天生”或“扫除条件”。。。。“提交”“处置惩罚”“执行”这类过于宽泛的词,,,,,只有在上下文很是明确时才适合使用。。。。
- 制作效果单位。。。。每条效果建议接纳“问题在前、摘要居中、辅助信息靠后”的顺序。。。。问题认真确认内容,,,,,摘要认真资助判断是否相关,,,,,时间、种别和状态等信息作为增补,,,,,不应抢占主要视觉位置。。。。
- 补齐页面状态。。。。不要只制作有数据时的正常页面。。。。至少准备首次进入、正在加载、已有用果、没有用果和处置惩罚失败五种状态,,,,,并让每种状态都给出下一步提醒。。。。
- 检查差别长度的内容。。。。使用短问题、长问题、单字问题、长段落和多条效果举行测试。。。。若某一条内容变长后造成按钮错位、文字遮挡或列表无法继续阅读,,,,,就需要调解字段长度、换行规则或???楸壤。。。。
效果区的要害处置惩罚要领
效果区是中文本幕效果页面的焦点。。。。建议让每条效果具备清晰的界线,,,,,可以使用卡片、脱离线或留白区分相邻内容,,,,,但不必同时使用多种装饰。。。。问题和效果状态应当靠近,,,,,用户才华快速判断这条内容是否已经完成。。。。
摘要长度应坚持相对统一。。。。内容过短时可直接显示全文;;;;;内容较长时只保存能够资助判断的前几行,,,,,并通过“审查完整内容”进入详情。。。。不要在列表中强行展示所有文字,,,,,不然页面会被少数长效果拉得过长,,,,,查找效率也会下降。。。。
当效果具有分类、时间或处置惩罚状态时,,,,,应使用牢靠位置展示。。。。例如种别统一放在问题下方,,,,,时间统一放在内容末尾,,,,,状态统一使用简短词语。。。。不要让统一种信息在差别效果中随意变换位置,,,,,这会增添阅读本钱。。。。
常见失败情形与处置惩罚方法
页面有问题但看不出效果内容
这通常是由于问题区和说明文字占用了过多空间。。。。处置惩罚时应压缩配景先容,,,,,把效果主体提前,,,,,并在首屏内展示至少一条完整效果或明确的空状态。。。。
筛选条件过多,,,,,用户不知道先选什么
保存最常用的条件,,,,,其余条件放入“更多条件”或次级区域。。。。默认状态不应要求用户填写所有字段才华看到页面内容。。。。没有明确筛选需求时,,,,,可以先展示所有用果,,,,,再让用户逐步缩小规模。。。。
无效果时页面像是失效
空状态需要说明缘故原由和可执行行动。。。。例如提醒“暂时没有切合条件的效果”,,,,,同时提供“扫除条件”“调解要害词”或“重新处置惩罚”等入口。。。。不要只显示空缺区域,,,,,也不要把手艺过失直接袒露给通俗用户。。。。
处置惩罚失败后无法继续操作
失败提醒应只管说明是内容缺失、条件不完整,,,,,照旧暂时无法完成处置惩罚。。。。关于可以重试的情形提供“重新实验”;;;;;关于需要修改条件的情形,,,,,直接指出需要检查的字段。。。。过失信息应短而详细,,,,,不必堆叠内部代码或手艺术语。。。。
长文本导致页面比例失衡
可以限制列表摘要长度,,,,,将完整内容放到详情区域;;;;;也可以为长文本设置折叠状态。。。。要害不是截断所有内容,,,,,而是让用户先完效果果判断,,,,,再决议是否睁开阅读。。。。
宣布前的制品检查
- 页面问题是否准确说明中文本幕效果页面的用途。。。。
- 进入页面后,,,,,是否能在短时间内找到第一条效果或明确的空状态。。。。
- 效果问题、摘要、分类、时间和状态是否有稳固的排列顺序。。。。
- 每个按钮是否使用了直接、明确的中文行动词。。。。
- 没有用果、加载失败和内容过长时,,,,,页面是否仍然可以继续操作。。。。
- 差别数目和差别长度的效果是否会破损版面。。。。
- 辅助说明是否已经收束,,,,,没有压过效果主体。。。。
凭证“效果主体优先、页面结构清晰、操作入口适量、失败状态完整”的顺序制作,,,,,中文本幕效果页面就能形成较稳固的制品。。。。先完成字段和内容层级,,,,,再处置惩罚颜色、图标与装饰,,,,,比一最先追求重大效果更容易获得清晰、可维护的页面。。。。
pf56ge0mynrsw2aja2ianxble0k