设计网站首页Banner时需注意的尺寸问题

常见问题 2018-06-14 23:29:52 5726次 https://www.chuangluo.com/news_533.html 作者:创络科技

我们经常会遇到客户提出一些基本的网站维护问题,其中最为常见,但却最难解释、客户也最难理解的问题之一,就是设计网站首页Banner时需注意的尺寸问题。最近我们再一次遇到这个问题,一位来自公明东坑的客户在网站制作完成后,安排了一位文员同事来负责网站维护。由于客户不想过度依赖我们,想自己内部员工学会管理网站,但安排的同事只是对PS有一点点了解,并不熟练,结果设计好的图片始终无法正确显示。最后还是联系到创络,经过我们的详细解释,她终于明白原理并设计好了首页Banner图片。

我们要理解清楚这个尺寸问题,首先就要搞清楚两个概念:网页最佳的最大宽度和最小宽度。由于目前主流的显示器分辨率已经不同于以往的1024*768,而是普及到1366*768以上的分辨率。如果我们还是一如既往的按1024像素来设计网站,那么网站在今天大多数显示器上会显得小气。因此,目前主流网站的核心宽度已经提高到1200~1400像素了(自适应除外)。为了兼容绝大多数的显示器,我们将网页的最大宽度设计为1920像素,更大显示器则通过浏览器自身的技术适配。而为了兼容一些小一点的显示器,如1366像素宽的显示器,我们将核心内容集中在中间1200像素。于是,当下最为流行的解决方案就是将Banner图片的背景铺满1920像素,但是文案或者产品图片等核心内容是集中在中间1200像素的,具体请参考以下示意图:

Banner设计尺寸示意图

相信经过上面图片的直观感受,绝大多数的朋友会立马明白过来。其实显示器就相当于是窗口,网站界面就是窗口里面的一张图片,为了让小窗口看到主要信息,也为了让大窗口看起来不会那么空,我们就选择了这样的解决方案。亲爱的朋友,您学会了吗?如果还是依然无法理解,欢迎您随时致电咨询,我们将竭诚为您服务。

  • 认真对待网站的面包屑导航做到逐级展开
    2013-10-18 08:00:00
    网站上的面包屑导航有多么重要,想必不用 深圳做网站的公司 创络过多解释,大家也明白。我们只想说明认真对待网站的面包屑导航,做到逐级展开是对客户网站的一种尊重。当我们做好了面包屑导...
  • 网站设计师必须要有的团队合作意识(上)
    2014-06-16 08:00:00
    首先让我们来定义一下什么是 网站设计师 :能熟练使用PS高效率的 设计网站 效果图、切图精准、熟练使用DM高效率重构网站HTML页面。读者朋友如果认为网站设计师只是做网站效果图,...
  • 网站域名和优化之间有没有关系
    2013-01-01 08:00:00
    网站域名和优化之间有没有关系?有的,这个是毋庸置疑的, 深圳网站建设公司 【创络】曾经专门针对100位客户的网站域名进行统计。这100位客户中大多都是分部在宝安、公明、光明和松岗...
标准建站流程
客服电话
  • 0755-23698839