网站最热门的趋势之一是响应式设计 - 可扩展以适应任何尺寸屏幕或设备的网站。但响应迅速的网站设计不仅仅是一个闪光灯:它是移动网络日益增长的关键组成部分。随着在台式计算机上浏览网页的人越来越少,在任何设备上提供良好体验的网站对数字营销变得至关重要。我们在本周的帖子中回答了一些关于响应式设计的常见问题。
究竟什么是响应式网站设计?
响应式网站不是移动网站或移动应用。这是一个根据所查看屏幕大小向上或向下扩展的网站。与简单缩小以适应屏幕的传统网站不同,它显示在渲染文本上几乎不可能阅读和难以使用的元素 - 响应式网站将在视觉上吸引人并且在小屏幕(例如智能手机)上完全正常运行。与观看传统网站缩小以适应小屏幕相比,访问者将获得更容易和更积极的网站体验。
移动网站和响应式网站之间有什么区别?
移动网站是一个单独的网站,主要用于智能手机等移动设备。移动网站通常比主要桌面网站具有更少的功能和更少的内容,并且许多移动网站为访问者提供了查看完整网站的选项。
由于桌面和移动网站位于不同的URL上,因此需要设备检测才能将用户发送到相应的站点。但是许多网站的URL重定向不够深入,因此桌面用户将被发送到移动内容,反之亦然(Smashing Magazine)。
响应式网站将所有代码保存在同一屋檐下。无论您使用什么设备访问网站,网站的内容都是相同的。无论您是在iPhone,Android平板电脑还是20英寸显示器上查看网站,网址都是相同的。
为什么它比典型的网站需要更长的时间(并且成本更高)?
“响应式网站设计需要完全不同的战略方法,”Vital Design创意总监Jesse Rand说。“在初次会议期间,”移动优先“一词将会被抛弃,因此理解这一点非常重要。这个概念很简单:我们需要从您的移动体验或最小屏幕开始,然后从那里开始工作。这个过程可以启发,因为它会迫使你把所有杂乱的东西推到一边[和]让你专注于你的网站的真正目标是什么。从那里我们可以向上构建,决定在用户??体验的哪个阶段引入可能没有移动切割的新功能。这需要战略规划,简单的桌面站点本身并不需要。
这个过程采取三个主要阶段的形式。“我们从典型的iPhone /智能手机宽度开始,大约320px,”兰德说。“在这里,我们将布置您的整个网络体验。由于屏幕空间有限,我们会仔细创建内容层次结构并确定显示内容的顺序。“
“下一个要考虑的布局是iPad /平板电脑宽度刚刚超过原始宽度的两倍。然后可以使用这个额外的空间将更多内容向上拉到页面顶部。需要进行额外的设计和开发,以确保这种新布局结构合理,并且仍具有视觉吸引力。“
“从那里我们完成了传统的桌面宽度。由于我们从移动布局开始,我们现在拥有所有内容,我们只需要设计所有这些组件将如何显示为大文本和完整图像。“
为什么我需要响应式网站?
智能手机是许多人在醒来时看到的第一件事,也是他们在入睡前看到的最后一件事。我们曾经将手机称为“第三屏幕” - 也就是说,在电视和电脑之后 - 但实际上,是时候开始将其视为第一个屏幕了。响应式网站设计通过为日益流动的网络做好准备,为您的网站“面向未来”。
如果您希望尽可能多的用户访问您的网站,它应该是响应式的。如果您的网站无法扩展和收缩以适应各种屏幕,则会限制在您的网站上花费时间的人数,从而限制您通过网站获得的潜在客户数量。Google估计,如果移动设备无法访问,62%的用户将无法返回该网站。
在智能手机用户中,74%的用户基于移动搜索进行购买,高达95%的用户使用手机查找本地商家,交易和信息。不是每个人都需要一个响应式网站,但我们认为许多类型的企业都买不起没有。
需要一个面向未来的网站?立即与我们的网络战略团队成员交流。
本文地址:
http://www.njanyou.cn/web/2414.html
Tag:
专业服务:
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话:025-65016872
上一篇:
需要电子商务网站?这是首先要考虑的五件事
下一篇:
每个企业都应运行五个Google Analytics指标