2016-08-26 分类: 响应式网站
响应式网站新规则
响应式网页设计已成为几乎无处不在的网络流行语。试着寻找# RWD在推特找到相等的部分内容和推特垃圾邮件。这是一个新思想的成熟的共相。我记得当Ajax风靡一时;长期被打入地下。现在,很少有人谈论Ajax但图书馆像jQuery完全接受开发商的工作流程。
这似乎反映发生响应的网页设计是什么。这个词是无处不在。成都网站设计的一个朋友是在杂志出版,她参加了一个会议,最近,一个著名的新杂志的编辑在谈论即将到来的趋势和提到的响应式网页设计。编辑可能不是网络专家,但他们知道的流行语。
为响应网页设计获得的蒸汽,我们建立网站的方式改变了。这个词从词到每个网页设计项目中常见的一部分,我们的人才网站需要改变工作方式。为此,我们需要为我们如何工作的一些新的规则。
规则1:不要停留在“软”
当有人告诉你“看看这个响应网站”,你要做的第一件事是什么?你可能规模的窗口看到如何布局的变化。我可能不会打开我的手机和平板电脑开始改变方向或开始运行页面速度测试。我尺度浏览器继续我的一天。这是我们作为设计师和开发者的经验,而不是用户。当我访问一个网站作为一个用户,我没有耐心。我不在乎,如果网站的响声很好;我只想要我想要的东西。
“湿”是一个网站的一个线性缩放。网站是否要从瘦到胖?代替线性缩放,响应网页设计的重点应放在建立一个网站的核心,逐步加载,从那里,基于能力。想象一下,一个网站,要建一个小小的手机在边缘网络运行IE7。这应该是你的核心部位,然后扩大基于屏幕尺寸和功能。
规则2:不要找一个简单的方法
响应网页设计是复杂的。这是怎么回事。我希望有什么我可以告诉你,很容易,但也不是大多数人都反应通过增加一些他们的工作流程,响应网页设计,无论它是一个新的可交付成果或只是开发商,询问他们的设计将响应。
我有一个朋友的工作对客户响应的网站。她在桌面大小的PS图象处理软件网站设计。在某些页面上几个模型,她想展示什么网站可以在平板电脑和智能手机的样子,所以她做的这些模型太。在介绍给客户,给了她一些创造性的调整。大约有50的PSD文件,这个网站在这一点上。她花了几天修改布局。
试图添加新的设计会导致耗时的和不一致的过程。一个解决这个问题的好途径是通过你的线框图和呈现这些原型给你的客户。这给你一个可交付成果直接跟网站的布局不同时谈论设计。基金会由Zurb下一是一个伟大的工具,用于快速构建原型。
只需添加到您的工作流原型是不够的虽然。为了成功地建立响应的网站,你需要调整,使我们的下一个规则。
规则3:拥抱变化
当我第一次开始建立网站,我用了两个工具,PS图象处理软件和GoLive。现在我至少有六的节目,我绝对需要为了建立一个网站。我还是用PS图象处理软件创造的图形元素,但我主要设计与崇高的文本2的浏览器,我使用Safari浏览器的开发者工具来检查我的iOS 6的元素。 我也使用CodeKit在Git编译我的预处理CSS和终端版本控制。
响应网页设计也意味着改变你的设计。而不是躺在PS图象处理软件整个页面,我使用萨曼莎沃伦的风格瓷砖阐明视觉设计。 由网站的品牌视觉和界面元素的实际布局设计外,你可以直接设计并结合从原型的布局在浏览器中创建你的敏感部位。
css预处理器也可在任何响应工作流巨大的帮助。简单地说,处理器可以被用来解决一些建设网站的并发症,减轻大量的重复工作在CSS继承。我个人比较喜欢做的,但不一定有一个更好的选择,因为它有一个较低的进入壁垒,具有更好的文件。
规则4:记住自己的根
[网络]应该是可以从任何一种硬件,可以连接互联网:固定或移动、小屏幕或大。提姆伯纳斯李
HTML和CSS的天生敏感。从HTML诞生以来,网络是足够灵活的工作与互联网连接的任何硬件。直到我们作为设计师和开发者走向固定的布局,这改变了。在对网站实行固定尺寸,我们限制了网络的台式电脑。
概要
响应网页是你说什么你怎么说文摘。采取,例如,NPR最近搬到一个API驱动的内容模型。通过移动到一个API提供内容,NPR已经能够管理其应用程序和网站收集以一致的方式。改变是唯一的表示层。
这是响应式网页应该都差不多。搞清楚什么是你要说的话,让你怎么说的。设计是对会议的一种方式,是视觉愉悦的需要,同时也致力于满足用户的需求。
这是响应式网页的全部,用户创建网站,使用它们的人的工作,但是他们访问的内容。制作网站,可以重构自己的小屏幕只是开始。
网页题目:响应式网站新规则
本文路径:https://www.cdcxhl.com/news20/21170.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有做网站、响应式网站等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容