网易出品    必出精品
0510-881001984007-999-163
客服热线400-710-6678
×

我要网站建设介绍PPT,输入邮件地址,我们把最新的PPT介绍资料发给您。



标 题:网站Banner图尺寸及设计区域事项
日 期:2019.07.23
位 置:首页>新闻> 建站技巧 >网站Banner图尺寸及设计区域事项

     网站的Banner图是用户第一眼看到的模块,能否吸引用户的眼球就看Banner图的质量,那么关于网站首页Banner设计尺寸问题有哪些注意事项呢?首先我们要理解清楚这个尺寸问题,接下来网站设计专家"海之睿"给大家讲解网站Banner图尺寸及设计区域注意事项。

网站Banner图尺寸及设计区域事项

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

201806142328544734

      总结:其实显示器就相当于是窗口,网站界面就是窗口里面的一张图片,为了让小窗口看到主要信息,也为了让大窗口看起来不会那么空,我们就选择了这样的解决方案。

转载请注明来自:https://www.haizr.com/news/industrynews/90511.html

标签:无锡网站制作 无锡网站建设  海之睿



将文章分享到..

热门文章

Are You Interested ?
感兴趣吗?
与我们联系了解更多吧
有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
  • 网站服务热线:400-710-6678
    邮箱服务热线:400-799-9163
  • 电话:0510-88100198 渠道:0510-80211762
  • 地址:无锡市滨湖区蠡湖大道2018号普信copo 3栋810室
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服务

您最关注的地方

预算