01
顶部导航栏
横向排列的几个栏目名是整站的主干路径,当前位置下方有一条高亮短线。鼠标移上去会变亮,点击即切换到对应栏目,滚动页面时导航条会转为半透明背景,始终停留在屏幕顶部。
顶部导航决定你能去哪几个栏目,搜索框决定你多快能找到目标位置,首屏按钮决定你下一步做什么。把这三处理顺,后面的内容卡片和页脚信息就只是顺路查看的事了。
下面按页面的实际排列顺序展开,每一块都说明它长什么样、放在哪、点进去之后到哪里。你可以对着屏幕一块一块确认,也可以只看自己关心的那几张卡片。
01
横向排列的几个栏目名是整站的主干路径,当前位置下方有一条高亮短线。鼠标移上去会变亮,点击即切换到对应栏目,滚动页面时导航条会转为半透明背景,始终停留在屏幕顶部。
位于导航右侧的胶囊形输入框,可以输入栏目名、功能名或问题关键词,下方会给出候选条目,点击直接跳转。按快捷键可随时唤起输入。
占据页面开头的大幅画面,左侧是标题与一句说明,右侧是状态卡片。主按钮承担进入操作,次按钮带你继续向下了解,两个按钮都不会跳转到站外。
04
卡片按时间顺序排列,每张卡都带封面、标题、两行摘要和底部信息条。信息条里能看到所属栏目和发布时间,摘要读两行就能判断要不要点进去细看,整张卡片都可以点击。
编号 01 到 04 的横向步骤,每一步配一句动作说明。桌面端步骤之间用细线连接,手机端改为纵向排列,左侧保留一条竖线,跟着序号往下看即可。
06
一条横向长卡里放四个关键数字,其中最重要的一个用琥珀色标出,右侧配一条进度条显示当前内容的完成情况。数字与进度条在滚动到可视区域时一次性显示,不会反复跳动。
页面下半部分的手风琴列表,收起时只显示问题,展开后出现答案。展开项左侧有一条主色竖线,右侧的圆形图标会旋转成叉形,再点一次即可收起。
页面最底部集中放站点说明、栏目跳转、订阅提醒和联系邮箱。订阅只需填一个常用邮箱,提交后会在页面内容补充时收到提醒,不影响你继续浏览其它栏目。
以下问题来自访客在核对首页布局时最常遇到的情况,逐条展开即可查看说明。
首页分区之外,入口位置、地址核对与常见问题分别有单独页面说明,按需要跳转即可。
拿不准某个位置点下去会去哪,可以回到入口导航页按顺序走一遍。