济南网站建设公司_济南网站优化_济南网站设计制作公司_济南网站开发_济南网站设计制作_济南建网站_大众科技集团诚信专注 · 合作共赢

咨询电话:0531-83188567

了解自适应和自适应网站设计之间的区别

发布时间:2020-12-15 09:29:34    

  

什么是响应式网页设计?

       响应式网页设计(RWD)是设计师Ethan Marcotte在2010年创建的一个术语。此概念后来在他于2011年出版的名为“ 响应式网页设计”的书中得以建立。基本思想是响应式设计将“响应”网页浏览器的变化。通过调整各种设计元素的位置以适合任何可用大小的空间来调整宽度。

       这使网站可以在各种屏幕尺寸上正确显示,并且内容移动到最适合浏览器窗口尺寸的位置。这与“独立设计”相比,在“独立设计”中,由于网站是为标准桌面尺寸构建的,因此用户不得不在较小的屏幕上放大和缩小。在桌面上查看并调整浏览器窗口大小时,响应式Web设计非常明显。页面将流畅地调整。

       较早采用灵活灵活的设计风格来使网站适应不断增长的台式机显示器市场,然而,随着手机和其他小型设备对互联网的移动访问开始超过台式机访问,RWD在2014年左右成为主流。

什么是自适应网页设计?

       网页设计师Aaron Gustafson在大约与RWD相同的时间对概念化的网页设计(AWD)进行了概念化,并在其2011年出版的书《自适应网络设计:通过渐进式增强来创造丰富的经验》中向公众介绍了该概念。是的,很明显,设计师的书使用了非常直接的标题!

       AWD通过使用多个固定的布局尺寸来工作。该站点通过检查可用空间来检测Web浏览器的大小,然后通过选择最适合屏幕的布局进行调整。例如,如果在桌面上打开了AWD页面,则站点将识别可用空间并选择最接近的固定布局。调整浏览器窗口的大小不会影响网站的外观,因为此时布局已固定。

       如果设计人员选择在一种屏幕尺寸上使用与另一种屏幕尺寸不同的布局,则这可能会导致站点在各种屏幕尺寸上看起来都明显不同。通常,使用AWD时,会根据最常见的屏幕宽度(即320、480、760、960、1200和1600像素)设计六种设计。如果目标人群使用其他屏幕尺寸(例如平板电脑或上网本),则某些设计人员将包括其他屏幕宽度。

这个比那个好吗?

       两种设计方法均优于旧的“独立设计”,后者在屏幕尺寸改变时不会改变。但是,两者之间在每种方法上都有明显的利弊。

响应式设计–优点

  • 在所有设备之间进行统一设计,在设备之间进行切换时可提供更好,更统一的用户体验(UX)

  • SEO友好

  • 可以合并许多模板和样式

  • 相对容易实现

 
© 2009 - 2024 大众科技集团(http://www.dzkjjt.com/)      诚实守信,只做良心买卖! 备案号:鲁ICP备20023826号    咨询热线:0531-83188567 13356686817