电子商务网站色彩设计研究.doc

《电子商务网站色彩设计研究.doc》由会员分享，可在线阅读，更多相关《电子商务网站色彩设计研究.doc（3页珍藏版）》请在三一办公上搜索。

1、电子商务网站色彩设计研究曾 懿（贵州大学职业技术学院贵州 贵阳550000）【摘 要 】论述了网页设计中色彩的作用 ，然后针对电子商务网站的特点 ，以消费群体的心理色彩感受为切入点 ，探 讨 了 色 彩设计的相关内 容 。【关 键 词 】电 子 商 务 网 站 ；色 彩 设 计一个好的网站色彩设计对树立商家的 良 好 形 象 ，吸引客户对商品 的兴趣方面能起到非常重要的作用 。 所 以 在电子商务网站制作中 ，色 彩设计是关键的一个环节 ，因 为 和 谐 、漂 亮 、精致的色彩是推销产品的 最 好 手 段 。本文首先论述了网页设计中色彩的作用 ，然后针对电子商务网站 的 特 点 ，以 消 费群

2、体的心理色彩感受为切入点 ，探讨了色彩设计的相 关 内 容 。同一色相中明 度纯度相差不大的色调 ，或是不同明度的灰色 ，即 使 要选用不同色相 来 作 为 辅 助 色 ，一般都是色相环中的邻近色相 ，不 能 与 主色彩反差太大 。强调色彩 强调色彩面积最小 ，主要起到强调作用 ，一 般 为 醒1.2.3目 突 出 的 色 彩 ，在色彩选用上通常使用与 主色彩相对应的互补色或对 比 色 。 强调色彩是网页空间中动感和活力的来源 ， 还可以因其色彩 “点 ”的作用使主色在整个画面中得到连贯 。1网页设计中色彩的作用 2以消费群体色彩心理感受为切入点的配色方案 在 网 站设计中色彩起着十分重要的作

3、用 ，客户访问网站时 ，第 一印象并不是信息的具体内容 ， 而 是 从 视 觉上第一次认知的色彩氛围 ，也就是说色彩决定了网站对人的第一印象 。当我们浏览了众多电子商务网站之后 ，会发现商务网站的色彩设 计并没有任何限制 ，艳丽的色彩或是淡雅 的色调都可以使用在电子商 务 网 站 中 。 作为网站色彩设计的切入点可以有很多 ，比 如 产 品 内 容 、商 品 分 类 、商务模式和消费群体等等 ，不 同 的 切 入 点 ，色彩设计方案都不 尽 相 同 。 在 这 里 ，我们以消费群体色彩心理感受为切入点 ，来 具 体 探 讨 一下商务网站的色彩设计方案 。1.1色相和色调在网页设计的作 用色彩有

4、三个基本属性 ，即 色 相 、明 度 、纯 度 。色相即每种色彩的相貌 ，如 红 、绿 、蓝 等 。 它是区分色彩的主要依 据 ，是色彩的最大特征 。而色调是根据日本色彩研究所开发的 P.C.C.S 色 立 体 来 确 定 的 ，它将色彩的明度和纯度进行了综合考虑 ，将具有同一色彩效果的色群 定 为 色 调 ，共 为 分 纯 色 调 、灰 白 色 调 、淡 色 调 、明 亮 色 调 、浅 灰 色 调 、灰色 调 、隐 约 色 调 、强 调 色 、浊 色 调 、深 色 调 、暗 色 调 等 11 种 色 调 。有 了 色 相 和 色 调 ，我们才能对颜色进行明确的辨识和运用 ，下 面 从色调和色

5、相两个部分来分析色彩在网站中所起的作用 。首 先 ，色调决定着网页的整体印象 。 它可以营造网页的氛围 ，并 且 使访问者联想到网页的主题或传达的信息 。 比 如 肯 得 基 、德 克 士 等 快 餐 行 业 的 网 站 ， 一般都喜欢使用像纯色调或强色调这样的高彩度色 调 ，给 人 以 强 烈 、明 亮 的 印 象 。 而家装家具行业的网站使用像淡色调或 隐约这样的高 明 度 、中 彩 度 色 调 ，就可以营造出既柔和又温馨的家庭 舒 适 氛 围 。 像 深 色 调 、浊 色 调 、灰 色 调 ，可 以 给 人 以 严 肃 、沉 重 的 印 象 。 所以一定要衡量你想要设计网页的整体构思 ，

