成都seo博客

蔡江博客

企业网站推广中网站设计布局及移动适配的重要性

作者:choi 日期:2020-08-06 17:23 浏览:444

  在考虑网站页面设计样式布局的时候,或者后期与UI、前端设计人员沟通的时候,经常会被问到“这个页面是定宽页面还是全屏页面?”“针对不同移动终端做适配”“这个页面是使用浏览器的滚动条还是页面内滚动?”本文作者分享了自己的解决方法。

  一、页面宽度:定宽页面or全屏页面?

  采用定宽或者全屏。而大部分网站,是需要根据页面内容,才能决定是使用定宽还是全屏。

  1.定宽页面

  目前市场上,笔记本常见的屏幕分辨率为1366*768;台式机常见分辨率有1440*900、1920*1080。市场上可能遇到的最低分辨率为1280*768,比如投影仪或者其他设备(其他更小的屏幕可暂不考虑)。

  为了保证在小屏下,内容可查看完整,因此目前常用的定宽页面尺寸是1200px,实际可能会根据所展示的内容,页面导航,页面其他元素,页面所要适配的终端等,进行调整。比如,简书首页的宽度为960px;京东订单详情为1210px。

  定宽页面常用于:详情,图片,字段并不多的列表,内容流等。

  定宽页面虽然可以免去屏幕适配的烦恼,但是对于有些内容,可能会感觉在大屏下显得过于小气,体验并不好,比如图片。而站酷在这一点上,处理的比较好,可以借鉴。当屏幕宽度大于 1600 时,采用 1400 的定宽;当屏幕小于1600,使用 1150 的宽,同时图片大小也会发生改变。(注:淘宝和京东的商品列表页也采用了类似的处理方式)

  2.全屏页面

  全屏页面指,除了页面左右两侧的边界,页面中的内容会随着屏幕大小而撑满。但是为了保证页面内容正常显示,一般会设定最小的适配宽度,页面低于该宽度不再设配,页面出现横向滚动条。

  全屏页面常用于:网站宣传页、采用左侧导航的管理类网站、字段很多的列表页、需要全屏查看的看板页、使用瀑布流的页面,或者页面中有用户需要可视区域更大才可方便操作的元素,比如地图轨迹等。

  对于全屏页面,需要考虑,当屏幕变大或者变小时如果适配。一般常用的适配方式有:

  根据屏幕大小等比例放大(或者根据不同的屏幕设定不同的放大/缩小比例);

  根据屏幕大小拉宽元素,元素高度不变(大屏下,可能会导致元素比例变形,视觉效果不佳);

  根据屏幕大小,增加/减少每行显示的内容多少(多数适合于页面内容为网格布局的情况);

  使用bootstrap等框架,采用响应式布局(根据屏幕大小,改变大小的同时改变元素排版方式)。

  具体采用哪种适配方式,需根据页面内容,以及内容在大小屏幕下的显示情况,以及整个网站所使用的框架等进行选择。

  二 页面高度

  当页面内容超出页面高度时,是采用页面滚动条,还是模块内滚动?

  页面滚动条适合于内容流的页面。这种页面,页面底部固定或底部无其他元素。另外,这种滚动方式需与‘返回顶部’按钮配合使用。当数据需要分页时,多采用滚动分页。

  模块内滚动,常用于操作需固定在顶部/底部的页面。当页面中有多个模块需要内滚动或者模块被分割的较小时,需考虑在小屏下每个模块的可视区域是否过小而无法进行操作。当数据需要分页时,多采用翻页分页。

  如下示例:由于在 1366 的屏幕下,内容的显示高度除去浏览器的高度以及网站导航的高度,可能只有 650 左右,导致可视区域过小影响用户体验。因此整个页面的布局可能需要重新调整。

  三 总结

  设计页面时,需特别注意,屏幕大小对页面的影响。否则,会导致整个页面的交互布局需重新设计。另外,具体使用哪种方式,需权衡各自的利弊,最大程度保证大小屏幕下,用户的体验不受影响。


