尚道互动

设计的创意要表达于“纸”上，但是这个前提就是“纸”也要有尺寸。

今天南京网站制作公司就针对网页设计的尺寸要求作一个详解。

大家别认为这是小事，其实尺寸比例不当，再怎么配图都会发现没那个美感。举个简单的例子，电脑显示器，为什么都是宽屏的？看着舒服呗。像17寸的基本正方形的，还有人要吗？

在笔者认识的朋友中（含同学、亲属、客户等所有人），已经没有在用17寸的了。电视机都是宽屏的了，更何况电脑呢。

废话不多说，直接主题。

网页的宽度是跟着电脑显示器的分辨率走的。

高度：一般来说，高度有右侧滚动条，就算画面高了，也符合访客的浏览习惯。这点可以暂时忽略。

宽度：这点就非常重要了，任何一个浏览者，都不会喜欢浏览器底部出现左右滚动条。都喜欢一眼尽收眼底。有左右滚动条，再来个上下滚动条，那访客的心情……至少，笔者本人立马关掉这个网站。我没那好脾气去看一个实在难过的网站。

在中国，主流和基础浏览器还是属IE。一般的电脑分辨率都会在1027*768及以上，所以尚道互动的设计都是以以上两者为前提，那么设计的宽度则为1003px；在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005px；在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001px……

有人会问，减去的边框的宽度了，是不是等于刚刚满，干嘛不弄成900px，800px等小于1003px像素的呢？

其实像素故意没减少太多就是为了整体的视觉效果，当宽度定的越小，两边留白就会越大，很不利于审美，再说，考虑到正常浏览字体大小，是不是我们还要把文字大小也给调小啊？！那丁点大的画面，正常的文字，会不会觉得突兀呢？！我们的设计尺寸，是由综合考虑而来的，并非随意喊一个数值的，是经得起考验。

举个熟知的特例，淘宝网，虽然它在做自适应，在不同的分辨率下都会有不同的变化，但是最小也是870px。

这是大的画面的宽度，在具体的设计中，4：3、16：9的比例还是最符合审美的比例。所以，能不出现正方形的尽量不要出现正方形。

当然，大的画面尺寸定了，具体设计中的尺寸就比较随意了。

我们下节课再聊！