响应式网站常见的几个设计问题探讨

什么是响应式网站？如果单单是定义为“能适应不同屏幕的网站就是响应式网站”。我们认为，这显然拉低了响应式网站的高度。如果我们将响应式网站定位于区别于传统网站的话，那么，响应式网站应该是具备如下几个特点的：

其一，沉侵式体验。响应式网站能够让访客进入网站所营造的氛围和环境；

其二，交互式体验。响应式网站能够与访客进行良好的交互。

其三，需求被满足。当用户产生了某种需求，在网站上能够得到及时的满足。

我们认为，具备如上三个特点的网站，才能被称之为响应式网站，响应式不应该是代码上的响应式，更应该是体验上的响应式。

按照如上定义，我们不妨看看目前的响应式网站存在的一些问题。

第一个问题：响应式网站“无响应”

为了追求风格的简约，为了追求体验上的无干扰，一些响应式网站取消了包括导航、弹窗等设计，或者是用汉堡包导航、隐藏式按钮的设计，这些设计如果处理的不够好，会给一些用户造成障碍。

例如，当用户想要进入之前的浏览页面的时候，不容易从汉堡包导航中找到自己想要的网页，还要依赖搜索；抑或是，当用户想要与网站建立联系的时候，找不到联系方式的按钮。

简言之，当用户产生的某种需求的时候，响应式网站不能很好或者立刻满足这样的需求。

第二个问题：响应式网站配图不精准

这一个问题为什么在传统网站下不会出现呢？

首先，非响应式网站文字形式为主，文字比图片能够传达的信息更为精准。其次，响应式网站为了烘托氛围，图片占用版面面积更大，对选图提出了更高的要求。

我们发现，一些模板式响应式网站，都是“一图多用”，是“选图”而不是做图。所以，普遍存在配图不精准的问题。

例如，一张蓝天绿草的图，可能出现在多个环保行业的企业网站上，被用于banner，但是这就忽视了不同企业的文化、不同企业所处的细分行业，当然，向用户传达的信息也是不精准的。

第三个问题：响应式网站文案不走心

我们观察到，不少网页设计师在做响应式网站的时候，响应式的构架、设计和交互，这完全不同与传统网站，但是，文案却使用的传统网站的文案。

响应式网站的“大图、人机交互”等特点，需要相匹配的文案设计。文案需要与交互方式、营造的氛围匹配。不走心的文案会给网站带来两大弊端，一是图片传达的信息和文字传达的信息相互干扰；二是不能够增强网站图片和交互的吸引力。

综上三点，是我们在分析了大量的响应式网站之后，发现的响应式网站存在的普遍问题。