网页设计初级常见问题:[3]如何确定网页尺寸
当你确定好了要做的网页的风格,着手设计的第一步,应该就是确定网页宽度了。
确定网页宽度的依据,主要有:
网页内容类型,比如门户类、博客类...;
网页风格,韩国风格、欧美风格、国内常见...;
网页功能,信息量多小、多功能组合、单功能UI类...
...
那到底网页设成多宽,才合适呢:
心得分享
- 01
我初学时,也曾头痛过这个问题。怕不正规的网页宽度、不协调的结构比例,让行内人笑话。
- 02
其实这事儿,是咱庸人自扰。知道一些基本的、最好可以遵守的原则,具体宽度值多些少些,都无所谓啦。 比如不久前的某个统计时间点上:网易仍960px,腾讯网的首页宽度,从910像素改版为1000像素,新浪与搜狐网依旧保持950px,淘宝网的首页1000px,而淘宝子频道页:男装990px,点卡950px、天猫970px、天猫电器城的首页990px、一淘网1200px,刚刚又浏览了一下淘宝,看来首页、子页,大部分都统一改版为1190……
- 03
电商类型的网站首页宽度,大多在1200像素左右:比如京东1210px、苏宁1190px、当当1200px、亚马孙自适应(最小宽度980像素)… 如何确定你欲建的网页宽度、并有效组织页内布局呢?我能给出的,只有两条建议:
- 04
一、请研究一下960网格系统 这是个网页设计史上,具有里程碑、或代表意义的网格系统。主要是针对1024*768分辨率的屏幕。 有人说960网格已过时,现今1200像素以上的屏幕,早已取代了1024的市场占有率,学习“960网格系统”已没有意义。 我要说:现今我们学习它的意义,已不再是简单的网格套用,而是一套的网页布局思想:整站布局的统一;平衡、流畅的视觉美感;代码的重用、提炼... 留个思考题:总结相对于1024的屏幕,960网格系统布局的特点、优点。提取必要知识,扩展应用于其它分辨率的网页宽度、结构比例设定上。
- 05
二、响应式布局 虽然今时1200像素以上的电脑屏幕,占据着主导地位。但平板电脑、手机MP4/5等移动终端的小微显示器,市场占有率也在极速攀升。 一套页面,自适应多种分辨率,或多种终端设备,已悄然盛行。 这一部内容,初学者要有所了解,才能尽快赶上时代步伐。