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

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

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

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

Banner设计尺寸示意图

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

  • 商城网站开发订单表结构的设计思路
    2018-06-13 21:11:08
    我们曾经发现过简易版商城网站有一些不足的地方,订单信息中不保存价格信息,这样设计订单表结构就很容易出问题。
  • 网站设计在今天要慎用浮雕效果
    2014-06-19 08:00:00
    如此精妙的浮雕效果,在网站设计上为何要慎用?在过去,浮雕效果的确能够非常有效的吸引到网站访问者的眼球,让人觉得眼前一亮,觉得很漂亮。但是越是花哨的事物,越容易产生视觉疲劳。
  • 设计网站时为什么要给新闻列表页添加分割线
    2013-05-09 08:00:00
    巧妙的在网站上放置生活中出现的一些小细节,可以降低访问者的疲劳感、提高交互效率,甚至是提高网站成交率,例如:设计网站时为什么要给新闻列表页添加分割线。
  • 网站设计从业人员需要了解的常规企业网站结构
    2012-10-28 08:00:00
    深圳网站建设公司【创络】在过去不止一次的提到过网站用户体验观点,如今搜索引擎已经将网站用户体验列为网站质量最重要的依据了,这就是搜索引擎的2.0时代。
  • 顶尖级网页用户体验体验方面的设计
    2012-05-05 08:00:00
    如果我们抛开网站来说,任何一个好的产品,都会在用户体验设计上做足功夫,一般会让人觉得外观大方,使用起来很方便,容易上手,而且有可能的话还会让用户上瘾。
  • 网站设计的排版方案
    2011-02-18 08:00:00
    网页设计的排版方案跟平面印刷的排版是一个道理,对于网站设计排版的学习,是完全可以从平面媒体的排版设计开始,推荐一下这方面的专业书籍,例如《英国版式设计教程》。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839