网页 色调设计
网页 色调设计
网页 的 色调是 创建网站 形象 的 枢纽之一 ，色彩搭配 倒是网 友 们 感应头疼 的 标题问题。网页 的 后台，笔墨，图标 ，边框 ，超链接 ...，应当采纳什么样 的 色调，应当搭配 甚么色调才干最好的 抒发出 猜想的 内在呢 ？阿 捷 这里 谈 一些 心得 ，期望对你 有所 开导。
起首咱们先来 认识一些 色调的 基本知识 ：
1.色调是因为 光 的 折射 而 发生的 。
2.红 ，黄 ，蓝 是 三原色 ，此外的 色调都 可以用 这三种 色调协调而成 。网页 html措辞中 的 色调抒发便是用 这三 种颜色 的 数值 施展阐发譬喻：赤色是 color (255,0,0)十六进制 的 施展阐发方式为 (FF0000)白色 为 (FFFFFF), 咱们时常看到 的 "bgColor=#FFFFFF"就是指 背景色 为 白色 。
3.色调分 非 彩色 和 彩色 两类 。非 彩色 是指 黑 ，白 ，灰 体系色 。彩色 是指 除非 彩色 之外的 一切色调。
4.任何 色调都有 饱和度 和 透明度 的 属性 ，属性 的 变迁发生差别的 色相 ，以是最少能够建造几百 万种 色调。
网页制作 用 彩色 还 曲直短长彩色 好 呢 ？凭证专业 的 研究机构 钻研讲明：彩色 的 影象成效是 是非的 3.5倍 。也就是说 ，在 普通情况下 ，彩色 页面 较 完整是非页面 加倍吸引人 。
咱们每每的 做法 是 ：主要内容 笔墨用 非 彩色 (玄色)，边框 ，后台，图片 用 彩色 。如许页面 总体不 单调 ，看 主要内容 也不 会 目炫。
●非 彩色 的 搭配
是非是 最 根基和 最简单 的 搭配 ，白字 黑 底 ，黑 底 白字 都 特别很是清楚明晰。 灰色 是 全能色 ，能够和 任何 彩色 搭配 ，也能够辅助两种 僵持的 色调谐和过渡 。如果你 着实找 不出 适合的 色调，那末用 灰色 尝尝，成效绝对不会 太差 。
●彩色 的 搭配
色调变幻无穷，彩色 的 搭配 是 咱们钻研的 重点 。咱们仍然需求进一步 进修一些 色调的 常识。
一 .色 环 。咱们将 色调按 "红 ->黄 ->绿 ->蓝 ->红 "挨次过分突变，就能够获得一个 色调环 。色 环 的 两头是 暖色 和 寒 色 ，傍边是 中型 色 。(如下图 )
红 .橙 .橙黄 .黄 .黄绿 .绿 .青绿 .蓝 绿 .蓝 .蓝 紫 .紫 .紫红 .红
|___________| |____| |_________| |_________| | | | |
暖色 系 中性 系 寒 色系 中性 系
二 .色调的 生理觉得。差别的 色调会给 阅读者 差别的 生理感触感染。
赤色---是一种 激奋 的 色调。刺激 成效，能使人 发生感动，恼怒，热心，活气的 觉得。
绿色 ---介于 冷暖 两 中 色调的 中央，显得 交情，静谧，安康，平安的 觉得。 它 和 金黄 ，淡 白 搭配 ，能够发生文雅，温馨的 氛围。
橙色 ---也是 一种 激奋 的 色调，具备轻巧，欢喜，强烈热闹，舒适，时髦的 成效。
黄色 ---具备康乐，祈望，伶俐和 轻巧的 赋性，它的 明度 最高 。
蓝色 ---是 最具 风凉，清爽，专业 的 色调。它 和 白色 夹杂，能 显露和婉，淡雅 ，浪漫 的 氛围(象 天空 的 色调:)
白色 ---具备皎洁皎洁，明快 ，纯挚，干净的 感触感染。
玄色---具备深邃深挚，机密，清静，悲恸，压制的 感触感染。
灰色 ---具备中庸 ，普通，柔和，推让，中立 和 文雅的 觉得。
每种 色调在 饱和度 ，透明度 上 稍微变迁就会 发生差别的 觉得。以 绿色 为例 ，黄绿色 有 芳华，蕃庑的 视觉 意境 ，而 蓝绿色 则 显得 幽 宁 ，阴 深 。
●网页 色彩搭配 的 道理
1.色调的 显明性 。网页 的 色调要 艳丽，苟且引人注目 。
2.色调的 怪异性 。要有 不同凡响的 色调，使得 各人对你 的 印象 激烈。(参考 方案思虑第二篇 网站 CI的 规范色调一节 )
3.色调的 适合性 。就是说 色调和你 抒发的 内容 氛围相 合适。如用 粉色 显示女性 站点 的 柔性 。
4.色调的 遐想性 。差别色调会 发生差别的 遐想，蓝色 想到 天空 ，玄色想到 黑夜 ，赤色想到 喜事 等 ，选择 色调要 和你 网页 的 内在相关联 。
●网页 色调把握的 进程
跟着网页制作 经历的 积攒，咱们用 色 有 如许的 一个 趋向:单色 ->五颜六色->规范色 ->单色 。一 入手下手由于手艺和 常识缺少，只能 建造出 简朴的 网页 ，色调单一 ；在 有一定 根底和 资料后 ，企望建造一个 英俊的 网页 ，将 本身采集的 最好的 图片 ，最满意 色调堆砌 在 页面 上 ；然则时辰一 长 ，却 发明色调紊乱，没有 赋性和 格调；第三次 从头定位 自己的 网站 ，选择 好 符合自己的 色调，推出 的 站点 常常对比胜利；当 末了设计理念 和 手艺达到顶峰 时 ，则又 返 朴 归 真 ，用 单一 色调以至非 彩色 就能够企图出 简练精细的 站点 。
○网页 色彩搭配 的 技术
文章 写到 这里 ，有 心急 的 网 友 要问 了 ："到底 用 甚么色彩搭配 都雅呢 ？你能 不克不及保举几种 配色 企图？"别急 ，这里 有一点 技术，能够帮助你 急迅成为 调色 巨匠:)
1.用 一种 色调。这里 是指 先 选定 一种 色调，然后 调剂透明度 或饱和度 ，(说得 普通些 便是将 色调变淡 或则 加深 )，发生新 的 色调，用于 网页 。如许的 页面 看起来 色调同一，有 层次感 。
2.用 两种 色调。先 选定 一种 色调，然后 选择 它的 对 比色 (在 photoshop里 按 ctrl+shift+I)。我的 主页 用 蓝色 和 黄色 便是如许必定的 。所有页面 色调厚实但 不花 稍 。
3.用 一个 色系 。简朴的说 便是用 一个 觉得的 色调，譬喻淡 蓝 ，淡黄 ，淡绿 ；或土黄 ，土 灰 ，土 蓝 。必定色调的 方式大师差别，我 是在 photoshop里 按 前景色 方框 ，在 跳出 的 拾 色 器 窗中 选择 "自定义 "，然后 在 "色 库 "当选就能够了 :)
4.用 玄色和 一种 彩色 。譬如大红 的 字体 配 玄色的 边框 觉得很 "跳 "。
在 网页 配色 中 ，禁忌的是 ：
1.不 要将 一切色调都用 到 ，尽可能节制在 三种 色调之内。
2.靠山和 前文 的 对照尽可能要 大 ，(绝对 不要用 斑纹繁复 的 图案 作 靠山)，以便 凸起首要笔墨内容
（发布时间：2011-04-27 19:36）
相关内容：
推荐内容：