文章来源:蔡江博客
文章标题:企业网站推广中网站设计布局及移动适配的重要性
本文地址:http://www.chengduseo.cn/seo/11292.html
相关文章
彭州企业网站seo优化如何提高用户体验度 彭州企业网站seo优化如何提高用户体验度

彭州企业网站SEO优化如何提高用户体验度?随着互联网的兴起,企业网站已经成为许多公司宣传自己的重要渠道。如今,优化企业网站SEO已经成为许多企业必须要做的一项工作。但是,在优化SEO的同时,如何提高用户的体验度也

彭州百度网站seo有哪些途径 彭州百度网站seo有哪些途径

彭州百度网站seo有哪些途径彭州作为一座快速发展的城市,百度网站SEO的重要性愈加凸显。那么在这里,我们就为大家总结了一些彭州百度网站SEO的途径,希望可以为您提供帮助:1.关键词研究:在SEO优化中,首先需要做的就是

彭州百度网站营销原则有哪些 彭州百度网站营销原则有哪些

彭州百度网站营销原则有哪些?作为一家企业,无论其规模大小,都需要通过网络来进行品牌宣传和销售。彭州百度网站营销就是通过在百度搜索引擎上进行广告投放、搜索引擎优化等方式,来提高企业在网络上的曝光度和销售

彭州企业网站seo如何获取高质量外链 彭州企业网站seo如何获取高质量外链

彭州企业网站如何获取高质量外链什么是外链?外链是其他网站连接到您网站的链接,也称为反向链接或链接。外链可以提高您网站的排名,并为您的网站带来更多的流量。但是,如果您获得的链接质量较低,搜索引擎会认为您

彭州企业网站优化权重下降的因素有哪些 彭州企业网站优化权重下降的因素有哪些

彭州企业网站优化权重下降的因素有哪些?彭州作为一个经济发展比较快的城市,吸引了很多企业前来发展。而在网络营销时代,企业的网站优化就显得尤为重要。然而,一些彭州企业的网站优化权重在最近一段时间内出现了下

彭州网站seo优化主要包含哪些方面 彭州网站seo优化主要包含哪些方面

彭州网站SEO优化主要包含哪些方面?彭州网站SEO优化是指为了让彭州网站在搜索引擎中排名更高而进行的相关网站优化工作。彭州网站SEO优化主要包含以下方面:1.关键词优化对于彭州网站而言,关键词的优化是最为重要的。通

彭州新网站优化如何避免过度优化 彭州新网站优化如何避免过度优化

彭州新网站优化如何避免过度优化在彭州新网站优化过程中,过度优化是一个需要特别注意的问题。虽然优化可以提高网站的排名和流量,但是过度优化可能会导致搜索引擎的惩罚,降低网站的排名和流量。那么,如何避免过度

彭州新网站seo策略有哪些 彭州新网站seo策略有哪些

彭州新网站SEO策略有哪些?随着彭州市的迅速发展,越来越多的企业开始意识到SEO优化在推广和销售中的重要作用。所以,针对彭州新网站SEO优化的策略也变得越来越重要。以下是一些针对彭州新网站SEO优化策略的建议:关键词

彭州新网站seo内部结构优化技巧 彭州新网站seo内部结构优化技巧

彭州新网站SEO内部结构优化技巧对于彭州新网站,如何进行SEO内部结构优化是一个非常重要的问题。优化内部结构可以使搜索引擎更好地理解网站的内容并优先展示网站,提高网站的排名和流量。下面将介绍一些优化技巧:1.网

彭州企业网站seo权重下降的因素有哪些 彭州企业网站seo权重下降的因素有哪些

彭州企业网站SEO权重下降的因素有哪些?彭州企业网站SEO权重下降的原因很多。以下是最常见的六个原因:1.网站被黑客攻击黑客攻击可能会导致网站权重下降,因为搜索引擎可能会降低对受攻击的网站的信任度。攻击者可能会

  • 精彩推荐
  • 最新案例
分享到:
Copyright © 2016-2021 「蔡江博客」版权所有
蜀ICP备15028159号-6  
网站地图 | 技术支持:点瑞网络