尚道开讲第六课 — 尺寸注意点(一)

日期:2013-10-19
尺寸是一切设计的开始,网页设计也不例外。
设计的创意要表达于“纸”上,但是这个前提就是“纸”也要有尺寸。
今天南京网站制作公司就针对网页设计的尺寸要求作一个详解。
大家别认为这是小事,其实尺寸比例不当,再怎么配图都会发现没那个美感。举个简单的例子,电脑显示器,为什么都是宽屏的?看着舒服呗。像17寸的基本正方形的,还有人要吗?
在笔者认识的朋友中(含同学、亲属、客户等所有人),已经没有在用17寸的了。电视机都是宽屏的了,更何况电脑呢。
废话不多说,直接主题。
网页的宽度是跟着电脑显示器的分辨率走的。
高度:一般来说,高度有右侧滚动条,就算画面高了,也符合访客的浏览习惯。这点可以暂时忽略。
宽度:这点就非常重要了,任何一个浏览者,都不会喜欢浏览器底部出现左右滚动条。都喜欢一眼尽收眼底。有左右滚动条,再来个上下滚动条,那访客的心情……至少,笔者本人立马关掉这个网站。我没那好脾气去看一个实在难过的网站。
在中国,主流和基础浏览器还是属IE。一般的电脑分辨率都会在1027*768及以上,所以尚道互动的设计都是以以上两者为前提,那么设计的宽度则为1003px;在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005px;在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001px……
有人会问,减去的边框的宽度了,是不是等于刚刚满,干嘛不弄成900px,800px等小于1003px像素的呢?
其实像素故意没减少太多就是为了整体的视觉效果,当宽度定的越小,两边留白就会越大,很不利于审美,再说,考虑到正常浏览字体大小,是不是我们还要把文字大小也给调小啊?!那丁点大的画面,正常的文字,会不会觉得突兀呢?!我们的设计尺寸,是由综合考虑而来的,并非随意喊一个数值的,是经得起考验。
举个熟知的特例,淘宝网,虽然它在做自适应,在不同的分辨率下都会有不同的变化,但是最小也是870px。
这是大的画面的宽度,在具体的设计中,4:3、16:9的比例还是最符合审美的比例。所以,能不出现正方形的尽量不要出现正方形。
当然,大的画面尺寸定了,具体设计中的尺寸就比较随意了。
我们下节课再聊!
我们是一家集互动设计和行销推广的整合服务机构。
我们致力于互联网产品与互动传播的有效整合,帮助客户解决实际营销问题。
我们希望与您一同开创互动营销时代。


© SUNWAY INTERACTIVE 苏ICP备09034539号  Provacy Policy    联系电话:025-58895576
我们的微博我们的合作伙伴