响应式网页设计流程的思考
响应式网页设计流程的思考“自适应网页设计“这个装置，独立设计理念已经像野火一样蔓延在社区的设计与开发。规模较大的企业界接受响应式网页设计的证据在2011开始显著的重新设计的星巴克，时代杂志和波士顿环球网站。这并不奇怪，在用来上网–手机，不同的设备数量的迅速增加平板电脑、手持游戏设备，游戏机，冰箱，谁知道还有什么在不久的将来。我们最近的文章”响应式网页设计21新鲜的例子“突出了一些神奇的网站展示响应网页设计的美丽和能力。

然而，资源成本比“传统”的网页设计绝对是相对较高的，有说法称它将花费至少50%来开发一个响应式网站设计。虽然现在有越来越多的资源，响应网页设计来对付这种模板和框架，作为设计师和开发者，我们如何优化我们的工作效率呢？正如响应网页设计是不断演化的，所以将响应式网页设计流程。本文将响应式网页设计工作流的一些主要因素。

为什么要改变我们的工作流程？

通过提高效率，显著节省时间。无论你是为赚更多的钱，花更多的时间在你的PlayStation或创新更好的网页设计–远离经典网页设计的工作流程是必须的。> > >发现线框设计发展>的推出，这种粗糙的一步一步的“瀑布”的过程进行网站设计的开发已被证明和大多数网站将大约三或四年前以这种方式创建。

传统的Web设计流程

有明显的缺陷涉及使用这种传统的方法与响应的网页设计。这是我第一次参与响应的网页设计项目，花费的时间大约是五倍的老学校的固定宽度的网站项目。想象一下，交给每一个单页网站布局和视口大小的位图设计。它是否会使用原型，视觉模式，在浏览器或作出响应的设计决策设计及时–一点一滴的节省的时间加起来。认为响应式网页设计流程是灵活的，就像设计本身。

内容第一

在任何网站的内容始终是重要的，但现在比以往任何时候更具有响应式网页设计。在你的计划和头脑风暴的结构不管，它是确定内容的优先顺序至关重要。一个使用响应式设计和专用或移动网站设计在内容交付之间最大的差异。所有的用户可以访问所有内容的网站所提供的–这背后是响应式网页设计希望你或你的客户喜欢的网站响应的原因的哲学。

本书内容溢出

在响应式设计，对任何内容的重要性权重是关键由于内容阶方差取决于设备的可能性。泛滥的内容是在响应式网页设计由于拟合相同数量的内容在桌面屏幕的要求，移动设备的常见问题。考虑更多的问题在你的客户调查问卷，在最初的接触或在早期的研讨会来减轻可能的问题后，在你的响应Web项目的生命。

设备规划

“你怎么没有iPhone的一个布局呢？五十的用户完美的查看我们的网站在iPhone”，作为一个客户，摇了摇头，失望–这是我的第一个错误学习。一个坚定的把握对项目的要求和内容的量，希望这不会太难决定哪个设备宽度和多少不同宽度的设计。这响应式设计规划的简单装置图是一个可下载的Photoshop文件的理想宽度为三至六的布局设计。这个决定无疑是第一你做设计时的响应。

设备规划宽度
在浏览器与PS图象处理软件和焰火设计

在浏览器设计的优点是响应式网页设计放大，“用Photoshop为响应设计烟花是像把刀”安迪·克拉克（–枪战。“说大话）。不可否认，有些项目将提供更快的结果和真实的，“当场”测试。熟悉的工具如萤火虫和firesass将“枪”这个“枪战”，设计师可以利用HTML5和CSS3将找到原型非常快。决策，如颜色和浏览器中的字体大小可以非常有效。

萤火虫

我个人很欣赏在浏览器设计的许多好处。我试过这个方法好几次，但我发现我还是喜欢开始Photoshop。我喜欢杰瑞米吉拉德“设计到极端”的方法，从网站的桌面版本。一旦我满意的字体，图像，桌面的网站风格和整体的设计方向，我工作在最小的布局或“网站使用类似的视觉方向，调整布局适当移动版”。我喜欢这个工作流程以及针对客户要求任意设计一个完整的检修的可能性。然而，我喜欢的绝对不是适合每个人、每个项目。

草图

“花很短的时间素描你可以节省几个小时在电脑上。你不仅能节省自己的时间，你甚至可以买得起自己安心一些。每当那个邪恶的怪物“设计师的块在蠕动，它不可避免地留下一个破坏性的自我怀疑的道路它醒来。我挑战你，开始用素描作为你的过程的一部分，你会看到在次你打虚拟墙虚无的数量明显减少。”
Tara Roskell（–“designbloguk）。我敢肯定，草图已经大部分设计师的工作流程的一部分，它现在比以往任何时候都更加重要的响应网页设计的时代。

响应式设计素描

考虑到许多敏感的网页设计师直接跳到浏览器，它是以测试首先提交时间为HTML / CSS的已有观念尤其重要。我用响应式设计速写本使素描生活的微风；我经历这些笔记小说非常快。你会惊奇地发现，大量的问题和内容布局挑战你不想为你勾画出你的设计思路。

情绪板和风格的瓷砖

情绪板一直在平面设计的世界存在。概念收集意象统领全局的“感觉”，一个网站的设计是完美的响应式网页设计既然是完全有可能的六个视觉上完全不同的布局（虽然很少）。有规律的锻炼我与客户是目前与三略有不同的情绪板来确定哪些风格的共鸣与客户需求最开始设计之前。这消除了人们的猜测从响应式网页设计流程来减少多个设计修改的机会。