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

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

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

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

　　1、色调的一致性

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

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

　　在网页设计中不宜使用过多的色彩，色彩多了容易使人感觉杂乱，眩晕。赖森建议在单个网页设计中最多使用不超过4种色彩进行搭配，整个网站中色彩的使用数量也应该控制在不多于7种。

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

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

　　4、色彩搭配要便于阅读

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

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

　　专题排版，重点在于竖屏构图，也就是元素尽量竖着排。

　　比如我们要做一个腋臭的Banner，里面有一块我们的治疗优势，有四点：快速、无痛、无创、不复发。

　　在PC上，我们可以并排放，没关系。

　　但是在移动端，我们最好放两行。

　　为什么呢？因为传统的PC屏幕很大，宽度大于高度，而手机屏幕很小，宽度小于高度。你可以试试，手机上这四点并排放下的话，文字会很小，根本看不清。我们做Banner是要突出里面的信息，文字看不清，那就失去了做Banner的意义。

　　说到这里，赖森索性就再讲深一点，关于落地页，目前还有这么一个理论，主要讲的是：

　　一屏一标题，一屏一大图，一屏一入口。

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

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

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

　　这样做的好处是：

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

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

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

　　举个实例，下面是一个专题的部分内容，赖森团队的文案按照这个理论做的，你们再感受一下：

　　怎么样，知道移动端配色和排版该怎么做了吗？我们下次再会。