响应式网页设计_极简慕枫

除非你是这个行业的新手，或者你一直生活在另一个星球遥远的土地上，否则你会听到响应式设计。即使你不完全理解它，它也必然会以某种方式遇到或与之互动。

 苏州做网站

简而言之，响应式网页设计是为多种屏幕尺寸和设备设计网站的艺术，因此每个用户都可以获得最佳体验。

当设备不可知时，响应式网页设计处于最佳状态; 您不打算针对特定分辨率或尺寸进行设计，例如仅适用于iPhone或iPad尺寸。相反，您的目标应该是设计内容和设计，以及这些内容如何流动和适应可能被看到或使用的各种环境。

设计响应式Web

以前是访问互联网的情况，你必须尝试通过（通常是非常大的）计算机，熟悉的调制解调器声音在你连接时发出声音。现在，你可以通过电脑，笔记本电脑，手机，智能手机，平板电脑，电视，游戏机访问互联网 - 这个列表几乎无穷无尽。

现在，一方面这是个好消息。我们比以往任何时候都可以在任何时间或地点连接到互联网。虽然这是理所当然的，但对许多人来说这也是必要的。在必要性和访问权限的同时，我们也常常感到不耐烦，需要工作和快速工作。

由于响应式网站变得更加主流，即使是普通大众（因此网络和创意产业以外的所有人）在浏览网页时几乎都会期待它。总而言之，响应式网页设计绝对是一件大事。

响应式网络面临的挑战

使用响应式设计并非没有挑战。首先，我们必须提供如此众多的设备和屏幕尺寸。从超大屏幕到大屏幕，从小到中（以及介于两者之间的所有内容）都需要考虑很多。而且，由于我确信你已经知道自己是一名开发人员，从技术方面处理响应式设计也会变成噩梦，并且极难处理。

与任何项目一样，响应式网页设计需要考虑的主要事项是网站的内容，这些内容如何适应设计以及内容如何从一个页面流向另一个页面。您需要了解不同设计元素如何协同工作，并确保一切都具有凝聚力和一致性。

响应式网页设计的不同之处在于，您还需要考虑所有这些工作如何从一种尺寸到另一种尺寸，无论是宽度还是高度。您需要仔细考虑所有这些如何转换为更小或更大的屏幕以及您的所有设计元素，内容流和其他所有内容的工作原理。无论网站规模如何，您都需要保持一致的体验。

与客户合作并管理期望

作为这样一个快节奏行业的设计师和开发人员，我们非常幸运。我们开始研究一些令人惊叹的项目，我们通常总是在新技术和新兴技术的最前沿工作。使用响应式网页设计只是我们要做的令人兴奋的事情之一，但有了它，需要付出代价。

回想一下 关于趋势的文章和你可能已经得出的关于他们是好还是坏的结论的想法。想想流行语; 你看到的那些话在商业或新闻网站上闪现，关于这些新的，令人兴奋的新兴技术。现在，您获得的一些客户可能对网络有一点了解并了解它。他们甚至可能自己在网络上工作，需要一些额外的帮助。然而，您的一些客户可能没有受过良好的网络教育，并且可能会将这些流行语视为必不可少的，无论如何。我要简单介绍一下那些在本节样的客户。

建立客户想要的东西

在任何设计项目开始时，您应该尝试确定客户想要离开项目的确切内容以及他们对结果的期望。管理客户的期望可能是一件困难的事情，但重要的是要坚持下去以确保客户完全理解您的流程。

当涉及到响应式网页设计时，特别是如果他们用这些流行语中的一个来找你，你需要尝试并帮助教育你的客户。很多时候，这些流行语已经被传出，或被错误地表示，并且由您来确保您的客户对该主题有正确的理解。

例如，有时甚至可能会让潜在的客户来找你说他们想要一个可以在“iPhone和iPad”上工作的网站。在这种情况下，我会说“嗯，这完全没问题 - 但更棒的是我们可以专注于创建一个完全响应的网站，可以在任何设备上运行，而不仅限于这两个。”这是一个关于这个问题的一个伟大的破冰者，它让你非常开放地进一步解释到规划阶段。

如果您的客户正确理解响应式设计，那么我想他们会更喜欢这个项目。

