一听到“色导航”三个字，，，，，，，不少人脑子里会先冒出另一种画面。。。。。。。。但搞设计的伴侣都明显，，，，，，，这说的是“色彩导航”，，，，，，，也就是靠色彩给人引路。。。。。。。。页面里哪些信息最沉要、用户的眼光该先落在哪，，，，，，，全由色彩说了算。。。。。。。。

色导航不是把页面涂成调色盘。。。。。。。。它更像是给用户建了一条路，，，，，，，路边有标牌，，，，，，，地上有标线。。。。。。。。沉要的节点用能干的色彩标出来，，，，，，，次要的信息自动退到布景里。。。。。。。。用户不用动脑子，，，，，，，手就随着色彩走了。。。。。。。。

第一件事先把这个词掰开揉碎

色导航说白了就一句话：让色彩当路标。。。。。。。。好比一个购物平台，，，，，，，红色标签写着“限时直降”，，，，，，，灰白框里摆着通常商品，，，，，，，绿色按钮是“立即支付”。。。。。。。。用户扫一眼，，，，，，，不用读一个字就能知路该往哪看，，，，，，，这就是视觉疏导。。。。。。。。

色彩自身没有方向，，，，，，，但通过鼓和度、明暗、面积大幼的共同，，，，，，，它就产生了指向性。。。。。。。。大面积的布景致维持安静，，，，，，，幼面积的强调色掌管喊话，，，，，，，这就是导航的根基玩法。。。。。。。。

配色挨次比设想中更沉要

新手搞色导航，，，，，，，最容易犯的错是先把喜欢的色彩全数铺开，，，，，，，再慢慢纠结。。。。。。。。挨次反了。。。。。。。。正确逻辑是先定主色、再用中性色铺底、最后补强调色。。。。。。。。主色决定整体调性，，，，，，，好比表卖平台爱用红色是正想让你食欲打开；；；；；灰色、米色这类中性色掌管当布景；；；；；强调色只留给“参与购物车”“立即预约」剽些行动点。。。。。。。。

若是挨次乱了，，，，，，，所有色彩都抢着措辞，，，，，，，页面瞬间变菜市场。。。。。。。。你问用户该点哪个，，，，，，，他反而犹豫了。。。。。。。。

对比度才是色导航的魂灵

色彩摆对了，，，，，，，还要对比够。。。。。。。。最深浅类似、明度相近的色彩放在一路，，，，，，，导航险些蹬宗无效。。。。。。。。好比浅蓝卡底下放深蓝按钮，，，，，，，视觉上很“搭”，，，，，，，但该按哪里？？？？？？看不清。。。。。。。。真正的色导航，，，，，，，让文字和布景之间的对比度维持在够用的领域内，，，，，，，也就是大无数人扫一眼就能认出来。。。。。。。。

有一种情况很容易被忽略：用户里有一部门人天生对红色绿色不敏赣祝。。。。。。。不要只靠色彩来分辨“可订”和“已满”，，，，，，，还要配上图标、文字或下划线。。。。。。。。这样导航才不抱怨。。。。。。。。

从色环启程做减法是一个好法子

具体怎么着手呢？？？？？？能够先打开肆意一个色环工具。。。。。。。。选定一个主色相，，，，，，，好比暖橙，，，，，，，而后在它左右相邻的色块里找辅助色，，，，，，，好比深棕、浅米色。。。。。。。。最后在另一壁找一幼块冷色来点破，，，，，，，好比深蓝。。。。。。。。这样的三色组合，，，，，，，寂仔档次又不乱。。。。。。。。

记住一个准则：一个界面里，，，，，，，色相总数极少，，，，，，，画面越高级。。。。。。。。色彩面积越大时越要和善，，，，，，，幼面积的色彩能够跳一点。。。。。。。。举个例子，，，，，，，机票预约页里，，，，，，，廉价票用高亮橘，，，，，，，已选票用蓝，，，，，，，售罄票直接灰下去。。。。。。。。用户没看任何注明，，，，，，，内心就已经罕见了。。。。。。。。

再单独提一下“清冷模式”里的色导航。。。。。。。。深底色下面，，，，，，，预防用纯黑去叠纯黑，，，，，，，用深灰加浅亮色做宰割。。。。。。。。不然导航再花哨，，，，，，，也成了一团乱麻。。。。。。。。

最后说句直接的话。。。。。。。。色导航不是把好看的色彩全都堆上去，，，，，，，而是把每个色彩放在正确的地位。。。。。。。。壮丽不算本事，，，，，，，用三种色彩就能把一条路标得清明显楚，，，，，，，才是真的会导航。。。。。。。。

你回头看看自己的页面，，，，，，，最显眼的那个色彩，，，，，，，是不是在承担“最沉要信息”的职责？？？？？？若是不是，，，，，，，那就沉新导一次航吧。。。。。。。。?