1.2 网页的设计标准
网页设计是通过视觉元素引人注目,从而实现信息传达的一种方式。也因此在进行网页设计时要明确主体,制作出导航清晰、界面美观、安全快速的网页,还要注意几点标准:页面尺寸、网页字体,以及网页必要元素。
1.2.1 网页尺寸
对于固定尺寸一般所选用的像素规格有:760px、780px、920px、950px等,根据电脑的屏幕大小不同,有的设计也会选用1003px这样的像素规格。对于这样的像素规格视觉感官确实是舒适,但并不代表对浏览者合适。因此一般页面宽度定在990px以内较为合适。
网页的标准尺寸如下:
①800×600分辨率以下,页面宽在778px以内,不会显示横向滚动条,高度依据页面而定。
②1024×768分辨率以下,页面宽度在1003px以内,想要全屏显示,高度在612~165px之间。
标准网页广告尺寸:
①120×120分辨率,用于新闻或产品照片展示。
②120×60分辨率,用于LOGO使用;120×90分辨率,应用产品演示或大型LOGO。
③125×125分辨率,表现照片效果的图像广告。
④234×60分辨率,适用于框架或左右形式的广告链接。
⑤392×72分辨率,用于较多图片展示广告或用于页角、页眉。
⑥468×60分辨率,最广泛的广告条用于页脚或眉角。
1.2.2 网页字体
网页设计中的字体一般选用宋体。不要选用一些生僻的字体,在默认浏览中的中文标准字体是宋体,英文是Times New Roma字体,这两种字体可以在任何浏览中应用。字体的形式可分为:常体、斜体、粗体和粗斜体,而字体的大小也不要随便设置,最好以系统默认为标准。如果你需要一些特殊的字体或是艺术字,请以图片的方式置入,以便于每个人看到的效果都统一。
1.2.3 网页色彩
色彩在网页设计中是一个非常重要的元素,合理地规划色彩,才能够吸引更多的浏览者。色彩在网页设计中的搭配有些复杂,色彩搭配可分为:同种色彩搭配、对比色彩搭配、暖色色彩搭配、冷色色彩搭配、色彩的鲜明性、色彩的合理性,以及色彩的独特性和色彩的艺术性。
(1)同种色彩搭配
同种色彩搭配又称为类似色搭配,是色环上邻近的色彩搭配,或者使用同一种色相不同明度的色彩搭配。这种色彩搭配能带来和谐统一的视觉效果。
(2)对比色彩搭配
对比色是色环中相对的色彩(180°对角),也可称为互补色。对比色彩效果较为鲜明,进行对比色设计时要注意面积的大小,因为大小的不同,产生的视觉效果不同。
(3)暖色色彩搭配
暖色是色彩中最明显的特征之一,暖色色调能够带给人温暖的感觉。色彩又能够带给人前进感,色彩明亮则是前进,暖色就是如此——膨胀、亲近的感觉。
(4)冷色色彩搭配
色彩分为冷暖色,冷色给人后退、收缩、凉爽的感觉。而在网页设计中冷色则给人一种专业、冷静、稳重的感觉。
(5)色彩的鲜明性
色彩的鲜明性并不是要求色彩非常活跃或夸张,主要是能够意象鲜明,让整个网站更加突出、明确,可以更有效地抓住浏览者的注意力。
(6)色彩的合理性
色彩能够给人直观的视觉冲击,有着先声夺人的力量。色彩的合理性是要求色彩的安排和选择要符合网页的主题,不能盲目地使用色彩,选择合适的颜色展示设计者的意念,才能充分地展示出色彩的魅力。
(7)色彩的独特性
色彩的独特性不是指别人没有用过的色彩,往往是指不按照原本属性配色,而是别出心裁,给人强大的视觉冲击力。
(8)色彩的艺术性
色彩的艺术性表达不仅体现文化形象和风格内涵,还提升网页的意境,有效地传达设计理念,做到优美的和谐感。