1、第 1 页 共 7 页企业网页设计的布局与用色技巧第 2 页 共 7 页摘要企业网站通过互联网上进行网上销售和形象宣传，等同于企业的网络名片，不但可以向用户传递信息还可以宣传企业形象。网站想要吸引浏览者的目光、增加网站的浏览使用率的关键在于：网页的布局与用色技巧。色彩与布局的合理运用，可以让用户在浏览信息的同时获得强烈的视觉冲击力和艺术感染力，让网页能够更广泛的传播出去。关键词企业网站 布局与用色随着互联网的出现，拉近了全世界人们的距离，这样的距离改变的不仅仅是我们的生活，也改变了各行各业。网站伴随着互联网的快速发展应运而生，而一个网站是由很多网页构建而成。就好比网站是一栋楼，而网页是每一栋楼
2、里的房间，主页就是家中的庭院。所以想要做好网站就需要网页的配合，而色彩和布局是构成网页的两大重要组成部分。合理的布局与用色，不仅能够吸引用户的目光，还可以更好向用户展示企业文化，增加企业知名度。一、企业网站的发展在互联网还没有出现时，人们只能通过报纸、广播等传统媒介获取信息，由于传统媒介的局限性，人们无法全面的了解信息；互联网出现后，人们通过新闻网站来了解时事，便捷、快速的方式大大方便了人们的生活；随着互联网的快速发展，图像、声音、动画、视频，甚至 3D 技术可以在互联网上得到呈现，各行各业开始把自己的信息发布在网络上，有些企业看到了其中的商机，建立了属于自己的网站。企业通过网站呈现产品、服务
3、、理念、文化，或向大众提供某种功能服第 3 页 共 7 页务，人们可以快速的了解企业的现状，增加对企业的信任感。在我国，网页设计被当作一种新兴的传播媒介得到越来越多人的重视，投身于这个行业的年轻设计师也越来越多。虽然我国的网页设计处于发展的状态，但同时也存在着模仿抄袭、原创力不足等问题。大多中小型企业把网站的建设工作全权交给设计公司，而很多网站设计师在进行网页设计时，很少会主动去了解客户的需求，做好市场调研工作，直接就进行设计，更有些设计师会直接套用网页模板，这样做出来的网站往往都惨不忍睹。而随着电脑技术的发展，网页设计不再是单一的文字和图片形式，越来越多的元素和特效运被用到网页中，这些技术手
4、段的使用让静态页面变得丰富多彩，能够更好的向用户传递信息。但是如果只是炫技而忽视网页的内容，往往会起到适得其反的结果。一方面，网页的加载速度变慢，大多数浏览者没有那么好的耐心，可能页面还没有显示出来，浏览者就把它关闭了；另一方面，过多的特效会给人一种眼花缭乱的感觉，突显不出网站的主题。网站是企业对外的宣传的窗口，我们在考虑美观的同时也要注重浏览者的感受。在色彩上，要选择让人舒适的颜色，因为过亮的色调会使长时间盯着电脑的人感到不舒服，这样我们就不能完全的把信息传达给用户。现在用户对网站的要求不断的趋于人性化、简约化,在布局上也要趋向于思路清晰、逻辑合理,尽量让浏览者可以方便快速找到所需的信息。大
5、大小小的企业都有自己的网站，那么想要在众多网站中脱颖而出就要突出个性化，体现企业鲜明的特点，创建一个独属于自己的网站。而且个性化对企业网站以后的售后服务、案例解析、用户交流都是长远的发展的利器。二、网页设计的布局及用色技巧对网站的影响网站的基础在于布局，它不仅能够迅速协助用户获取所需的信息，还影响到网站的美观。创意十足且新颖的布局能够显著吸引用户的目光，但也不要让创意影响到了用户体验。比 如 图 2.1这 个 网 站 就 很 好 的 引 导 着 用 户 ， 当 你 不 断 下 划 时 ， 会 出 现 相 应 的 文 字 提 醒 你 接 下 来 可 以 到 哪 里 ，指 引 用 户 通 过 点
6、击 等 操 作 按 钮 浏 览 网 站 ， 了 解 信 息 ， 这 样 不 仅 给 用 户 提 供 了 很 大 的 方 便 ， 还 不会 给 用 户 造 成 压 迫 感 。 按 照 一 定 的 布 局 去 展 示 网 站 的 主 次 内 容 优 先 级 ， 比 如 图 2.2 这 个 网 站 ，就 将 主 要 的 内 容 放 在 了 顶 部 ， 用 三 个 卡 片 的 形 式 展 示 ， 其 他 的 普 通 内 容 放 在 下 方 通 过 列 表 的 形式 展 示 ， 底 部 则 做 成 标 签 分 类 的 链 接 。 Z 模 式 的 浏 览 模 式 用 与 主 要 是 图 片 的 页 面 内
7、 容 。 不 论 是否 因 为 这 里 有 个 菜 单 栏 ， 还 是 就 仅 仅 因 为 从 左 到 右 自 上 而 下 的 阅 读 习 惯 ， 人 第 一 眼 先 看 到 的 是第 4 页 共 7 页页 头 水 平 方 向 上 的 内 容 。 当 视 线 抵 达 底 部 时 ， 又 遵 循 着 从 左 到 右 的 习 惯 模 式 ， 重 复 在 水 平 扫 视页 尾 的 最 底 部 的 内 容 。 例 如 图 2.3 开 始 这 个 页 面 就 有 一 个 注 册 按 钮 ， 通 过 水 平 位 置 的 浏 览 ， 用户 已 经 获 悉 了 这 一 信 息 ， 下 拉 会 出 现 产 品
8、的 卖 点 ， 这 些 卖 点 的 展 示 就 是 遵 循 重 复 着 Z 模 式 的 最佳 例 子 ， 直 到 最 下 方 的 支 付 选 项 就 抵 达 了 Z 模 式 的 尾 部 那 个 水 平 线 。 这 三 种 方 法 各 有 千 秋 ， 我们 要 根 据 具 体 的 网 页 内 容 来 进 行 设 计 。图 2.1 图 2.2 图 2.3在 色 彩 设 计 应 用 中 ， 我 们 对 颜 色 不 同 程 度 的 理 解 ， 影 响 到 设 计 页 面 的 表 现 ， 熟 练 地 运 用 色 彩搭 配 ， 设 计 时 才 不 会 事 半 功 倍 。 色 彩 与 品 牌 有 着 千 丝
9、 万 缕 的 联 系 。 不 同 于 语 言 和 文 字 ， 色 彩 为品 牌 提 供 了 一 种 非 口 头 传 达 的 意 义 和 信 息 。 而 色 彩 给 人 的 感 觉 和 所 蕴 含 的 含 义 主 要 来 源 于 所 处 的文 化 和 环 境 。 在 深 入 了 解 一 个 网 站 之 前 ， 用 户 通 常 先 注 意 到 色 彩 ， 色 彩 所 传 达 出 来 的 情 绪 会 下 意识 地 感 染 用 户 ， 所 以 我 们 可 以 利 用 这 种 原 理 来 设 计 网 站 、 优 化 品 牌 。 例 如 图 2.4， 绿 色 常 常 让人 想 到 自 然 、 环 境 和
10、治 愈 等 含 义 ， 而 Whole Foods 作 为 一 个 全 天 然 有 机 食 品 品 牌 。 将 有 机 食 品和 品 牌 与 绿 色 完 美 的 融 合 在 一 起 ， 在 网 站 中 使 用 了 大 量 的 绿 色 的 元 素 和 形 象 ， 唤 起 用 户 对 于 自然 的 认 同 感 ， 配 合 黑 色 和 白 色 这 种 中 性 色 来 完 成 整 个 网 站 的 设 计 ， 三 种 色 彩 在 网 站 设 计 中 达 到 了平 衡 点 。 其 次 你 的 网 站 想 要 具 备 什 么 样 的 个 性 ， 想 传 达 什 么 样 的 感 情 。 例 如 图 2.5，
11、Facebook作 为 社 交 网 站 ， 非 常 需 要 得 到 用 户 的 信 任 ， 让 用 户 能 怡 然 自 若 地 在 上 面 分 享 生 活 ， 而 蓝 色 给 人第 5 页 共 7 页一 种 安 全 、 可 信 的 感 觉 ， 所 以 Facebook 选 择 了 蓝 色 用 来 传 递 出 “信 任 ”的 感 受 。图 2.4 图 2.5三、国内外企业网站在网页布局与用色技巧上的区别与价值体现由于国内外的文化、教育、经济等不同，导致国内外的设计师在网页布局与用色技巧上存在着很多差异。我们浏览欧美的企业网站会发现它们的页面非常简洁、清晰，侧重于提高易用性，实现清晰准确的沟通。而
12、网站的色调搭配通常使用一种颜色为主色，另一种颜色为配色，或者直接就一种颜色。而越有名气的公司，使用的颜色就越简单。而中国的企业网站给人的感觉就是多、长，千篇一律以及各种广告的堆积。在用色上则具有中国的民族风，所以一般都会采用三种或三种以上的色调。例如图 3.1 苹果公司的网站在页面中间放上轮播广告图片，很好的宣传了产品。页面上方是导航栏，采用黑底白字的方式，对比鲜明，辨识度高。页面下方是四个产品按钮，链接了苹果网站下的四个子网站，帮助用户更快的选择自己感兴趣的页面。在色彩上采用了白色作为整体页面背景，黑色的导航栏在白色的背景上醒目突出，起到很好的导航效果。页面下方的子网站，采用浅灰底，很好的衬
13、托出了产品。黑底白字、白底黑子、白底灰字，不仅相互统一，还巧妙的运用了苹果包装设计上的元素。而图 3.2 华为公司的官网，整体的框架采用矩形，看上去方方正正，体现出企业网站严肃、专业的一面。以白色为背景，深灰色为一级导航栏，浅灰为二级导航栏。页面下方采用黑色背景，突出文字内容。子网站直接采用图片形式，简洁明了。但是页面整体看上去过于散乱，文字较多。第 6 页 共 7 页图 3.1 图 3.2目前，很多企业建设了属于自己的网站，当然也有些企业认为网络太过虚幻，因此放弃了建设网站，这在起点上就输给了那些抢占先机的企业。那么企业网站的价值体现在哪里呢？首先，树立良好的企业形象,打造独属于企业的品牌。
14、随着电子商务的快速崛起，企业网站已经成为衡量企业紧随时代潮流的标准。然后，企业可以通过符合自身形象。具有鲜明特色的网站来宣传产品、服务，并通过用户的反馈信息及时做出调整。最后，能够帮助企业加强与客户沟通，发掘潜在客户，拓展商业渠道。四、结束语我们通过布局，使网页达到良好的视觉效果，给浏览者赏心悦目的感觉，增强网站的吸引力。而色彩对视觉的刺激起到第一信息传达的作用，在网页设计中合理地运用色彩可以直接影响整个网页的风格。所以设计师在设计网站时要充分了解客户的需求，了解企业的特点与受众群体，将这些元素融入到网站设计中。本文分析和研究了企业网站的布局与用色技巧两方面，在网页布局与网页色彩的理论基础上，
15、从心理学和设计学上分析了它们对企业网站的影响，并结合实际案例对比国内外企业网站在布局与用色技巧上的区别，探讨了企业网站的价值体现，让我们感受到页面布局与色彩搭配对于企业网站的重要性。综上所述，在设计企业网站时，在页面布局与用色技巧上要根据一定的理论知识结合敏锐的观察力，做出符合企业标准并具有鲜明特色的网站。第 7 页 共 7 页参考资料1胡崧，于慧.新锐网页版式与风格设计案例指南M. 北京:中国青年出版社.2007.4.2李东生. Dreamweaver 网页设计与配色技术精辟M. 北京:清华大学出版社.2007.6.3张利平.当前国内外网页设计现状分析及策略J.文艺生活下旬刊 ,2015 年,第 11 期:148-1484何芳.我国网页的发展设计现状及未来趋势初探J. 软件：教育现代化（电子版），2012 年，第 7 期.5邓洁茹.信息化时代的新媒介设计浅析我国中小型企业的网站设计J.魅力中国，2010 年，第 14 期.6雷宇.网页布局结构与色彩搭配解析J.中国民族大学，2012 年.7张春明.企业网站发展现状研究J.当代经济（下半月），2008 年，第 09 期.
