首页 WordPress 外贸独立站

网页设计要考虑不同显示器效果

0

我写这篇文章只为说清楚一个用语言(文字或电话)难以沟通的问题。

往往设计师做网页设计时,交付给客户看图片,但网站上线后才发现,和预想有差别,特别是在笔记本和大显示器上看到不同的效果。

原因在这里:“设计师 – 前端工程师 – 客户 对未来呈现没有做到充分的沟通,未达预期”

 

分析:

1 笔记本和大显示器的分辨率宽度差别很大,笔记本多数是1280px,1366px之类的,大显示器的分辨率一般都是1920px起步。

2 一张网页的在这里我们把它分成两部分,中间的显示区域,一般宽度为1000px,960px等。两边是白色或者背景图(色)填充

 

我们先看下面这张内页设计:

1 在笔记本上,头部标志和菜单,中间的大图几乎占满了整个屏幕。

2 在大显示器上,标志的左侧,菜单的右侧,中间大图的两侧都是用白色铺满。

1macbookpro

 

 

 

再看看首页设计

1 在笔记本上,头部的标志和菜单几乎占满整个屏幕,但中间的大图左右两侧没有间隙,直接紧贴在屏幕两侧,这也是客户要求的。

2 在大显示器上,头部两侧有空白,但中间的大图仍然是左右两侧紧贴屏幕,这也是客户要求的。

 

 

通过以上四张图片,客户一目了然,对未来网站上线后的表现有了真切的感受。

善于沟通,降低不可控因素,利于双方。

退出移动版