数字图形图像处理模块四：数字界面设计与制作4.2.1网页设计类型2.pdfVIP

网站设计排版-黄金分割 在所 有 的 比例 中黄金分 割是最 能引起人 的美感 的，0 .6 18被公认 为最具有 审美 意义 的 比例数 字。 黄金分 割点 约等 于0 ．6 18 ：1， 因为黄金分 割率和 黄金 矩形 能够 给 画面 带来 美 感 ，令 人愉悦 的原 因，从 而在 建筑、 文艺、 还有不 同行 业 中都 有 着广泛而重 要 的应 用。我们 熟知 的达 ·芬 奇- 维特 鲁威 人、 蒙娜 丽莎 的脸、 最后 的晚餐 ；古希 腊 维纳斯 女神及 太 阳神 阿波 罗雕像、雅 典 的帕台农神庙 同样 也应 用 了该 比例布 局。 黄金分 割在 艺术设计 中的应 用经典案例 在被 艺术 与设计影 响 的世 界里，追逐 美 感成 为 了每 一个 时代必 不 可少的潮流趋势。 对 于 网站排版设计 同样 也不会例外 ，无论 是企 业 网站 建设、 大型 门户论坛、 还 是个人博 客设计 ， 可 爱的设计师们和 艺术 家会 想尽 一切 的办 法将 美 的东 西融入 其 中，尽 管大 多数 用户根本 不会 知道设计师为何 如此 排版。 豆瓣社区首页 豆瓣社区首页的设计左栏宽度是590px ，整体版面的宽度是950 ，两者之间的比例是0.621， 非常之接近黄金分割。 腾讯网首页 腾讯网首页的设计右栏宽度是600px ，整体版面的宽度是960 ，两者之间的比例是0.630。 搜狐门户首页 搜狐门户首页的设计右栏宽度是626px ，整体版面的宽度是950 ，两者之间的比例是0.659 ， 与腾讯网布局方式非常相似 ，但这个比例几乎是九宫格排版。 twitter 将黄金分割使用得最极致的要数Twitter的网页设计 ，惊为天人的完全黄金矩形布局 ，Twitter创意 总监道格·伯曼追求完美的性格可见一斑。 资讯类网站 特 点 ： 1、页 面信息 量大 ，很 高 ，屏 数 多 2 、重要信息放 顶 部 3、 内容 以文字形 式 为主 4 、布局 紧凑 ，中规 中矩 布局 ： 以三栏 或 四栏 竖排 为主 色 彩 ： 以红 ，黄 ，蓝 为主 ，稳 重 要点 ： 文字排 版 内容层 级展现 电子商务类网站 特 点 ： 1、产 品信息 量大 2 、 图文结合 3、搜索 、购物 车等功 能模 块 多 布局 ： 以两栏 或 三栏 竖排 为主 色 彩 ： 搭 配鲜 亮 活 泼 色 彩 丰 富 自由度 大 要点 ： U I图标 以商业功 能 为导 向 互动游戏类网站 特 点 ： 1、以 图片为主 视 觉 冲击力 强 2 、 内容 少 功 能 比较 固定 布局 ： 多 以两栏 为主 色 彩 ： 以游 戏 环 境色 为主 强烈 刺激 要点 ： U I特 效 色 彩 教育类网站 特 点 ： 1、介 绍性 内容 多 2 、首页一般 突 出文化气息 布局 ： 横 向布局 比较 多 页 面短 色 彩 ： 以绿色 、蓝色 较 多 同一 网站色 彩不 宜杂 乱 要点 ： 规整 重功 能 功能型网站 特 点 ： 1、布局简 单 学 问多 2 、用户体验 很 重要 3、精 神 感受和 粘合度 高 布局 ： 简 单 明了 强调功 能 色 彩 ： 平和 、简 约 、养 眼 要点 ： 用户体验 简 约 功 能第 一 企业型网站 特 点 ：