响应式网页设计限制了设计师的发挥吗

现在响应式的网站比较受欢迎，毕竟是一套代码多个终端适用，这种成本又低，又能保证各个终端风格和体验一致性。虽然响应式的网站有很多好处，但是设计响应式网页的设计的确会有一些条条框框的限制。那么，响应式的网站设计让网页设计师限制了发挥了吗？我们能否既让网页是响应式的，同时又让设计师能设计出拥有灵魂的网页？

 

 

在响应试网站中我们得到的：栅格系统、流动布局成为标配给我们带来了很多好处：

1、用户在使用网页时感到熟悉、轻松；

2、制作原型（相对）快速、简便；

3、建站技术的高度标准化；

4、快速的布局可以节约成本；

5、严格的网格布局促成了响应式设计；

这些标准化和组合技术带来了巨大的价值，无数的个人和小企业使用这样简单、吸引人（但不独特）的网页设计与世界分享他们的品牌并从中获益，然而这只是故事的一个方面。

 

我们失去的：所有的网页设计都开始变得如此相似。

网页设计雷同的原因

1. 版式布局（LAYOUT）

版式布局的局限性是网页设计缺乏变化最突出与明显的的原因之一。去除颜色，动画，视差滚动等等这类效果，你会看到一些基本布局统治了网页设计。

2. 响应式设计（RESPONSIVE WEB DESIGN）

终端设备变多导致网页设计必须保证跨设备的用户体验良好。

基础的、可变宽、可折叠栅格系统使响应式网页的设计过程更简单（相比版式设计更灵活的网页）从而解决跨设备问题。

3. 框架( FRAMEWORKS )

Bootstrap与Foundation的流行导致许多设计师直接套用一模一样的代码库、布局、甚至风格。

4. 制作原型的工具与过程( PROTOTYPING TOOLS AND PROCESSES )

多数原型制作工具鼓励甚至迫使你使用标准的符合网格布局的方方正正的元素。

5. 高质量的免费照片与图像(HIGH-QUALITY FREE PHOTOS AND GRAPHICS)

免费好用的图片库成了设计师可以轻松获得的资源，还有图标、字体、样式等等。

6. 设计趋势(DESIGN TRENDS)

设计师的所见所闻影响了他们的设计，网页设计将这一点充分放大了。结果就是许多设计师从同样的网站获得灵感，追赶同样的潮流。

 

如何挑战现状呢，下面举一些例子：

1. 让布局变得奇怪，版式设计不同寻常，如果你觉得这样的设计很奇怪，那正是这个网站设计者想要达到的效果，与众不同。网站的滚动和断点设置合理，体验良好，同时在交互的过程中有一些小惊喜，比如鼠标hover住的图片会被置于顶层，logo的字母部分会随着滚动改变位置，最终变为整齐的两行文字，自然地变成导航栏的logo。没有采用标准网格，但是排布没有让人感觉到分散，而有一种有意识的安排。

 

2. 不使用方块元素。在宽屏下设计师使用六边形代替了方块元素，而在窄屏下才使用方块元素。巨大的蒙版字设计大胆, 令人印象深刻，在对作品的展示部分也没有选择简单的方块缩略图，而是在缩略图中使用留白造成形状的变化。

 

3. 不同的体验

让每个菜单相互看上去重叠，并且每次进入网页时色彩主题都会不同，主要二级页面也是一样。

 

4. 创建一个独特的视觉主题

另一个让网页看上去独特的方法就是为整个页面设定一个有趣的主题，制定了这个框架就可以跳出传统的UI样式。当然，这类设计并不适合所有类型的网页；但是，对于活动宣传与小公司的网页是行之有效的。

 

标准化的和可预见的设计总有其一席之地。事实上，这类网页是大部分内容类网页在各类终端屏幕上展现的最可能的解决方案。