《课题_Web页面设计规范》由会员分享,可在线阅读,更多相关《课题_Web页面设计规范(3页珍藏版)》请在金锄头文库上搜索。
1、Web页面设计规范1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为上面只用到安全色,而中的或者以及或者的色域很宽颜色范围很广,所以自然会有失色的现象。 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过
2、1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。
3、 六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 八、88*31,主要用于网页链接,或网站小型LOGO。 = 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态
4、图片,FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上,尺寸120*60 2.首页顶部通栏,尺寸468*60 3.首页顶部通栏,尺寸760*60 4.首页中部通栏,尺寸580*60 5.内页顶部通栏,尺寸468*60 6.内页顶部通栏,尺寸760*60 7.内页左上,尺寸150*60或300*300 8.
5、下载地址页面,尺寸560*60或468*60 9.内页底部通栏,尺寸760*60 10.左漂浮,尺寸80*80或100*100 11.右漂浮,尺寸80*80或100*100 以上几种说法可能有点小的出入,大家可以探讨一下。 IAB和EIAA发布新的网络广告尺寸标准 在这6种格式中,除了去年发布的4种“通用广告包”中的格式:160x600, 300x250, 180x150及728x90,还包括新公布的468x60 和120x600(擎天柱)2种。 好的网页设计十条原则1. 创新多于陈旧,才能称之为“好” 成功的网页设计不照抄传统设计,也不只是在平庸的页面基础之上创造一些设计演变,创新的网页设计
6、,亮点必须贯穿始末,对产品的体现要在品质上面进行全面烘托,使产品有个面目全新的 “华丽出场”,在这一点上,绝不能让设计之火熄灭,让灵感之火燃尽。好在各种页面设计元素层出不穷,为网页设计本身提供大量变换素材和完美的可能性。 2. 好的网站,设计要跟产品相配 网页设计再美观,风格与产品背道而驰,也只能说是很差劲的网站,中国人喜欢欧美风格的网站,原因是欧美分格的网站,设计简洁,主题鲜明,质感强烈,适合大多数产品,但也有特例,比如感觉吧STUDIO最近的一个网站设计项目,是坦洋工夫红茶的网站,该网站崇尚历史题材和中国韵味,这样的网站就要求用比较浓重的中国风和相当精致的细节来体现其一流品质,原因:工夫红
7、茶本身是比较考究的中国传统文化。 3. 网页设计要符合基本审美 网站在实用的基础上,设计也要在基本审美上达标,另外再做设计延伸(我们称之为创新),审美上成功的网页WEB,再加之创新,能够让人赏心悦目,激发想象,事半功倍;审美上不过关,做再多创新只能徒劳无功,或者是让人产生反感。 4. 上等的网页设计帮助客户了解产品 网页设计运用得当,一样能开口说话,传递产品的多方面信息,为你省略很多冗繁的文字描述,这就是许多FLASH动画网站文字甚少的缘由,设计和动画在视觉上,通过不同的形式,来表达产品的尊贵形态,优越品质,使用方法,卓越效果,企业气势和消费者购买欲望等等 5. 优秀的网页设计不崇尚张扬 网站
8、说到底,是一种工具,是用来传递公司产品信息的。网站的设计不宜张扬,网站之余人,可以比作两个朋友面对面,网站网页,可以是一个尊贵的朋友,但决不能是一个外表傲慢的朋友。无论网站做的有多漂亮精致,大方是必须的,张扬是不可行的,要为网站的亲和力留出一席之地,让网站和人达成和谐。 6. 让网站诚实传递信息 良好的网页设计,在设计上不传递与产品本身不符合的信息,不误导和过度激励客户,这就是所谓的网站道德,赋予网站生命之后,也要赋予它品性,相信浏览者也会为正直的网站加分的。 7. 功底深厚的设计是耐看的 今日时尚,明日黄花,不是做一个好的网站的宗旨,真正经典的网站,经的住推敲和时间的考验。我有一个朋友,他要
9、我帮他做一个网站,要求是一打开网站就知道是绝无仅有的,十年后再打开,也还是不同凡响的。我这个朋友就是在网站要耐看方面是比较有认知的。 8. 可靠的网站要求准确性 网站达成精美之后,我们要谈到网站的精确性,这些就是我们所说的细节问题,如果你看到一个漂亮的网站,但是上面的文字是重叠的,图片是未经处理的,数据是错误的或者是一两年前的数据,那是不是有一种“吃苍蝇”的感受?好的网站应当是生动的,前进的,准确的。 9完美的设计不造成资源浪费 这里所说的资源,指的是制作网站前后所造成的人力财力浪费,做一个好的网站,设计和程序都要偏向完美,这需要制作双方相互配合,达成共识,使网站设计制作稳步发展,成就一个功能完善,设计上乘的网站,省去了后续程序修改和页面改版的人力财力浪费。做一个精美的网站用3年,胜过3个月翻新一下你的平庸网页,不要在网站上浪费财力,要做,就做适合的,好的,有品质的。 10. 杰出的网页设计越少越好 为什么我们一方面要求创新,一方面又不提倡太多设计呢?有句话叫做“简洁不等于简单”,还有个成语叫“画蛇添足”,太过于丰富花哨的网站,目的到底是展示网站本身呢,还是烘托产品呢?设计是要有的,但设计不是目的,设计只是一种衬托产品的手段,我们提倡创新,但不提倡无目的的创新。