• 当前位置:首页资讯专业知识
  • 什么是自适应网页设计及其工作原理

  • 发表时间:2022-12-30 03:00:00  作者:企米科技  阅读资数:745
  • 让我们在自适应网页设计和塑造 cookie 之间进行比较。你有面团和模具来制作星星、心形、圣诞树等形状的饼干。由于面团上的模具,每个饼干都是独一无二的。自适应设计也是如此。有必要为每个屏幕创建各种网站布局。 

    这样,网页设计师需要为以下屏幕尺寸创建不同的用户体验设计(其他尺寸也是可能的):

    • 320像素;
    • 480像素;
    • 760 像素;
    • 960像素;
    • 1200 像素;
    • 1600 像素。

    这意味着您不能为网站的所有版本使用单个静态页面。网页设计师必须考虑系统识别屏幕尺寸时可以自动使用的不同布局。 

    image.png

    值得注意的是,用户体验设计师对每个设备的 CTA、内容和图形元素的最佳匹配位置进行了详细分析,以改善网站每个精心开发的布局的用户体验。

    让我们仔细看看其中一个自适应设计示例。这是 eBay 市场。这是该网站的移动版本。热门类别显示在搜索框和特价商品下方。 

    image.png


    同时,桌面版还有另外一种设计。热门品牌和汽车配件等产品的广告首先出现在首页上。搜索框与移动版本一样位于顶部。 

    image.png


    总而言之,自适应设计和响应式设计之间的主要区别在于它们的创建方式。但是还有很多其他方面可以比较。通过对自适应设计与响应式设计的深入比较,您可以决定哪一种最适合您的网站。