频道切换与搜索入口
页面最上方一排是频道切换区，当前所在频道会以主色短横标出；右侧放大镜图标展开搜索框，用于按关键词定位页面内容。
- 频道名称悬停变色，点击后整页切换
- 搜索框回车或点「查找」都会提交
- 窄屏下频道收进右上角菜单图标
六类界面模块的用途说明
每一类模块都标出位置特征、常见按钮措辞与不可点击时的判断依据，方便在页面上快速定位。
输入框与登录状态
需要身份确认的页面会出现输入区域。输入框获得焦点时边框转为青碧色，用于提示当前正在输入的那一栏。
- 两项内容都填写完整后按钮才会亮起
- 勾选记住状态后下次进入可省一步
- 退出入口通常在右上角头像菜单内
列表卡片与翻页条
内容以卡片形式成组排列，卡片上方的标签标明所属类别。列表底部是翻页条，显示当前位置与可切换的页数范围。
- 卡片边缘高亮代表鼠标正悬停其上
- 翻页按钮浅色即为已经到首尾
- 每页显示条数可在列表中切换
主按钮与次要按钮
青碧实底的是主要操作，描边样式的是辅助操作，文字带箭头的则是跳转链接。三种样式分别对应不同的结果强度。
- 主要操作在每个页面通常只有一个
- 次要按钮多用于返回或切换查看
- 带箭头的文字链接会切到另一页面
加载中与内容为空
内容尚未返回时会出现加载提示，区域会保留原有高度避免页面跳动。若确实没有可展示内容，则显示一条简短说明与一个返回入口。
- 加载提示超过半分钟可尝试刷新
- 空状态不代表页面出错
- 网络异常提示会附带重试入口
显示方式与提醒开关
设置区用于调整显示密度、字号大小与提醒方式。改动会即时生效，重新打开页面后仍按上次选择呈现。
- 显示密度影响卡片之间的留白
- 提醒开关关闭后不再弹出小窗
- 恢复默认可一键还原全部选项
电脑端与手机端的显示差异
同一套界面在两种屏幕上会做取舍，功能不变，位置和折叠方式不同。对照下表可以少走弯路。
宽屏下的呈现
- 频道整排平铺：首页、访问指南、功能说明、常见问题四个频道直接横排在顶部，点击即可切换。
- 热词条常驻：导航下方一行趋势标签，鼠标悬停时文字转为主色，点开进入对应频道。
- 搜索框展开式：点放大镜后，搜索输入条在导航下方展开，输入完按回车提交。
- 卡片三列排布：模块卡片每行显示三张，信息密度较高，适合横向比对。
- 侧栏信息跟随：较长的说明区会在滚动时保持可见，便于边看边操作用。
窄屏下的呈现
- 频道收进菜单：顶部只保留品牌、搜索与菜单图标，点开后从右侧滑出竖排导航。
- 热词改为竖列：趋势标签移入抽屉内，按顺序竖排，避免挤压顶部空间。
- 搜索单独成行：搜索输入框与查找按钮上下排列，占满可用宽度，方便单指点击。
- 卡片单列堆叠：模块卡片改为一行一张，说明文字不裁切，阅读时无需左右滑动。
- 侧栏内容后置：辅助信息移到正文之后，正文优先展示，减少来回滚动。
三步找到对应说明
不必从头读完。先确定按钮在哪个区域，再看它的样式与状态，最后按提示处理，多数疑问在半分钟内就能有结论。
STEP 01
先看它属于哪个区域
顶部一排通常是频道与搜索，卡片之间是内容区，卡片内部的按钮属于操作入口，右下角浮起的多为提示与反馈。区域确定后，说明基本就能对上。
STEP 02
再分辨样式与当前状态
青碧实底是主要操作，描边是辅助操作，浅色且点不动则说明当前条件不成立。同一区域里出现两种样式时，先完成描边一侧的选择，实底按钮才会恢复可用。
STEP 03
最后按提示处理或改换路径
有明确文字提示的按提示操作，例如刷新、重试或返回列表；只有图标没有文字时，把鼠标移到图标上看浮层说明；仍无法判断时，到常见问题频道查看同类现象的处理办法。
这些情况下可以对照本页
下面四类情况出现得最多，按顺序看一遍基本能自行解决，不必反复试探。
初次进入，不敢乱点
界面上按钮较多、部分只有图标。先对照区域说明确认用途，再决定是否点击，避免误触返回或清空当前选择。
按钮变浅，操作不了
先检查上方是否还有未完成的选择项，再确认当前页面所处层级。补全前置条件后，按钮一般会恢复为可点击的实底样式。
换到手机上找不到入口
窄屏下频道与热词都收进了右上角菜单。展开抽屉后按顺序查看，桌面端能做的事，抽屉里基本都能找到对应项。
长时间停在加载提示
先等十几秒，若提示未消失则刷新页面并确认网络稳定。只有某个区域卡住时，通常是该区域内容未返回，重新进入这一区域即可。
关于界面与按钮的常见疑问
整理自日常反馈中重复率最高的几个问题，逐条给出判断办法。
页面上的按钮显示为浅色、点不动是什么原因？
浅色且不可点击的按钮表示当前条件下该操作暂时不成立，通常与尚未选择内容、当前没有可提交的数据或所处页面层级有关。先确认上方是否还有未完成的选择项，再回到列表重新进入一次，多数情况可以恢复为可点击状态。
手机端看到的按钮和电脑端不一样，是缺少功能吗？
手机端屏幕较窄，部分次要按钮会收进更多菜单或折叠面板中，功能本身仍然存在。可以先展开右上角的菜单图标，再查看折叠区域里的操作项，两者的用途是一致的。
页面一直显示加载中的提示，应该怎么处理？
先等待十几秒观察提示是否消失；若长时间停留，可下拉刷新或重新打开页面，并确认当前网络是否稳定。若仅在某个固定区域出现，通常是该区域内容尚未返回，刷新后重新进入这一区域即可。
界面文案和图标与本页描述不完全一致怎么办？
页面会根据版本调整按钮措辞与图标样式，位置和用途通常保持不变。对照时可优先看按钮所在区域与点击后的结果，若仍无法判断，可到常见问题频道查看最新的提示说明。
先记住进入步骤，再看按钮怎么用
访问指南频道写清了从打开页面到进入内容区的完整顺序，与本页的模块说明配合查看，遇到不熟悉的界面会更快上手。