企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

响应式Web设计 – 布局

发布时间:2016-08-01 09:41:06

TAGS:网站设计

  去年上半年,我开始着手推动项目中响应式设计的落 地。以官网优化需求为契机,主动去做了响应式的页面设计,也说服了产品、设计和开发的相关同事一起把它上线落实,但不幸的是,由于各种方面的原因,例如, 生搬硬套的PC模块,无差异化的设计使得移动端阅读不佳,导航兼容性有限等等原因,上线几个月后又悄然下线。我不禁反思,项目中是否应该推 行响应式?今年年初重新启动了全站响应式项目,从产品、交互、视觉到开发,各个角色全方面参与了响应式项目,终门户的页面实现全面响应式。在项目过程中 有技术沉淀,也有不少的思考,也就有了以下的文字。文章的内容围绕四个方面,响应式的概念,实践办法,一些案例,以及一些看法。
vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

响应式Web设计 – 布局.jpgvsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  概念vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  Ehan Marcotte 为A List Apart写过一篇介绍型的文章 <响应式特马资料qq群网页设计> 。文中讲到响应式的概念源自响应式建筑设计,即房间或者空间会根据其内部人群数量和流动而变化。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  [近一门新兴的学科“响应式建筑(responsive architecture)”开始在探讨物理空间根据流动于其中的人进行响应的办法。建筑师们通过把嵌入式机器人与可拉伸材料结合的办法,尝试艺术装置和可弯曲、伸缩和扩展的墙体结构,达到根据接近人群的情况变化的效果。运动传感器与气候控制系统相结合,调整围绕人们周围的房间的温度以及环境照明。已经有公司制造了“智能玻璃技术”,当室内人数达到一定的阀值时,它可以自动变为不透明状态,为人们提供更多隐私保护。]vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  Web响应式设计的概念与之也非常相似。在如今技术飞快发展的时代,一向是以快论英雄,设备和分辨率日新月异,就以分类相对明晰的iPhone为例,就有多达4种的分辨率和屏幕尺寸,更别提厂商蓬勃发展的安卓机领域。因此,为每种设备或者特定设备分辨率制定相应的独立版本是非常费时费力的事情。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  Web响应式设计的理念,应当是,页面可以根据客户的设备环境,包括系统,分辨率,屏幕尺寸等等因素,进行自发式调整,提供更恰好当前环境的阅读和操作体验,对已有和未来即将出现的新设备有一定的适应能力。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  实践vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  有了概念,一定要谈谈实现的办法。类似于响应式建筑,Web页面也有对应关键因素。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  可弯曲、伸缩、扩展的墙体结构——可扩展的布局;vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  运动传感器——MediaQuery;vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  气候控制系统——栅格;vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  艺术装置——css等等。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  可扩展的布局vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  有一种流体布局的概念在早起web兴起的时,就开始盛行了。它的概念是说页面会根据浏览器窗口的变化进行更改,网站可以通过维护一套代码,保持一致性的设计。我这里强调的可扩展的布局也是基于这个概念,只是如今的办法多种多样,因此要强调页面布局的可扩展性。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

  可扩展的布局途径有很多,例如常见的百分比布局,以及一直未成为标准的栅格布局等等。vsc上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,6692,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!