400-114-0800

企业邮箱经销商/代理商

网建知识

您当前位置 > 首页 > 文章栏目:网建知识

 

如何理解响应式网站设计的概念

发表时间:2014-04-04

 

眼下,几乎所有的新客户都希望Web设计师和开发者给自己的网站设计专门的移动版本。最好是黑莓、iPhone、iPad、上网本还有Kindle各自都有一款,另外屏幕分辨率还都得兼容。接下来的几年里,我们可能还会为数不清的新移动终端开发设计,而这种疯狂何时才是尽头呢?金华微信平台的设计师告诉小编:甭想了,它根本没有尽头。
 
 
 
QQ截图20140404124129.jpg
 
 
 
在网站设计与开发领域,我们会越来越跟不上新分辨率和新设备更新换代的步伐。对于许多网站而言,为每个分辨率和新设备开发一个网站版本几乎是不可能的,或者说是不切实际的。我们可能会顾此失彼,在保证某个设备的用户群的同时,失去了使用其他设备的用户。有别的更好的办法么? 用户群的同时,失去了使用其他设备的用户。有别的更好的办法么?响应式网站设计的理念是网站页面的设计与开发应该根据用户的行为和基于用户的屏幕大小、系统平台和屏幕方向的使用环境作出相应的回应。具体操作则包括弹性网格、布局、图片和CSS媒体查询的灵活使用,等等。用户从笔记本切换到iPad时,网页应该自动调整应对所用设备的分辨率、图像大小脚本功能。换句话说,网站应该有这样的技术能力,随时随地回应用户的需要。这样我们就可以不用为层出不穷的新设备做专门的设计与开发了。
不同的设备,其屏幕分辨率、清晰度以及屏幕方向都各自不同。每天都有各种新设备诞生,随之而来的是不同的屏幕尺寸,而且每个设备或许都能兼容各种尺寸、功能甚至是颜色。有的是横屏,有的是竖屏,甚至还有正方形屏幕。而随着iPhone、iPad以及高级智能手机的流行,许多新设备都可以随意进行横屏竖屏切换。怎样的设计才能满足上述所有情况呢? 除了横屏竖屏的兼容问题,我们还要考虑到千变万化的屏幕尺寸。当然,我们可以给这些尺寸归类,然后每一类对应一种设计方案,并尽力确保每个设计的灵活性。但即便如此,任务也还是会繁重不堪,何况谁知道五年之后其使用数量会是怎样?而且许多用户甚至不会去最大化浏览器窗,光这一点就让屏幕尺寸的变数更大了。

随机推荐查看更多