美文网首页互联网科技
响应式网站设计最早是由谁提出的?为什么这么火?

响应式网站设计最早是由谁提出的?为什么这么火?

作者: 公子清羽 | 来源:发表于2017-07-07 10:02 被阅读45次

2010年5月,著名网页设计师Ethan Marcotte首次提出了响应式的设计概念,随后响应式以龙卷风一般不可逆袭的姿势席卷了前端和设计领域,成为如今网页设计的大趋势。

响应式网站没有被开发出来的时候,人们针对不同的浏览设备分别设计相应的网站进行管理,当然那时候手机还没有这么流行,网页浏览、购物需求主要还是集中在电脑PC端。但是很快大家就发现一个难题,即使是同一种设备,屏幕也有上百种不同型号,难道企业要针对各种不同尺寸的屏幕独立设计一个后台网站管理吗?

答案当然是NO,当世界语言无法统一的时候,大家一起投票决定了“标准语”,在互联网行业,大家面对上百种屏幕尺寸,自然也有所谓的“标准尺寸屏幕”,企业根据标准屏幕大小设计网站。然而这只能确保部分的用户可以得到相对来说较好的用户体验,那另一部分的用户,就只能手动进行调整。

传统网站

缩小浏览器时:

很明显,屏幕显示不齐全,只能通过浏览器纵横向的进度条拉动查看更多详情,十分不便,用户纷纷反映体验很差很难受。

在这样的背景下,著名网页设计师Ethan Marcotte首次提出响应式的设计概念,那么我们来看看,到底什么是响应式?响应式为什么会这么火?

响应式在英文里是“responsive”,意为回应、响应,就是让设计的网站能够响应用户的行为,带有一种智能化理念。因此响应式网站本身是可以自动侦测设备屏幕的大小,对网站的内容和布局进行自动调整的,让网站在任何设备、任何尺寸的屏幕上都能有让人伤心悦目的显示效果。

随着响应式的开发,手机、平板等均能获得完美的浏览体验,同时因为手机等更方便携带,能做到随时随地查看等原因而更受用户喜爱。如今,手机早已经超越电脑成为主要用于浏览网页的端体。可以说响应式的到来,彻底带活了全网营销。

除了优化显示,响应式还具有如下优点:

1.超高性价比,不管是开发、运营、还是维护,成本更低。

2.兼备所有上网设备,做到统一后台管理,时实更新。

3.智能终端图片识别技术,自动加载响应图片,网络响应快。

4.搜索引擎更爱响应式网站,特别是百度,及优化效果更好。

也难怪越多越多的公司或者个人在建站时首先考虑的就是响应式网站了,不仅美观受欢迎,后台也更方便管理。耐思尼克凭借多年的互联网产品开发经验,专注为企业以及个人提供H5响应式网站建设服务,帮助大家轻松实现全网营销。

H5响应式网站建设:http://www.iisp.com/design/

相关文章

  • 响应式网站设计最早是由谁提出的?为什么这么火?

    2010年5月,著名网页设计师Ethan Marcotte首次提出了响应式的设计概念,随后响应式以龙卷风一般不可逆...

  • 响应式开发

    响应式开发 响应式网站设计 -----Ethan Marcotte 第一章 响应式网站设计的三大技术成分 流动网格...

  • 响应式网页设计

    一,专业名词解释 1.响应式网站设计(RWD) 响应式网站设计(简称RWD)是一种新的网站设计模式,以此构建的网站...

  • 响应式网页设计

    名词解释 什么是响应式Web设计?(简称“RWD") 响应式网站设计(简称RWD)是一种新的网站设计模式,以此构建...

  • 响应式网页设计

    名词解释 响应式网页设计(RWD) 响应式网站设计(Responsive Web design)是一种网络页面设计...

  • CSS面试考点准备之响应式布局

    1、什么是响应式 响应式网站设计(Responsive Web design)是一种网络页面设计布局,页面的设计与...

  • 7 响应式网站的内容设计

    7 响应式网站的内容设计 基于响应式开发网站,除了页面的布局是我们设计的重点, 网站中显示的图片和文字也是我们不能...

  • 响应式网页设计

    响应式网页设计Responsive Web design 响应式网站设计是一种网络页面设计布局,页面的设计与开发根...

  • 响应式网站设计

    名词解释 1.响应式web设计(Responsive Web Design):响应式网站设计是一种网络页面设计布局...

  • 响应式网页设计指南

    1、如何理解响应式设计(RWD) 响应式网页设计的概念最初是由Ethan Marcotte提出,从设计的角度引领我...

网友评论

    本文标题:响应式网站设计最早是由谁提出的?为什么这么火?

    本文链接:https://www.haomeiwen.com/subject/isrlhxtx.html