6、再决定运用哪种色调 。 色调可以采用同一色调 、类似色调和相反色调等配色方法 。再 从 色 相 来 看 ， 它起到了更多的作用 ， 不 同 的 色 相 ， 心 理 感 受 不同 ，所 以 需 要 灵活地运用各个色相的特征和心理效果 ，进 而 很 好 地 表 现网页的各个构成要素 。 比如网页的标题 部 分 ，需要选择的色彩应该 满 足 这 两 点 ，即视觉上容易看到和阅读便利 。 如果是与饮食相关的网 页 ，为 了 使 食 物看上去是很有味道的样子 ，背景色选择红橙色系的色 彩 ，这样才能充分发挥色相的作用 。色相也是采用同一色相 、类似色相和相反色相等配色方法 。每个网页构思和主体都不尽相同

7、 ， 应该考虑色相和色调的 作 用 后 ，再 选 择 色 彩 ，这样才能满足该网页设计的目的 。根据消费群体来确定网页的主色 彩 在实际的电子 商 务 网 站 设2.1计 中 ，如何确定色相和色调 ，并 没 有 “1+12”这种机械的配色方案 ，因为 涉 及 到 商 家 、商品和客户等等之间的视觉和想法等的差异 ，都 会 影 响到配色设计的各个方面 。 针对电子商务网站的特点 ，从 “消 费 群 体 的 色 彩 心 理 ”这 一 理 念 出 发 ，建立相应的配色方案 。电子商务网站的主要作用是推销商品 ，这样就需要首先考虑到商 品的消费群体色彩心理感觉 。 因 此 商 品 消 费群体的确定是第

8、一环节 ，最好是具体地制定消费者资料 。 比如要制作消费群体为女性的综合性 商 务 网 站 ，在 这 里 ，假 设 定 位 是 20-40 岁 的 女 性 ，并且使用者大多数是 职 业 女 性 ，这就需要具体到年龄 、性别和职业种类等 。确定了商品消费群体后 ， 就 要 以 此 作为基础确定色彩形容词 ，根 据色彩形容词来确定主色彩 。 由于色彩是感性的 ，与 名 词 相 比 ，和 形 容词 更 为 接 近 ，不 同 的 色 相 ，给人们的心理感 受 都 不 同 ，因此可以用形容 词来描述人们的色彩心理感觉 。 比 如 红 色 为兴奋与欢乐的象征 ，黄 色 给 人 以 光 明 、 辉 煌 、

9、轻 快 、 纯 净 的 印 象 ， 橙 色 具 有 明 亮 、 华 丽 、 健 康 、 兴 奋 、温 暖 、欢 乐 的 色 感 ，黄 绿 、嫩 绿 、淡绿就象征着春天和作物稚嫩 、生长 、青春与旺盛的生命力 ，艳 绿 、盛 绿 、浓 绿 ，象征着夏天和作物茂盛 、 健 壮 与 成 熟 ，蓝 色 成为现代科学的象征色 ，它 给 人 以 冷 静 、沉 思 、智 慧 和征服自然的力量 ，而紫色给人以高贵 、优 越 、幽 雅 、女性化的感觉等 等 。假 设 需要制作消费群体为女性的综合性商务网站 ，首 先 根 据 “女性 化 ” 这 一 形 容 词 ， 就可确定女性 化 的 色 彩 紫 色 和 红 紫

10、 色 （ 粉 红 色 ），但具体选用哪一种呢 ，首先分析一下客户群体 ，20-40 岁 ，职 业 女 性 ，基本上概括了女性青春到成熟的区域 ，这个范围的女性 ，她 们 渴 望 年 轻 、喜 欢 华 丽 ，并 且 喜 好 变 化 ，能 够 跟 随 流 行 ，希望更加女性化 。 紫 色 和红紫色虽然都是为女性网页构思时经常 用 到 的 色 彩 ，但 是 可 以 感 觉 到 年 龄 的 不 同 。 紫色的贵族气氛比红紫色强 ，但和紫色相比较 ，红 紫 色 是更年轻一点的色彩 。 没有任何女人不喜 欢 年 轻 ，因此作为消费群体 为女性的综合性商务网站 ，年轻化比贵族 化更适合大众的心理 。 如 果

