解读自适应网站新标准

响应式网站新规则响应式网页设计已成为几乎无处不在的网络流行语。尝试寻找＃RWD在Twitter上找到相同的部分和Twitter垃圾邮件。这是一个新想法的成熟共性。我记得阿贾克斯风靡一时;它被推入地面很长一段时间。现在，很少有人谈论Ajax，但像jQuery这样的库完全接受开发人员的工作流程。这似乎反映了网页设计的响应。这个词无处不在。东莞网站设计的朋友在杂志上发表，她参加了一个会议，最近，一位着名的新杂志编辑正在谈论即将到来的趋势和提到的响应式网页设计。编辑可能不是网络专家，但他们知道流行语。为了响应网页设计产生的蒸汽，我们建立网站的方式发生了变化。从单词到每个网页设计项目的共同部分，我们的人才网站需要改变它的工作方式。要做到这一点，我们需要一些关于我们工作方式的新规则。 接下来我们解析自适应网站新标准，我们一起来看看。

自适应网站新标准：

规则1：不要保持“软”当有人告诉你“看看这个响应网站”时，你要做的第一件事是什么？您可以缩放

窗口可以看到布局如何变化。我可能无法打开手机和平板电脑以开始更改方向或开始运行页面速度测试。我的缩放浏览器延续了我的一天这是我们作为设计师和开发人员的经验，而不是用户。当我以用户身份访问网站时，我没有耐心。我不在乎网站听起来不错;我只想要我想要的东西。 “湿”是网站的线性缩放。网站必须瘦到胖吗？响应式网页设计的重点应放在建立网站的核心，而不是线性扩展，而是从那里开始，基于功能。想象一个网站想要建立一个小型手机在边缘网络上运行IE7。这应该是您的核心，然后根据屏幕大小和功能进行扩展。

规则2：不寻找简单的方法来回应网页设计很复杂。这是怎么回事。我希望有一些东西可以告诉你，这很容易，但并不是大多数人都会通过添加一些工作流程，回应网页设计，无论是新的可交付成果还是仅仅是开发人员来回应，询问他们的设计是否会做出回应。我有一个朋友在一个响应客户的网站上工作。她正在构建一个桌面大小的PS图像处理软件网站。在某些型号的几个页面上，她想展示网站在平板电脑和智能手机上的外观，所以她也会做这些模型。介绍给客户，给了她一些创造性的调整。此时此站点上大约有50个PSD文件。她花了几天修改布局。尝试添加新设计可能会导致耗时且不一致的过程。解决此问题的最佳方法之一是通过线框并将这些原型呈现给您的客户。这为您提供了一个可交付成果，可以在与网站布局不同时直接讨论设计。 Zurb的基金会是快速原型制作的绝佳工具。仅仅在工作流程中添加原型是不够的。为了成功构建响应式网站，您需要调整并制定下一个规则。

规则3：拥抱变化当我第一次开始构建网站时，我使用了两个工具，即PS图像处理软件和GoLive。现在我至少有六个节目，我绝对需要建立一个网站。我仍然使用PS图像处理软件创建的图形元素，但我主要设计了带有崇高文本2的浏览器，我使用Safari浏览器开发工具来检查我的iOS 6元素。我还使用CodeKit在Git上编译我预处理的CSS和终端版本控制。响应式网页设计也意味着改变您的设计。我没有躺在PS图像处理软件的整个页面上，而是使用Samantha Warren的风格瓷砖来照亮视觉设计。除了品牌视觉和界面元素的实际布局外，您还可以直接在原型布局中设计和组合浏览器中的敏感部分。 css预处理器也可以在任何响应工作流程中提供巨大帮助。简单地说，处理器可用于解决构建网站的一些复杂问题，减少CSS继承中的大量重复工作。 我个人更喜欢这样做，但不一定是更好的选择，因为它具有较低的进入门槛并且具有更好的文档。

规则4：请记住，您的根[网络]应该可以从任何可以连接到互联网的硬件上获得：固定或移动，小屏幕或大屏幕。 Tim Berners-Lee HTML和CSS本身就很敏感。自HTML诞生以来，网络足够灵活，可以与连接到Internet的任何硬件配合使用。它改变了，直到我们转向固定布局作为设计师和开发人员。在网站的固定大小中，我们限制网络的桌面。摘要响应页面是

你说什么你怎么说文摘。采取，例如，NPR最近搬到一个API驱动的内容模型。通过移动到一个API提供内容，NPR已经能够管理其应用程序和网站收集以一致的方式。改变是唯一的表示层。这是响应式网页应该都差不多。搞清楚什么是你要说的话，让你怎么说的。设计是对会议的一种方式，是视觉愉悦的需要，同时也致力于满足用户的需求。这是响应式网站新规则响应式网页的全部，用户创建网站，使用它们的人的工作，但是他们访问的内容。制作网站，可以重构自己的小屏幕只是开始。

互域设计文章推荐：

念完所述，朋友们应当清晰自适应网站新标准了吧，早已在上述文章为大伙儿作出了解读，坚信诸位看了以后应该可以搞搞清楚哦。