INDEX FORM LAB

索引形态实验室

地图、子图，说的都是「导航」，而导航不止一种画法。下面用同一份数据——色彩之谷的三个条目——排出十种索引形态：数据是常量，秩序是变量。切着看，哪一种适合哪一种站。

标本 · 色彩之谷color/ · 3 个条目 · 以下所有形态吃的都是这份数据
color-lesson谷中课堂教程 · 从色相、饱和度、明度三个词开始，把颜色说清楚。
dawn-valley-login谷间清晨 · 登录卡绿色一家只换明度：深绿当主色、浅绿当底、中间调做边框。
sunset-fair-poster落日集市 · 海报互补色（橙 × 青）面积悬殊：暖橙占九成，青色只出现在按钮上。
形态子图 · 现状same data, ten orders
课谷中课堂教程 · 色彩与配色晨谷间清晨样例 · 登录卡集落日集市样例 · 海报
№1
谷中课堂
教程 · 入门
№2
谷间清晨
样例 · 登录卡
№3
落日集市
样例 · 海报
→
下一站 · 铅字小镇（换乘 2 号线）
0难度进阶谷中课堂山脚 · 把颜色说清楚谷间清晨山腰 · 单色系全家福落日集市高处 · 互补色对撞
色彩之谷
VALLEY OF HUES · 三处景点
谷中课堂 教程谷间清晨 样例落日集市 样例
0 – 20 MIN
谷中课堂
先把三个词学会：色相、饱和度、明度。
20 – 30 MIN
谷间清晨 · 登录卡
看明度一家怎么撑起一张完整的登录页。
30 – 40 MIN
落日集市 · 海报
再看互补色怎么用面积差吵出一声和声。
谷间清晨
单色系示范：一个绿色家族，深绿压场、浅绿铺底、中间调勾边。克制，是配色里最先学会的礼貌。
落日集市
互补色示范：橙与青天生对撞，用九比一的面积差把争吵变成和声。热闹，也可以很有秩序。
1
谷中课堂已到访
三个词把颜色说清楚——大多数人的起点。
2
谷间清晨 · 登录卡已到访
单色系全家福：只换明度，不换色相。
3
落日集市 · 海报已到访
互补色对撞：面积悬殊才有和声。
点一站，盖一章（演示）——正式版需要条目级到访记录
批注