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

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

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

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

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

配色挨次比设想中更沉要

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

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

对比度才是色导航的魂灵

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

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

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

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

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

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

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

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