如果您花时间对客户进行适当的教育，那么它只能对您有利。例如，在我自己的工作中，我总是尽力确保我的客户觉得我和他们一起工作，而不仅仅是为了他们。在设计响应式Web时，这有助于简化与客户合作的过程。

RWD的技巧和技巧

我很好并且很好地谈论为什么教育客户并告诉你可能已经了解响应式网页设计的内容非常重要。现在我可以告诉你设计响应式网站的最佳方法。

答案呢？好吧，不幸的是，确实没有一个正确的！我很抱歉，如果这不是你想要的，但是你可能会理解你的开发和编码，每个人的过程都是不同的，没有人似乎以同样的方式工作。以自己的方式，这很好，因为这意味着我们总能找到新的工作方式。

但是，不用担心，我将为您提供一些设计响应式网站的重要提示，您应该能够轻松地将其付诸实践。随意挑选所有这些，并将它们组合在您认为可能适合的地方。也试验！尝试大量不同的方法来设计响应式网站，看看哪种方式最适合您。

样机

在Photoshop（或任何其他图形软件）中为静态宽度网站创建模型曾经是大多数人设计网站的方式，对于某些人来说，它仍然是。那绝对没问题！如果您对使用图形应用程序设计网站外观感到满意，那就没问题了。

但是不要试图为每个分辨率或宽度设计一个模型; 你会发疯并在那里呆很长时间。相反，回想一下线框文章。想想我们如何看待这些线框的内容流，以及我们如何确定所有内容应该插在一起。尝试将其转换为您的设计，并思考这些元素在屏幕大小变化时如何流动和移动。

其中一些变化将是主要的，对于那些人来说，创建一个小模型来展示这个变量可能是合适的，但对于任何其他变化，例如文本适应，那么我会坚持在这些变化中查看这些变化。浏览器一旦开始编码原型。如果您更喜欢为设计的每个主要阶段设计一个模型，那么请继续，只需要知道这将添加到您的项目中的时间。

在浏览器中进行设计

现在，有点争议。你可能听说过整体设计在浏览器辩论中，过去几个月一直在盘旋，如果不是甚至更长。

在浏览器中进行设计是指从线框阶段（如果已经完成）直接进入浏览器以开始设计阶段，而不是使用任何图形软件。如果您使用大量在线工具来帮助您创建设计结构的不同元素（例如创建网格或优化排版），那么这可以很好地工作。

然而，许多设计师觉得他们在浏览器中设计很困难，特别是如果他们更像是设计师而不是编码器。这样做的原因是因为他们认为这会限制他们的创造力，使他们更难以感受到他们能够提出创造性，独特和视觉上令人兴奋的想法。

但作为一名开发人员，您很可能非常习惯使用代码，因此尝试在浏览器中进行设计并查看您提出的结果可能是个好主意。

在浏览器中“决定”

这可能是我个人的最爱。决定使用浏览器意味着你可以在图形软件和浏览器中做一些工作。就个人而言，我认为在浏览器本身设计之前，你无法获得更好的效果。排版在图形应用程序中的呈现方式总是与在浏览器中不同，并且当您在浏览器中时，创建原型并在设计阶段快速迭代会更容易（尽管所有可能随着应用程序的引入而改变金刚鹦鹉）。

同时使用模型和基于浏览器的工作混合意味着您可以为您的设计和您必须做出的决策提供很大的灵活性。这个术语“决定在浏览器中”的关键在于第一个词。虽然可以在图形软件中做出许多重大的创意决策，但浏览器是您最终选择的地方。

当我以这种方式工作时，我发现我经常最终得到模型，设计模式库（图形软件和HTML和CSS）以及完整的HTML和CSS原型。混合物是伟大的，它显示了网站从一开始到有希望开始成为一个完整的网站的演变。

内容优先，移动优先还是桌面式？

首先，如果您还没有从“开始之前”部分的文章中了解到 - 始终始终始终首先开始处理您的设计内容。所有这些都意味着确保您正在使用真实内容以及要在您正在设计的网站上使用的内容。

其次，无论您是移动优先（从较小的布局开始）还是桌面向下（从全宽桌面布局开始）都完全取决于您。网上有很多关于它的争论，但实际上这是你自己的决定。如果你觉得从更大的尺寸到更小的尺寸更有创意，即使你以相反的方式构建它，那也没关系。正如相反，从小到大！

 苏州做网站