资源描述
电子商务网站色彩设计研究曾 懿(贵州大学职业技术学院贵州 贵阳550000)【摘 要 】论述了网页设计中色彩的作用 ,然后针对电子商务网站的特点 ,以消费群体的心理色彩感受为切入点 ,探 讨 了 色 彩设计的相关内 容 。【关 键 词 】电 子 商 务 网 站 ;色 彩 设 计一个好的网站色彩设计对树立商家的 良 好 形 象 ,吸引客户对商品 的兴趣方面能起到非常重要的作用 。 所 以 在电子商务网站制作中 ,色 彩设计是关键的一个环节 ,因 为 和 谐 、漂 亮 、精致的色彩是推销产品的 最 好 手 段 。本文首先论述了网页设计中色彩的作用 ,然后针对电子商务网站 的 特 点 ,以 消 费群体的心理色彩感受为切入点 ,探讨了色彩设计的相 关 内 容 。同一色相中明 度纯度相差不大的色调 ,或是不同明度的灰色 ,即 使 要选用不同色相 来 作 为 辅 助 色 ,一般都是色相环中的邻近色相 ,不 能 与 主色彩反差太大 。强调色彩 强调色彩面积最小 ,主要起到强调作用 ,一 般 为 醒1.2.3目 突 出 的 色 彩 ,在色彩选用上通常使用与 主色彩相对应的互补色或对 比 色 。 强调色彩是网页空间中动感和活力的来源 , 还可以因其色彩 “点 ”的作用使主色在整个画面中得到连贯 。1网页设计中色彩的作用 2以消费群体色彩心理感受为切入点的配色方案 在 网 站设计中色彩起着十分重要的作用 ,客户访问网站时 ,第 一印象并不是信息的具体内容 , 而 是 从 视 觉上第一次认知的色彩氛围 ,也就是说色彩决定了网站对人的第一印象 。当我们浏览了众多电子商务网站之后 ,会发现商务网站的色彩设 计并没有任何限制 ,艳丽的色彩或是淡雅 的色调都可以使用在电子商 务 网 站 中 。 作为网站色彩设计的切入点可以有很多 ,比 如 产 品 内 容 、商 品 分 类 、商务模式和消费群体等等 ,不 同 的 切 入 点 ,色彩设计方案都不 尽 相 同 。 在 这 里 ,我们以消费群体色彩心理感受为切入点 ,来 具 体 探 讨 一下商务网站的色彩设计方案 。1.1色相和色调在网页设计的作 用色彩有三个基本属性 ,即 色 相 、明 度 、纯 度 。色相即每种色彩的相貌 ,如 红 、绿 、蓝 等 。 它是区分色彩的主要依 据 ,是色彩的最大特征 。而色调是根据日本色彩研究所开发的 P.C.C.S 色 立 体 来 确 定 的 ,它将色彩的明度和纯度进行了综合考虑 ,将具有同一色彩效果的色群 定 为 色 调 ,共 为 分 纯 色 调 、灰 白 色 调 、淡 色 调 、明 亮 色 调 、浅 灰 色 调 、灰色 调 、隐 约 色 调 、强 调 色 、浊 色 调 、深 色 调 、暗 色 调 等 11 种 色 调 。有 了 色 相 和 色 调 ,我们才能对颜色进行明确的辨识和运用 ,下 面 从色调和色相两个部分来分析色彩在网站中所起的作用 。首 先 ,色调决定着网页的整体印象 。 它可以营造网页的氛围 ,并 且 使访问者联想到网页的主题或传达的信息 。 比 如 肯 得 基 、德 克 士 等 快 餐 行 业 的 网 站 , 一般都喜欢使用像纯色调或强色调这样的高彩度色 调 ,给 人 以 强 烈 、明 亮 的 印 象 。 而家装家具行业的网站使用像淡色调或 隐约这样的高 明 度 、中 彩 度 色 调 ,就可以营造出既柔和又温馨的家庭 舒 适 氛 围 。 像 深 色 调 、浊 色 调 、灰 色 调 ,可 以 给 人 以 严 肃 、沉 重 的 印 象 。 所以一定要衡量你想要设计网页的整体构思 ,再决定运用哪种色调 。 色调可以采用同一色调 、类似色调和相反色调等配色方法 。再 从 色 相 来 看 , 它起到了更多的作用 , 不 同 的 色 相 , 心 理 感 受 不同 ,所 以 需 要 灵活地运用各个色相的特征和心理效果 ,进 而 很 好 地 表 现网页的各个构成要素 。 比如网页的标题 部 分 ,需要选择的色彩应该 满 足 这 两 点 ,即视觉上容易看到和阅读便利 。 如果是与饮食相关的网 页 ,为 了 使 食 物看上去是很有味道的样子 ,背景色选择红橙色系的色 彩 ,这样才能充分发挥色相的作用 。色相也是采用同一色相 、类似色相和相反色相等配色方法 。每个网页构思和主体都不尽相同 , 应该考虑色相和色调的 作 用 后 ,再 选 择 色 彩 ,这样才能满足该网页设计的目的 。根据消费群体来确定网页的主色 彩 在实际的电子 商 务 网 站 设2.1计 中 ,如何确定色相和色调 ,并 没 有 “1+12”这种机械的配色方案 ,因为 涉 及 到 商 家 、商品和客户等等之间的视觉和想法等的差异 ,都 会 影 响到配色设计的各个方面 。 针对电子商务网站的特点 ,从 “消 费 群 体 的 色 彩 心 理 ”这 一 理 念 出 发 ,建立相应的配色方案 。电子商务网站的主要作用是推销商品 ,这样就需要首先考虑到商 品的消费群体色彩心理感觉 。 因 此 商 品 消 费群体的确定是第一环节 ,最好是具体地制定消费者资料 。 比如要制作消费群体为女性的综合性 商 务 网 站 ,在 这 里 ,假 设 定 位 是 20-40 岁 的 女 性 ,并且使用者大多数是 职 业 女 性 ,这就需要具体到年龄 、性别和职业种类等 。确定了商品消费群体后 , 就 要 以 此 作为基础确定色彩形容词 ,根 据色彩形容词来确定主色彩 。 由于色彩是感性的 ,与 名 词 相 比 ,和 形 容词 更 为 接 近 ,不 同 的 色 相 ,给人们的心理感 受 都 不 同 ,因此可以用形容 词来描述人们的色彩心理感觉 。 比 如 红 色 为兴奋与欢乐的象征 ,黄 色 给 人 以 光 明 、 辉 煌 、 轻 快 、 纯 净 的 印 象 , 橙 色 具 有 明 亮 、 华 丽 、 健 康 、 兴 奋 、温 暖 、欢 乐 的 色 感 ,黄 绿 、嫩 绿 、淡绿就象征着春天和作物稚嫩 、生长 、青春与旺盛的生命力 ,艳 绿 、盛 绿 、浓 绿 ,象征着夏天和作物茂盛 、 健 壮 与 成 熟 ,蓝 色 成为现代科学的象征色 ,它 给 人 以 冷 静 、沉 思 、智 慧 和征服自然的力量 ,而紫色给人以高贵 、优 越 、幽 雅 、女性化的感觉等 等 。假 设 需要制作消费群体为女性的综合性商务网站 ,首 先 根 据 “女性 化 ” 这 一 形 容 词 , 就可确定女性 化 的 色 彩 紫 色 和 红 紫 色 ( 粉 红 色 ),但具体选用哪一种呢 ,首先分析一下客户群体 ,20-40 岁 ,职 业 女 性 ,基本上概括了女性青春到成熟的区域 ,这个范围的女性 ,她 们 渴 望 年 轻 、喜 欢 华 丽 ,并 且 喜 好 变 化 ,能 够 跟 随 流 行 ,希望更加女性化 。 紫 色 和红紫色虽然都是为女性网页构思时经常 用 到 的 色 彩 ,但 是 可 以 感 觉 到 年 龄 的 不 同 。 紫色的贵族气氛比红紫色强 ,但和紫色相比较 ,红 紫 色 是更年轻一点的色彩 。 没有任何女人不喜 欢 年 轻 ,因此作为消费群体 为女性的综合性商务网站 ,年轻化比贵族 化更适合大众的心理 。 如 果 不是专项的商品推销 ,或是为了营造某种网 站 气 氛 ,为 了 强 调 高 贵 、神秘而选中紫色外 ,消费群体为女性的综合 性商务网站红紫色一般都是 首 选 ,比 如 淘 宝网和易趣网的女人频道 ,主色彩都是年轻的女性化色 彩 红 紫 色 。网页设计中色彩角色的作 用如同舞台上演戏 一 样 , 演 员 分 为1.2男 女 主 角 、配 角 等 等 角 色 。 在网页色彩设计中 ,根据色彩在网页中所起 的作用和面积大小不同 ,也把色彩分为不同 的 角 色 ,通 常 来 讲 ,一 个 网 页一般包括主色彩 、辅 助 色 彩 、强调色彩等这几种色彩类别 。 有 了 这 样 的 分 类 后 ,我 们才能根据自己的需要来调配各种色彩 ,设 计 出 精 美 的 网 页 。1.2.1主 色 彩在 网 页 中 ,面积最大的色彩就是网页的主色彩 ,贯 穿网站中所有的页面 ,出现次数最多的为主 色 彩 。 主色彩就好比戏中的 主 角 一 样 ,在创造特定的气氛与意境上发 挥 主 导 作 用 。 由 于 是 面 积 最 大 ,主导整个网页界面氛围的色彩 ,主 色 彩 也可以和背景色一起混用 。 例如以橙色为主色彩的作品 ,多数给人感觉活跃 ,新 鲜 和 温 暖 。 而 以 黄绿色为主色彩的作品给人感觉希望 、年 轻 和 春 天 。根据主色彩作出配色 带选定了红紫色为主色 彩 后 , 接 下 来 需2.2要 确 定 色 调 。 同一种颜色随着色调的不同 ,也会给人以不同的感觉 。 突出年轻化的氛围 ,淡色调最适合了 ,因 此 淡 色 调 是 首 选 ,淘 宝 网 和 易 趣 网 的 女 人 频 道 ,也 是 淡 色 调 。 主色彩的色相和色调确定后 ,我 们 就 可 以 以引为基础来确定辅助色彩和强调色彩 。 色彩配色技法较多 ,可 以 以1.2.2辅助色彩 辅助色彩的面积小于 主 色 彩 ,它主要是和主色彩协 调 配 色 ,起 到 辅 助 作 用 ,其主要功能是缓冲 、调和和过渡作用 。 一 般 为色 相 为 主 ,或 以 色 调 为 主 ,还可色相和色调 都 考 虑 。 在 这 里 ,我 们 选 用以色相为主的 配 色 技 法 ,主色彩和辅助色彩采用相同色调 ,强 调 色 彩 采 用 类 似 色 调 。首 先 ,在 Photoshop 的调色板上根据色调 选 择 主 色 彩 后 ,根 据 自 己 的构思试着选出若干个能够营造网页氛围 的 辅 助 色 彩 ,然 后 按 照 各 个不同的面积设 定 主 色 彩 、辅助色彩和强调色彩 ,要注意强调色彩不要 使 用 过 多 。配色带其实就是色彩面积对比 ,根 据 主色彩作出色相不同的辅助 色 、强 调 色 ,以及面积不同的方案 。即使是相同的色彩 ,随 着 主 色 彩 、辅 助 色彩面积的不同 ,整 体 配 色 的氛围也会不同 。 如何在配色带中确定各个色的面积呢 ? 主 色 彩 肯 定是 面 积 最 大 的 ,辅 助 色 其 次 ,强 调 色 最 少 。 即 使 这 样 ,还是有多种组合 , 多种色彩之间应该有什么样的色量比例才算是平衡和谐美观呢 ? 在 这 里可以根据歌德的理论来参考一下 :歌德为同一色调的色相明度拟定了一个简单的数字比例 :黄 : 橙 : 红 : 紫 : 蓝 : 绿9: 8: 6: 3: 4: 6在将这些色相作配色带时 ,必需将明度的比例倒转 。 即 ,黄 色 比 它 的 补 色 强 三 倍 , 因此它只应该占据相当于其补色紫色面积的三分之 一 。因而原色和间色的和谐色域面积如下 :黄 : 橙 : 红 : 紫 : 蓝 : 绿3: 4: 6: 9: 8: 6建 立 配 色 带 时 ,一定要到电脑中使用软件来直接观察色彩 ,一 边 按照各个面积分别配色 ,一边从视觉上判断 、选 择 ,制作时最好一边比 较 一 边 选 择 ,直到找到与构思相匹配的配色带 。的 主 色 彩 ,易趣网根据商品类型和消费群体 的 不 同 ,作了不同的频道 ,并且不同的频道选用了适合消费群体色彩心理感受的主色彩 。3、4 月份的易趣网首页 , 背景色采用了大型网上商城惯用的白 色 ,主色彩采用了充满春天气息的强色调黄 绿 色 ,主要修饰栏目色条 ; 辅助色采用了 浅 灰 、淡 色 调 的 黄 色 ,强调色彩使用了温暖的纯色调橙 色 ,整个页面便鲜活和生动起来 。 页面布局框架以细线划分 ,淡 灰 的 细 线清晰又不过分突显 ,理性中带些趣味性 ,突破了框状结构的死板 。 多 个不同分类的导航显示出网站信息很多 ,层 级 划 分 清 晰 、合 理 。易趣网的女人频道 : 和淘宝网一样 也选用了粉红色作为主色彩 , 粉红色纯洁无暇 、青春靓丽的观感 ,作为女性网站的主色彩再适合不 过 了 。 辅助色彩采用了浅灰 、黄 绿 色 和 绿 色 ,强调色彩还是温暖的纯色 调 橙 色 ,这样便于整体网站统一风格 。 框架的细线除了淡灰外 ,还 有 一 部分采用了粉红色的主色彩 ,便于营造网站气氛和细节变化 。易趣网的男人频道 :女性化的色彩一 般人都知道不是紫色就是粉 红 色 ,而男性化的色彩是什么呢 ? 每个设计师也有不同的阐释 。 比 如 淘宝 网 ,男人频道的主色彩是蓝灰色 ,或者说是灰色调的蓝色 。 而 易 趣 网 的男人频道主色彩是灰色调的黄色 。 辅助色是浅灰色调的黄色和浅灰 色 ,强调色彩还是温暖的纯色调橙色 。易 趣 网 的 数 码 频 道 :数码即科技的一个产物 ,科技色彩的代表是 蓝 色 ,自 然 数 码 也 不 例 外 ,易趣网的数码频道主色彩采用隐约色调的 蓝 色 ,强 调 精 密 性 、科 技 性 。 辅助色彩采用 灰白色调的蓝色和浅灰色 ,强调色彩也是温暖的纯色调橙色 。易趣网整个网站没有一处偷工减料 ,矢 量 的 插 图 精 美 ,色 彩 饱 满 , 图 片 质 量 很 高 ,而整个网站的不同的频道虽然主色彩不同 ,但 大 面 积 的浅灰辅助色和温暖的强调橙色又把整个 网 站 联 接 起 来 ,给 人 和 谐 统一 的 观 感 。 科直接为网页上 色制作好配色带后 , 可 根 据 配 色带上色相的各 2.3个 面 积 ,直接为网页配上色彩 。 根据已经设定好的布局 ,考 虑 各 个 作 用和 布 置 的 位 置 ,直 接 运 用 色 彩 。【参 考 文 献 】1韩 权 智 殷.设计师谈网页色彩与风格.电子工业出版社 ,2005,9.2梁 景 红.网站设计与网页配色实例精讲.人民邮电出版社 ,2004,8.易趣网配色方案浅析 3作 者 简 介 :曾 懿 (1970.8),男,贵 州 贵 阳 人,贵州大学职业技术学院 。易趣网作为国内一家知名的大型电子 商 务 网 站 ,在配色上有独到 之 处 ,下 面 分 析 一 下 :作 为 一个大型电子商务综合性网站 ,里面的商品包罗万象 ,消 费 者涵盖了各个年龄阶段的不同群体 ,没 有 哪一种色彩能作为整个商城 责 任 编 辑 :翟 成 梁 结 束 语( 上 接 第 76 页 ) 次分析法计算特征向量 , 也就是权重矩阵 W 0.15,1,0.15,0.3,0.15,0.15,0.3。 同 样 分 配 每 个 LEVEL -1 指 标 对 每 个 LEVEL-2 指标的权重向量依次为以指标和时间粒度组成的 二 维 向 量 组 ,组里的定义和分布又正态函数得出 ,并 相 应 取 整 ,得 到 0.1,0.5 之 间 ,粒 度 为 0.5 的 二 维 矩 阵 ,但单个指标权重累加为 1。再 设 定 分 数 集 F=(95、85、75、65、55),继 续 计 算 LEVEL-1 隶 属 度 矩 阵 为 ,如通道数隶属度矩阵为 :3以用户行为和感知作为切入点是将来最为流行的趋势 。 基 于 线 性方 程 拟 合 和 模糊分层评价法的自助平台行为研究是一个新的技术领 域 ,因为它符合企业发展控制成本的主线 。 同时这些方法需要的数据 基 础 是 一 种 “通 用 ”的 策 略 ,有利于企业对客户的进行高效的管理 ,平 台异常情况的预警 。本次研究最主要的体现在 :基 于 呼 叫 中 心自助平台的用户行为能 力 ,有别于传统过高集中的人工侧满意度研究 。 其中提到的简单线性 方程能为提供简易化的分析手段和实时监控 手 段 、其中提高的模糊质 量评价能为企业提供全面的量化分析 。 科【参 考 文 献 】1Fornell,CA National Customer Satisfaction Barometer:The Swedish Experience41Journal of Marketing,1992,56(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 andDesign Method北京高等教育出版社应用模糊程序来对呼叫中心用户行为满 意 度 进 行 评 判 ,其 中 “。 ”按 照 “加 法 取 大 ,乘 法 取 小 ”的原则进行计算 。 再通过建立数据文件得 出 B 建立评判集向量文件和加权向量文件 ,对第二层运行综合 评 判 程序 , 得到综合评判向量 C WB 0.28150.32430.17640.04670.0259 归 一 化 得 到 :C= 0.3290.379 0.206 0.054 0.030综合评分值得到 :Z=CF。 根据上述评价方法 ,由上述数据可以得 知 ,样本呼叫中心在客户服务过程中 ,总体达到客户满意度为 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
展开阅读全文