11、 不是专项的商品推销 ，或是为了营造某种网 站 气 氛 ，为 了 强 调 高 贵 、神秘而选中紫色外 ，消费群体为女性的综合 性商务网站红紫色一般都是 首 选 ，比 如 淘 宝网和易趣网的女人频道 ，主色彩都是年轻的女性化色 彩 红 紫 色 。网页设计中色彩角色的作 用如同舞台上演戏 一 样 ， 演 员 分 为1.2男 女 主 角 、配 角 等 等 角 色 。 在网页色彩设计中 ，根据色彩在网页中所起 的作用和面积大小不同 ，也把色彩分为不同 的 角 色 ，通 常 来 讲 ，一 个 网 页一般包括主色彩 、辅 助 色 彩 、强调色彩等这几种色彩类别 。 有 了 这 样 的 分 类 后 ，我 们

12、才能根据自己的需要来调配各种色彩 ，设 计 出 精 美 的 网 页 。1.2.1主 色 彩在 网 页 中 ，面积最大的色彩就是网页的主色彩 ，贯 穿网站中所有的页面 ，出现次数最多的为主 色 彩 。 主色彩就好比戏中的 主 角 一 样 ，在创造特定的气氛与意境上发 挥 主 导 作 用 。 由 于 是 面 积 最 大 ，主导整个网页界面氛围的色彩 ，主 色 彩 也可以和背景色一起混用 。 例如以橙色为主色彩的作品 ，多数给人感觉活跃 ，新 鲜 和 温 暖 。 而 以 黄绿色为主色彩的作品给人感觉希望 、年 轻 和 春 天 。根据主色彩作出配色 带选定了红紫色为主色 彩 后 ， 接 下 来 需2.

13、2要 确 定 色 调 。 同一种颜色随着色调的不同 ，也会给人以不同的感觉 。 突出年轻化的氛围 ，淡色调最适合了 ，因 此 淡 色 调 是 首 选 ，淘 宝 网 和 易 趣 网 的 女 人 频 道 ，也 是 淡 色 调 。 主色彩的色相和色调确定后 ，我 们 就 可 以 以引为基础来确定辅助色彩和强调色彩 。 色彩配色技法较多 ，可 以 以1.2.2辅助色彩 辅助色彩的面积小于 主 色 彩 ，它主要是和主色彩协 调 配 色 ，起 到 辅 助 作 用 ，其主要功能是缓冲 、调和和过渡作用 。 一 般 为色 相 为 主 ，或 以 色 调 为 主 ，还可色相和色调 都 考 虑 。 在 这 里 ，我

14、 们 选 用以色相为主的 配 色 技 法 ，主色彩和辅助色彩采用相同色调 ，强 调 色 彩 采 用 类 似 色 调 。首 先 ，在 Photoshop 的调色板上根据色调 选 择 主 色 彩 后 ，根 据 自 己 的构思试着选出若干个能够营造网页氛围 的 辅 助 色 彩 ，然 后 按 照 各 个不同的面积设 定 主 色 彩 、辅助色彩和强调色彩 ，要注意强调色彩不要 使 用 过 多 。配色带其实就是色彩面积对比 ，根 据 主色彩作出色相不同的辅助 色 、强 调 色 ，以及面积不同的方案 。即使是相同的色彩 ，随 着 主 色 彩 、辅 助 色彩面积的不同 ，整 体 配 色 的氛围也会不同 。 如

