WEB网页设计标准

1 800 600 下 网页宽度保持在 778 以内 就不会出现水平滚动条 高度则视版面和内容 决定 2 1024 768 下 网页宽度保持在 1002 以内 如果满框显示的话 高度是 612 615 之间 就不会出现水平滚动条和垂直滚动条 3 在 ps 里面做网页可以在 800 600 状态下显示全屏 页面的下方又不会出现滑动条 尺 寸为 740 560 左右 4 在 PS 里做的图到了网上就不一样了 颜色等等方面 因为 上面只用到 安全色 而 中的 或者 以及 或者 的色域很宽 颜色范围很广 所以自然会有失色的现象 页面标准按 800 600 分辨率制作 实际尺寸为 778 434px 页面长度原则上不超过 3 屏 宽度不超过 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 这种规格适用于框架或左右形式主页的广告链接 六 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 必须为静态图片 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 下载地址页面 尺寸 560 60 或 468 60 9 内页底部通栏 尺寸 760 60 10 左漂浮 尺寸 80 80 或 100 100 11 右漂浮 尺寸 80 80 或 100 100 以上几种说法可能有点小的出入 大家可以探讨一下 IAB 和 EIAA 发布新的网络广告尺寸标准 在这 6 种格式中 除了去年发布的 4 种 通用广告包 中的格式 160 x600 300 x250 180 x150 及 728x90 还包括新公布的 468x60 和 120 x600 擎天柱 2 种 好的网页设计十条原则 1 创新多于陈旧 才能称之为 好 成 功的网页设计不照抄传统设计 也不只是在平庸的页面基础之上创造一些设计演变 创 新的网页设计 亮点必须贯穿始末 对产品的体现要在品质上面进行全面烘 托 使产品有 个面目全新的 华丽出场 在这一点上 绝不能让设计之火熄灭 让灵感之火燃尽 好在 各种页面设计元素层出不穷 为网页设计本身提供大量变换素材和完美的可能性 2 好的网站 设计要跟产品相配 网 页设计再美观 风格与产品背道而驰 也只能说是很差劲的网站 中国人喜欢欧美风格 的网站 原因是欧美分格的网站 设计简洁 主题鲜明 质感强烈 适合大多 数产品 但 也有特例 比如感觉吧 STUDIO 最近的一个网站设计项目 是坦洋工夫红茶的网站 该网 站崇尚历史题材和中国韵味 这样的网站就要求用比较浓重 的中国风和相当精致的细节来 体现其一流品质 原因 工夫红茶本身是比较考究的中国传统文化 3 网页设计要符合基本审美 网站在实用的基础上 设计也要在基本审美上达标 另外再做设计延伸 我们称之为创新 审美上成功的网页 WEB 再加之创新 能够让人赏心悦目 激发想象 事半功倍 审美上不 过关 做再多创新只能徒劳无功 或者是让人产生反感 4 上等的网页设计帮助客户了解产品 网页设计运用得当 一样能开口说话 传递产品的多方面信息 为你省略很多冗繁的文字 描述 这就是许多 FLASH 动画网站文字甚少的缘由 设计和动画在视觉上 通过不同的形 式 来表达产品的尊贵形态 优越品质 使用方法 卓越效果 企业气势和消费者购买欲 望等等 5 优秀的网页设计不崇尚张扬 网 站说到底 是一种工具 是用来传递公司产品信息的 网站的设计不宜张扬 网站之余 人 可以比作两个朋友面对面 网站网页 可以是一个尊贵的朋友 但决不能 是一个外表 傲慢的朋友 无论网站做的有多漂亮精致 大方是必须的 张扬是不可行的 要为网站的 亲和力留出一席之地 让网站和人达成和谐 6 让网站诚实传递信息 良好的网页设计 在设计上不传递与产品本身不符合的信息 不误导和过度激励客户 这 就是所谓的网站道德 赋予网站生命之后 也要赋予它品性 相信浏览者也会为正直的网 站加分的 7 功底深厚的设计是耐看的 今日时尚 明日黄花 不是做一个好的网站的宗旨 真正经典的网站 经的住推敲和时间 的考验 我有一个朋友 他要我帮他做一个网站 要求是一打开网站就知道是绝无仅有的 十年后再打开 也还是不同凡响的 我这个朋友就是在网站要耐看方面是比较有认知的 8 可靠的网站要求准确性 网站达成精美之后 我们要谈到网站的精确性 这些就是我们所说的细节问题 如果你看 到一个漂亮的网站 但是上面的文字是重叠的 图片是未经处理的 数据是错误的或者是 一两年前的数据 那是不是有一种 吃苍蝇 的感受 好的网站应当是生动的 前进的 准 确的 9 完美的设计不造成资源浪费 这 里所说的资源 指的是制作网站前后所造成的人力财力浪费 做一个好的网站 设计和 程序都要偏向完美 这需要制作双方相互配合 达成共识 使网站设计制作稳 步发展 成 就一个功能完善 设计上乘的网站 省去了后续程序修改和页面改版的人力财力浪费 做 一个精美的网站用 3 年 胜过 3 个月翻新一下你的平庸网页 不 要在网站上浪费财力 要 做 就做适合的 好的 有品质