徐州制作网站:移动时代,响应式设计仍然是王者吗?

发布时间2020-04-09    阅读:358    作者:徐州网站设计开发公司

问:“在今天的移动时代,响应性设计仍然是王者吗?”需要一些解释。要使这个问题有意义,首先需要的信息是移动设备的使用在过去几年呈指数增长。根据来自DigitalBuzzBlog的信息图表2011年5月,只有35%的人使用智能手机,17%的人仍然没有手机,但到2013年5月,这一数字已经上升到56%的智能手机用户,只有9%的人没有手机。事实上,移动网络的使用增长速度是90年代和2000年代的8倍,全球平均移动用户的一半主要或完全通过移动设备访问互联网。因此,任何一家公司都必须有一个为移动设备(包括平板电脑)工作的网站,才能保持今天的可访问性和竞争力。

要记住的第二条信息是,在移动设备上,有不同的方法可以使网站看起来很好看。一些公司专门为较小的设备设计了一个单独的网站。移动站点版本通常有一个.websitename.com的URL,带有更大的按钮、更大的文本、更简单的布局和其他对移动友好的设计功能。

其他人创建一个响应网站,这意味着网站的布局调整到设备屏幕的宽度。一个有反应的设计师应该知道如何使一个响应网站移动友好以及。通常,导航菜单会随着设备屏幕宽度的减小而改变,以适应缺乏空间的情况。


适合一个帧有一个响应站点,重新对齐图像链接。

还有一些网站既没有响应能力,也没有单独的移动站点,但它们确实提供了一个应用程序。通常,当用户通过平板电脑或手机访问网站时,带有应用下载链接的栏会出现在网站顶部。

通过移动设备为网站访问者提供方便访问似乎有很多选择,而且每个选项似乎都是可行的选择,取决于公司和他们的受众。尽管如此,许多设计师,SEO专家,甚至谷歌都推荐了一个响应性的设计,而不仅仅是一个应用程序或一个单独的移动版本的网站。让我们来看看为什么响应设计似乎仍然是王者,即使有其他伟大的版本可用。

移动网站很复杂

2013年5月结果在移动技术方面,皮尤互联网发现91%的美国成年人拥有手机,60%的成人手机用户使用手机上网。一个2012皮尤研究结果显示,41%的手机用户在电视上看到一款产品的广告后,会在移动设备上搜索该产品。

永远21是一个很好的例子,如何保持移动和桌面网站相似。

有了所有这些统计数据,很明显,今天所有的网站都应该找到一种方法,让他们的网站在移动设备上看起来很好,并且为了跟上移动趋势,许多企业已经徐州制作网站选择为他们的网站创建单独的移动版本和平板版本。有时,这可能是因为他们已经有一个很棒的网站,不想改变它。其他人可能有一个非常复杂的桌面版本,让它在较小的设备上工作的最好方法是创建一个完全不同的布局。

然而,拥有一个单独的移动版本需要时间。企业必须跟上两个网站,或者三个网站,如果他们也提供一个表格版本,而不是跟上一个网站。还有一个问题,谷歌必须爬多个域,而不是一个域。因此,一个网站的所有流量信息分散在多个领域,而不是一个。最糟糕的是,移动版的网站并不能保证在每个设备上看起来都是一样的。记住,并不是所有的智能手机都有相同的屏幕宽度。而且,根据上面的信息图表,57%的人不会推荐手机设计差的企业。

DigitalBuzzBlog的一项有趣的数据显示,52%的人宁愿在平板电脑上购物,也不愿在个人电脑上购物。更有价值的是,72%的人在平板电脑上每周购买一次,这就说明了大型电子商务网站,如果有大量的库存,并有多个下拉菜单,那么除了一个单独的移动站点之外,其他任何东西都可能无法逃脱。然而,对于大多数企业来说,移动网站要比拥有它更复杂。如果一个网站可以很容易地将信息保持在几页或更少的地方,这是大多数网站都可以说的,那么响应性的设计才是最有效的选择。

许多网站应该是有响应性的。

徐州制作网站

即使是许多电子商务网站也可以受益于一个响应性的设计,而不是一个单独的移动站点,只要它们的库存能够整齐地组织成一个简单的导航菜单。成长网页设计的发展趋势是一个长的可滚动的单页网站,可能是因为它们既易于在个人电脑和移动设备上导航,也很容易做出响应。


但是,一个网站不需要在长的滚动格式,以作出反应。响应性设计的一个极好的好处是,站点的实际布局可以更改为在较小的屏幕大小上更易读。然而,颜色、字体、图像和其他设计功能看起来都是一样的,这意味着不管用户从哪个设备上访问,访问者都会很容易地识别网站。

另一个非常有说服力的理由是,采用响应性设计是因为谷歌推荐它。正如上面提到的,响应性设计意味着一个网站对于一个URL有一个HTML,所以Google的机器人只需要为响应性网站爬行一个域。虽然大公司绝对可以负担额外的工作人员,以保持SEO的桌面和移动网站,中小型企业根本没有带宽。一个响应能力强的网站可以让小型企业在移动领域保持竞争力,而无需额外的时间和精力。

本土应用呢?

徐州制作网站上面的移动增长信息显示,移动设备上80%的时间都花在了应用程序上。另一个狂暴分析中的统计据透露,2013年移动应用的总使用量增长了115%,其中大部分是社交媒体和短信应用。因此,应用程序对许多组织来说无疑是一个好处,但当一个网站放弃了对应用程序的移动优化或响应性设计时,这个错误就出现了。



Etsy的本地应用程序给用户一种购物的社交媒体感觉。

许多访问者通过他们在手机上使用的社交媒体应用程序共享的链接直接访问网站,因此网站必须准备好提供访问者应得的体验。如果访问者必须下载一个应用程序才能准确地从手机上查看网站,那么除非他们是忠实的追随者,否则他们很可能就会离开这个网站。

一个应用程序是一个很好的补充响应网站,并真正有用,如果用户将需要访问网站上的内容时,离线。或者,一个应用程序非常适合复杂的功能,例如游戏或其他交互功能,这些功能会使网站缓慢加载。但它并不是一个响应性设计的替代品,只是一个很好的补充,如果你的网站符合应用程序的要求。

响应性设计教程

如果您在创建响应性网站方面还没有很多经验,那么您可能需要先了解几个教程。以下视频包括为初学者和更高级的响应设计师教程。

使用CSS 3和HTML 5创建响应网站克里斯蒂安·瓦西尔


这一小时以上的长视频引导观众如何创建一个响应网站完全从零使用CSS 3和HTML 5的组合。

如何从头构建HTML网站-第1部分第二部分克里斯多夫·阿纳斯塔西季斯

徐州制作网站

下载本教程的ZIP文件,或简单地阅读该教程在LINGULO网站上。观众应该对网页设计有一定的了解,这样才能很容易地跟进,并将处理CSSMedia查询、jQuery滑块、CSS 3转换和动画等等。

响应Web设计教程由LearnWebCode编写

这个初学者视频引导观众通过对响应性网页设计的基本理解,并给出设置响应性设计所需的所有代码知识。还包括到演示文件的链接。

用Flow Type.JS介绍响应式Web排版作者JD Graffam

徐州制作网站

使用FlowType.JS,您的文本响应响应设计中的图像,每一行创建完美的字符计数,无论您的屏幕大小如何,都可以从任何设备中获得最大的可读性。读者可以从“粉碎杂志”中抓取代码,徐州制作网站并了解如何最好地将其实现到本教程中的响应性设计中。


QQ客服
胡经理