15、何在配色带中确定各个色的面积呢 ？ 主 色 彩 肯 定是 面 积 最 大 的 ，辅 助 色 其 次 ，强 调 色 最 少 。 即 使 这 样 ，还是有多种组合 ， 多种色彩之间应该有什么样的色量比例才算是平衡和谐美观呢 ？ 在 这 里可以根据歌德的理论来参考一下 ：歌德为同一色调的色相明度拟定了一个简单的数字比例 ：黄 ： 橙 ： 红 ： 紫 ： 蓝 ： 绿9： 8： 6： 3： 4： 6在将这些色相作配色带时 ，必需将明度的比例倒转 。 即 ，黄 色 比 它 的 补 色 强 三 倍 ， 因此它只应该占据相当于其补色紫色面积的三分之 一 。因而原色和间色的和谐色域面积如下 ：黄 ： 橙 ： 红

16、 ： 紫 ： 蓝 ： 绿3： 4： 6： 9： 8： 6建 立 配 色 带 时 ，一定要到电脑中使用软件来直接观察色彩 ，一 边 按照各个面积分别配色 ，一边从视觉上判断 、选 择 ，制作时最好一边比 较 一 边 选 择 ，直到找到与构思相匹配的配色带 。的 主 色 彩 ，易趣网根据商品类型和消费群体 的 不 同 ，作了不同的频道 ，并且不同的频道选用了适合消费群体色彩心理感受的主色彩 。3、4 月份的易趣网首页 ， 背景色采用了大型网上商城惯用的白 色 ，主色彩采用了充满春天气息的强色调黄 绿 色 ，主要修饰栏目色条 ； 辅助色采用了 浅 灰 、淡 色 调 的 黄 色 ，强调色彩使用了温暖的

17、纯色调橙 色 ，整个页面便鲜活和生动起来 。 页面布局框架以细线划分 ，淡 灰 的 细 线清晰又不过分突显 ，理性中带些趣味性 ，突破了框状结构的死板 。 多 个不同分类的导航显示出网站信息很多 ，层 级 划 分 清 晰 、合 理 。易趣网的女人频道 ： 和淘宝网一样 也选用了粉红色作为主色彩 ， 粉红色纯洁无暇 、青春靓丽的观感 ，作为女性网站的主色彩再适合不 过 了 。 辅助色彩采用了浅灰 、黄 绿 色 和 绿 色 ，强调色彩还是温暖的纯色 调 橙 色 ，这样便于整体网站统一风格 。 框架的细线除了淡灰外 ，还 有 一 部分采用了粉红色的主色彩 ，便于营造网站气氛和细节变化 。易趣网的男人

18、频道 ：女性化的色彩一 般人都知道不是紫色就是粉 红 色 ，而男性化的色彩是什么呢 ？ 每个设计师也有不同的阐释 。 比 如 淘宝 网 ，男人频道的主色彩是蓝灰色 ，或者说是灰色调的蓝色 。 而 易 趣 网 的男人频道主色彩是灰色调的黄色 。 辅助色是浅灰色调的黄色和浅灰 色 ，强调色彩还是温暖的纯色调橙色 。易 趣 网 的 数 码 频 道 ：数码即科技的一个产物 ，科技色彩的代表是 蓝 色 ，自 然 数 码 也 不 例 外 ，易趣网的数码频道主色彩采用隐约色调的 蓝 色 ，强 调 精 密 性 、科 技 性 。 辅助色彩采用 灰白色调的蓝色和浅灰色 ，强调色彩也是温暖的纯色调橙色 。易趣网整个

19、网站没有一处偷工减料 ，矢 量 的 插 图 精 美 ，色 彩 饱 满 ， 图 片 质 量 很 高 ，而整个网站的不同的频道虽然主色彩不同 ，但 大 面 积 的浅灰辅助色和温暖的强调橙色又把整个 网 站 联 接 起 来 ，给 人 和 谐 统一 的 观 感 。 直接为网页上 色制作好配色带后 ， 可 根 据 配 色带上色相的各 2.3个 面 积 ，直接为网页配上色彩 。 根据已经设定好的布局 ，考 虑 各 个 作 用和 布 置 的 位 置 ，直 接 运 用 色 彩 。【参 考 文 献 】1韩 权 智 殷.设计师谈网页色彩与风格.电子工业出版社 ，2005，9.2梁 景 红.网站设计与网页配色实例精

