品牌定位
说明这个品牌站为哪些人服务、内容按什么思路排布。
- 定位说明
- 服务人群
- 整理方法
- 服务方式
6 个主题分区 · 12 个一级栏目 · 48 个二级栏目
圈正式版主页内容栏目按六个主题分区排布,桌面、平板与手机打开都能直接浏览。每个分区对应一类查阅需求:有人想先弄清品牌,有人要翻版本记录,有人只关心自己手上这台设备读起来顺不顺。按分区点进去,一级栏目打开就是二级栏目的入口。
说明这个品牌站为哪些人服务、内容按什么思路排布。
从上线到现在走过的几轮改版与服务范围变化。
分区、一级栏目与二级栏目之间的从属关系一览。
栏目编号怎么读,卡片标签上每一段各自代表什么。
每一次改动的说明与所属阶段,都留在同一条走廊上。
按阶段与主题两条线组织的成套内容,适合连续阅读。
四种屏幕尺寸下,页面怎么分栏、导航放在哪里。
字号、正文宽度与导航形态可以按自己的习惯来读。
第一次来的朋友,按哪条顺序看不会绕远路。
搜索框、锚点导航与栏目定位各自适合什么情况。
找到人、找到时间,把问题一次说清楚。
品牌合作与内容纠错走同一条通道,带上材料更快。
这个分区下暂时没有可展示的栏目,换一个分区按钮试试。
三种定位方式,各有各的顺手场景
页头右上角随时可以打开搜索框,输入栏目名或一个关键词,站点会把已收录的栏目与更新条目一并列出来。结果里直接给出该条目所属的栏目路径,点一下就到,不用自己在分区之间来回翻。
篇幅较长的资料页在左侧列出本页的所有章节,滚动的时候当前章节会自动高亮,点一下平滑滑到对应位置。用键盘 Tab 也能一节一节走过去,读长文不容易中途迷路。
如果您已经知道大致位置,可以直接按“栏目名 + 版本阶段”来对。卡片上写着它属于哪个栏目、位于哪一阶段,两者凑齐就能唯一确定一条条目,比逐层点击快得多。
桌面 · 平板横屏 · 平板竖屏 · 手机
四种版式不是简单地拉宽压窄,而是各自换了分栏方式和导航形态。下面这张对照表把差别写清楚,您可以先看看自己常用的设备是哪一行。
| 阅读版式 | 内容分栏 | 正文字号与行距 | 栏目导航位置 |
|---|---|---|---|
| 桌面端 | 十二栏错位栅格,正文保持单栏 | 17 像素,行距 1.75 | 左侧竖向栏目带固定可见 |
| 平板横屏 | 内容区双栏并排,卡片左右分布 | 18 像素,行距 1.8 | 顶部横向栏目条 |
| 平板竖屏 | 单栏通栏,一次只读一列 | 18 像素,行距 1.8 | 顶部横向栏目条 |
| 手机端 | 单栏通栏,卡片上下堆叠 | 17 像素,行距 1.75 | 顶部可横向滑动的栏目条 |
看标签就能判断一条资料的新旧
打开任何一个栏目,条目都以直角卡片的形式排出来。每张卡片左上角带一串编号和几枚标签,它们不是装饰,是帮您判断这条资料属于哪里、离现在有多近的依据。
每一步都留了退路
第 1 步
首页首屏摆着四个入口,想找栏目就走栏目索引,想确认版本先看更新记录,设备相关进设备适配说明,第一次来拿不准就点使用指南。四个入口都是从首页直接可达的。
想退回去:点页面左上角的品牌标识回到首页,或按浏览器后退键。
第 2 步
进入本页之后,先用上面的分区按钮把十二个一级栏目收到您关心的那一类,再点开具体栏目。如果已经知道关键词,直接在页头搜索框里输入即可,不必走这一层。
想退回去:面包屑一直显示您当前所在的位置,点上一层就到上一级;筛选按钮也可以随时切回全部栏目。
第 3 步
在栏目页里找到卡片,点开就是完整正文。长资料页左侧的锚点导航列出全部章节,滚到哪一节就高亮哪一节,想直接看某一节就点过去。
想退回去:锚点导航顶部有返回栏目列表的入口,栏目列表又能回到本页的分区总览。整个路径是首尾相接的。
操作过程中反复卡在同一步,可以先看一眼使用指南;想确认某个栏目是不是最近调整过归属,去更新与记录里按阶段查;想了解站点的整理思路,品牌价值页写得更完整。