发布时间:2020-09-11 04:33
响应式网站的新规则响应式网页设计已成为Internet上几乎所有地方的流行语。 尝试查找#RWD以查找Twitter和Twitter垃圾邮件的等效部分。 这是新思想的成熟普遍性。 我记得当时阿贾克斯风行一时。 它已经被地下破坏了很长时间。 现在,很少有人谈论Ajax,但是jQuery之类的库完全接受开发人员的工作流程。 看来
那么,时至2020年09月08日热议响应式网站新规则,现在知道也不迟哦,一起来学习一下。
规则1:不要停留在 “软”当有人告诉您“查看此响应站点”时,您要做的第一件事是什么? 您可能会看到窗口大小如何变化。 我可能无法打开手机和平板电脑来开始更改方向或开始运行页面速度测试。 我的标准浏览器继续我的一天。 这是我们作为设计师和开发人员而不是用户的经验。 当我以用户身份访问网站时,我没有耐心。 我不在乎网站听起来是否不错; 我只想要我想要的。 “湿”是网站的线性缩放。 网站应该从瘦到胖吗? 响应式Web设计的重点应放在构建网站的核心,然后根据功能逐步加载,然后从那里逐步加载,而不是线性缩放。 想象一下,一个网站需要构建一个小型手机才能在边缘网络上运行IE7。 这应该是您的核心部分,然后根据屏幕大小和功能进行扩展。
规则2:找不到一种简单的方法来应对网页设计的复杂性。 怎么样了 我希望我能告诉您一些事情,这很容易,但是并不是大多数人通过添加一些工作流,响应式Web设计(无论是新交付产品还是只是开发人员)来做出响应,询问他们的设计会做出响应。 我有一个在客户响应网站上工作的朋友。 她正在使用台式机大小的PS图像处理软件来构建一个网站。 她在某些页面上有几种型号,她想展示网站在平板电脑和智能手机上的外观,因此她也制作了这些型号。 在向客户介绍时,她做了一些创造性的调整。 此时,此站点上大约有50个PSD文件。 她花了几天时间修改布局。 尝试添加新设计可能会导致耗时且不一致的过程。 解决此问题的最佳方法之一是通过线框并将这些原型展示给客户。 这为您提供了与设计有关的网站布局直接不同的可交付成果。 Zurb的Foundation Next是快速构建原型的绝佳工具。 但是,仅添加到工作流原型中是不够的。 为了成功建立响应迅速的网站,您需要进行调整以制定我们的下一条规则。
规则3:拥抱变化。 刚开始建立网站时,我使用了两种工具,PS图像处理软件和GoLive。 现在,我至少有六个演出,我绝对需要建立一个网站。 我仍然使用PS图像处理软件来创建图形元素,但是我主要使用Sublime Text 2设计浏览器,并且使用Safari浏览器的开发人员工具来检查我的iOS 6元素。 我还使用CodeKit在Git中编译预处理的CSS和终端版本控制。 响应式网页设计还意味着更改您的设计。 我没有放置PS图像处理软件的整个页面,而是使用Samantha Warren的样式图块来说明视觉设计。 除了网站品牌愿景和界面元素的实际布局设计之外,您还可以直接设计和组合原型中的布局,以在浏览器中创建敏感部分。 在任何响应工作流程中,css预处理器也可以提供巨大帮助。 简而言之,该处理器可用于解决构建网站的一些复杂问题,并减少CSS中继承的许多重复工作。 我个人更喜欢这样做,但是不一定会有更好的选择,因为它的进入门槛更低,文档更好。
规则4:请记住,您的根[网络]应该来自可以连接到Internet的任何类型的硬件:固定或移动,小屏幕或大屏幕。 Tim Berners Lee自然对HTML和CSS敏感。 自HTML诞生以来,网络已经足够灵活,可以与连接到Internet的任何硬件一起使用。 直到我们作为设计师和开发人员转向固定布局之前,这种情况一直在变化。 为了实现网站的固定大小,我们限制了网络上的台式计算机。 摘要响应页面是您所说内容的摘要。 例如,NPR最近移到了API驱动的内容模型。 通过使用API提供内容,NPR能够以一致的方式管理其应用程序和网站集合。 更改是唯一的表示层。 这是一个响应式网页,应该相似。 弄清楚您要说的话,然后让您说出来。 设计是一种满足方式,它是视觉愉悦的需求,同时也致力于满足用户的需求。 这与响应式网页,用户创建网站,使用它们的人的工作以及访问的内容有关。 建立网站并重构自己的小屏幕仅仅是个开始。
我觉得此时大家知道响应式网站新规则了吧,早已在上述文章为大伙儿作出了详尽的详细介绍,期待前文的详细介绍能对你具有帮助的效果。