配色和排版关系到访客对网站的第一印象。

　　92.6%的消费者表示，“视觉的享受”是主要影响购买决策的因素，只要1分半钟，他们就会决定是否要消费。

　　这就好比你去吃饭，先看饭店的装修和卫生状况，然后再决定是否进去吃饭。

　　— 配色 —

　　在色彩运用方面，移动站和PC站并没有太多区别，我们一般会对配色做如下要求：

　　一、色调的一致性

　　网站应先确定主色调，其他的辅助性颜色都应该以主色调为基准来搭配，这样可以保网站整体色调的统一，突出重点，使设计出的网页更加专业和美观。

　　二、同一页面中色彩不超过4种

　　在网页设计中不宜使用过多的色彩，色彩多了容易使人感觉杂乱，眩晕。建议在单个网页设计中最多使用不超过4种色彩进行搭配。

　　三、色彩的选择尽可能符合人们的习惯用法

　　对于一些具有很强针对性的网站，在对网站界面进行配色设计时，需要充分考虑用户对颜色的喜爱。例如，中医风格一般采用比较暗的红色和黄色，妇科网站一般采用鲜艳一点的颜色，例如红色、粉红色、紫色等。

　　四、色彩搭配要便于阅读

　　有效的方法就是遵循色彩对比的法则，如在浅色背景上使用深色文字、在深色的背景上使用浅色文字等。通常，在网页设计中动态对象应该使用比较鲜明的色彩，而静态对象则应该使用较暗淡的色彩，能够做到重点突出、层次突出。

　　— 排版 —

　　文章排版方面，我们一般参考主流门户网站的文章排版，比如腾讯新闻、新浪新闻、网易新闻等。有些微信公众号排版做的比较好的，也可以参考。这个比较简单，不再赘述。

　　重点说说专题排版。

　　通常我们知道PC端屏幕宽度大于高度，而手机屏幕宽度小于高度。再加上手机屏幕较小，如果横向放置过多内容，看起来就会很小，很费力。

　　那么如何解决呢？

　　赖森引入了电商产品详情页常用的“竖屏思维”，即：

　　一屏一标题，一屏一图片，一屏一按钮。

　　标题即卖点论述，图片即视觉证明，入口即行动号召。

　　除此之外，不要再放任何东西。

　　赖森画了一个示意图，你们感受下：

　　这样做的好处是：

　　1、每一屏都有充足的留白，视觉上不会太挤

　　2、每一屏都是一围绕着一个点去呈现信息，重点突出

　　3、每一屏都是一个完整的营销结构，这样的内容有更多机会打动访客

　　当然，我们并不一定非得100%去这样排版，只要掌握了这种竖屏构图的思维就可以了。

　　最后举个实例，下面是一个专题的部分内容，赖森团队的文案按照这个理论做的，你们再感受一下（图片尺寸有缩小）：