More

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

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

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

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

     

    分析:

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

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

     

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

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

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

    1macbookpro

     

    1imac

     

     

    再看看首页设计

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

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

    homemacbookpro

     

    homeimac

     

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

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

    网页设计要考虑不同显示器效果 - achair 2014
    achair
    大家好,我是achair,这个网站主要和各位分享一些经验,包括WordPress教程、苹果Mac电脑使用、游戏、电脑、数码、影视、生活等。更多关于achair信息,请点击 关于achair

    发表回复

    请填写评论
    请填写您的名字

    WordPress系列课程

    achair的课程

    最近流行