当前位置:网站首页 -> 网站建设

上海网站建设!聊聊呼应式规划的现状与趋势

发布日期:2015/1/6 8:07:03  点击数:1643
从2012年开端到2014年,各咱们对Web规划的趋势猜测中,都说到呼应式规划。2015年页面规划趋势猜测中,呼应式仍在持续。这个阅历了几年依然大热的呼应式,在曩昔的几年里,疾速稳固了自个的位置,并掀起了一股页面规划新规范的浪潮。新年补课,从头聊起 >>
  两波规划趋势的猜测,看看对了多少:
  《跟仍是不跟?2014年页面规划趋势(附资源引荐)》
  《我的征途是将来!带你展望2015年最重要的页面规划趋势》
  源起
  2010年5月,伊桑.马科特(Ethan Marcotte)在“A List Apart”写了一篇开创性的文章(题为“Responsive Web Design” ),他利用三种已有的工具:活动规划(Fluid grids)、前言查询(Media queries)和弹性图像(Scalable images)创建了一个在不一样分辨率屏幕下都能漂亮地显示的网站。 Ethan Marcotte力劝规划师们要去利用那些Web特有的特性去进行规划: “咱们能够将不一样联网设备上众多的体会,当作是同一网站体会的不一样旁边面来对待,而不要为每种设备进行独自取舍而使得规划彼此断开,这才是咱们行进的方向。尽管咱们现已能够规划出最好的视觉体会,但还要把依据规范的技能也嵌入到咱们的规划中去,这样才干使得咱们的规划不只灵敏,并且还能习惯烘托它们的各种前言。” Ethan Marcotte证明了一种在多种设备上都能供给杰出体会的办法的存在,并且这一办法不会忽略不一样设备的区别,也不会着重规划师的控制权,而是挑选了顺从其美并拥抱Web的灵敏性。
  这儿简略介绍下上面的说到的三个概念:活动规划(Fluid grids)、前言查询(Media queries)和弹性图像(Scalable images)本来都是指现有的一些技能手段,但在做呼应式规划研讨的过程中,这些概念仍是有更广泛的含义,规划师也应当有所了解:
  活动规划
  原特指以百分比为衡量单位的规划技能完成方法。这儿就不对如活动规划、弹性规划、流体栅格等各种概念做逐个说明。笔者就此统为一个大的概念:在呼应式规划的规划中,不再以像素(px)作为仅有单位,而是选用百分比或许混合百分比、像素为单位,规划出更具灵敏性的规划方法。
  前言查询
  前言查询能够让你依据在特定环境下查询到的各种属性值——比方设备类型、分辨率、屏幕物理尺度及颜色等——来决议运用什么样的款式。经过运用前言查询,能够获取到设备及设备的特性,并给出求同存异的计划,从而处理之前在单纯的规划规划中留传的疑问。
  弹性图像
  随同规划的弹性,图像作为信息重要的方法之一也必须有更灵敏的方法去习惯规划的改变。个人认为弹性图像是Ethan Marcotte提出规划商品时提出的概念,咱们在后续的研讨中能够以图像为典型,扩展研讨规模:除了图像,还应当包含图标、图表、视频等信息内容的呼应方法研讨。
  盛行
  呼应式规划的概念从提出至今,一向不断延伸分散,并得到各方认可的主要原因:
  1、外部环境
  疾速增长且日趋加重的可联网设备的多元化,让如今已不再有规范的屏幕尺度;
  2、本身特色
  严厉界说的呼应式一般是指呼应式Web规划,而Web凭仗其特有的灵敏性和可塑性,能够习惯各种尺度和装备的设备,能够无处不在。
  3、内部需要
  呼应式规划概念一提出,各大网站及平台都期望能够选用这秉一应万的形式,能够更灵敏地去适配更多设备,尤其是现在移动设备大爆棚的年代。
关闭窗口
Copyright © 2008-2024 上海纯点网络科技有限公司(www.cdsheji.com). All Rights Reserved
地址:上海市嘉定区金沙江西路1075号万达广场5写字号楼203室 24小时客服热线:400-670-5808 电话:021-60482289
沪ICP备10218526号-1 | 沪ICP备10218526号-2
QQ客服

沪公网安备 31011402002273号