Web设计尺寸 一个网页的尺寸设置和浏览器与系统的尺寸大为相关,我们不可能满足所以用户的最佳尺寸,但我们能做的是让绝大多少用户感觉是最佳的系统分辨率统计 对大于30W台客户端用户进行测试,得到的测试数据如下数据来源于网络在WindoP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及;无论电脑分辨率或多或少,做网页应该按照这个标准,只需要考虑web页面的宽度,高度依赖于内容的布局现在大多数电脑方便的1280年,1366年,1440年,1660年,1920年,所以web页面通常设计成一个新的帆布1920px宽,与核心内容控制在1280年,以确保大多数电脑打开网站,可以显示所有的内容的网站。
一PC网页设计规范 固定的内容 1PS中设计分辨率为72像素英尺图片质量的像素点 2 颜色模式RGB 8位显示器的三原色红,绿,蓝为RGB不固定的内容 1网页背景 a纯色背景平铺自适应浏览器 b渐变色或底纹平铺背景自适应浏览器 目前网页设计中都会做通栏大图,以方便吸引客户,增加;附上 网页设计标准尺寸1800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定21024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612615之间就不会出现水平滚动条和垂直滚动条在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着;Web 手机端网页就没有统一标准了,比较流行的做法是按照iPhone 5的尺寸来设计倍率2,逻辑像素320x568 这样的做法比较实在,倍率2的屏幕无论在iOS还是Android方面都是主流,而且又是2倍屏幕中逻辑像素最小的所以图片的尺寸可以保持在较小的水平,页面加载速度快当然,缺点就是在倍率3的设备上看,图片不是特别清;最好控制在1000px吧,因为还有很多用户用的是分辨率很低的,如果你的用户都是用的大屏浏览器,那么就可以宽一点,比如你的客户是跟网站设计类有关的,那么他们电脑的分辨率不会低的,至少是1440px,所以你可以先确定你用户的电脑大致分辨率的多大,再考虑宽度尺寸 如何设计自适应屏幕大小的网页ResponsiveWeb。
iPhone手机网页的设计尺寸 iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代第二代第三代尺寸是320x480px分辨率是163PPI 安卓网页的设计尺寸 320dp一个普通的手机屏幕240X320,320×480,480X800480dp一个中间平板电脑像480。
html页面中的文字大小在用户浏览器下默认渲染是“16pxquot,也没有强行规定一定要用多大的,这个要看设计图来定CSS上可以用quotemquot来替代“px”,em是一个相对的大小,我们可以这样来设置1em,05em,15em等,而且“em”还可以指定到小数点后三位,比如“1365em”为什么要用em,而不用px的关键。
网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗字体没有特别规定但是有常规的用法常规文字 12px标题,页头 14px16px大标题,横幅等 18px。
评论列表