在为网站挑选颜色方案时，遵循这五步就不容易出错。首先得在白底黑字、黑底白字这类高对比的色配上做文章，文字能像被聚光灯照到一样跳出来，用户一眼就能锁定。这么做不仅提升可读性，还不会让人眼睛疲劳。注意别把顺序搞反了，先定好字体颜色，再给背景填色。 有了文字，再把最想表达的内容配上高清图，让画面重心自然落在用户视线的最前面。这样一来，大家还没往下滑动手指就把信息看完了，跳出率自然就降下来了。布局的时候要遵循从上到下、从左到右的习惯，把最有冲击力的图片放在左上角。标题和配图之间空出20%左右的边距就行，既不显得拥挤也不空荡。 千万别小看顶部、居中还有基线这些对齐方式。把导航栏、侧边栏还有按钮全都放在同一基线上，用户滑动屏幕时视线才能顺滑到底。如果出现一些错位的元素，页面就会显得杂乱无章，用户的信任感也会瞬间崩塌。用网格系统来辅助排版就行，不管是12列还是16列都可以，关键是要坚持统一。 资深设计师都会先弄出一个灰度版的效果图来检验结构。灰度能把太闷的地方或者太弱的线条都暴露出来。等到灰度版确认没问题了，再按照品牌色卡叠加颜色。这样既能保证风格统一，又给自己留了退路去修改。记住了，灰度不是纯黑白的效果，而是K、N、M三个通道全开后的样子。 手机端全靠手指点来点去进行交互。导航条、Tab栏还有Call to Action按钮必须足够醒目才能被点到：颜色要比背景亮30%以上，边框的半径要加粗到4像素左右。别让蓝色链接在滑动指尖下变成灰色背景了。 想要用好别人的配色做参考，最好还是自己去分析那些优秀的案例色卡。把它们导进软件里看看明度和饱和度的分布规律。你会发现所谓的高级感其实就是低饱和度加上高明度的组合。最后再根据自己品牌的调性微调5%的色差就行了。模仿是对的做法但不能直接抄袭哦。