20、讲.人民邮电出版社 ，2004，8.易趣网配色方案浅析 3作 者 简 介 ：曾 懿 （1970.8）,男,贵 州 贵 阳 人,贵州大学职业技术学院 。易趣网作为国内一家知名的大型电子 商 务 网 站 ，在配色上有独到 之 处 ，下 面 分 析 一 下 ：作 为 一个大型电子商务综合性网站 ，里面的商品包罗万象 ，消 费 者涵盖了各个年龄阶段的不同群体 ，没 有 哪一种色彩能作为整个商城 责 任 编 辑 ：翟 成 梁 结 束 语（ 上 接 第 76 页 ） 次分析法计算特征向量 ， 也就是权重矩阵 W 0.15,1,0.15,0.3,0.15,0.15,0.3。 同 样 分 配 每 个 LEVE

21、L -1 指 标 对 每 个 LEVEL-2 指标的权重向量依次为以指标和时间粒度组成的 二 维 向 量 组 ，组里的定义和分布又正态函数得出 ，并 相 应 取 整 ，得 到 0.1,0.5 之 间 ，粒 度 为 0.5 的 二 维 矩 阵 ，但单个指标权重累加为 1。再 设 定 分 数 集 F=（95、85、75、65、55），继 续 计 算 LEVEL-1 隶 属 度 矩 阵 为 ，如通道数隶属度矩阵为 ：3以用户行为和感知作为切入点是将来最为流行的趋势 。 基 于 线 性方 程 拟 合 和 模糊分层评价法的自助平台行为研究是一个新的技术领 域 ，因为它符合企业发展控制成本的主线 。 同时

22、这些方法需要的数据 基 础 是 一 种 “通 用 ”的 策 略 ，有利于企业对客户的进行高效的管理 ，平 台异常情况的预警 。本次研究最主要的体现在 ：基 于 呼 叫 中 心自助平台的用户行为能 力 ，有别于传统过高集中的人工侧满意度研究 。 其中提到的简单线性 方程能为提供简易化的分析手段和实时监控 手 段 、其中提高的模糊质 量评价能为企业提供全面的量化分析 。 科【参 考 文 献 】1Fornell,CA National Customer Satisfaction Barometer:The Swedish Experience41Journal of Marketing,1992,5

23、6(1)2韩 立 群人工神经网络理论 M北京工业出版社,20023YIK BUN TAM,Call Level QoS Performance under Variable User Mobilities inWireless Networks,Mobile Networks and Applications,2004：207-2184苏 育 才 ，姜 翠 波矩 阵 理 论2006，1：53545蒋 泽 军.模 糊 数 学 教 程北京国防工业出版社 ，2004.6Jeffrey L.Whitten Lonnie D.Bentley Kenvin C.DittmanSystem Analysis

24、 andDesign Method北京高等教育出版社应用模糊程序来对呼叫中心用户行为满 意 度 进 行 评 判 ，其 中 “。 ”按 照 “加 法 取 大 ，乘 法 取 小 ”的原则进行计算 。 再通过建立数据文件得 出 B 建立评判集向量文件和加权向量文件 ，对第二层运行综合 评 判 程序 ， 得到综合评判向量 C WB 0.28150.32430.17640.04670.0259 归 一 化 得 到 ：C= 0.3290.379 0.206 0.054 0.030综合评分值得到 ：Z=CF。 根据上述评价方法 ，由上述数据可以得 知 ，样本呼叫中心在客户服务过程中 ，总体达到客户满意度为

25、84.29，同样的方法求得其他满意度 。 从上面数据可知 ，该系统在同行业中具 有 比 较 优 势 。责 任 编 辑 ：张 新 雷 85很 好好一 般差很 差通 道 数-R10.0666670.5214290.3482140.063690通 道 数-R20.0067190.2060470.6181410.1690930通 道 数-R30.3515630.5357140.1112350.0014880通 道 数-R40.287440.4432370.260870.0084540file:/D|/我的资料/Desktop/新建文本文档.txtAppliance Error (configuration_error)Your request could not be processed because of a configuration error: Could not connect to LDAP server.For assistance, contact your network support team.file:/D|/我的资料/Desktop/新建文本文档.txt2012-07-12 20:42:52