网页效果图设计之色彩索引

2024-04-25 11:48

本文主要是介绍网页效果图设计之色彩索引,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

网页效果图设计之色彩索引

froglt 的站点:http://www.go2here.net/ 欢迎转载,请注明出处,未经作者允许,禁止一切商业应用。这是即将出版的Fireworks CS3经典教程的部分章节,算是预读版,请多支持,欢迎大家提出意见和建议,你的回贴有机会印刷到这本书的封底哦!谢谢大家支持!

 

人们用自己的眼睛和头脑来感受色彩。这不仅仅是物理层面上的,而且包含着精神和情感层面。当我们看色彩时常常想起以前与该色相联系的感受或事物,这种因某种色彩而出现的感受,我们就称之为色彩的联想。色彩的联想是通过过去的经验,记忆或知识而取得的。

 

这种感受的结果,就是让不同的色彩具有了其特定的意义。色彩的象征意义多数情况下也是一种文化认同。不同文化中色彩所代表的意义和给人产生的联想是大不相同的,有时可能甚至相反。设计师在应用某种色彩之前,要好好调查一下这种色彩的意义以及它在特定环境下将带给人们的联想。

 

3.4.1 红色

 

是最具有视觉冲击力的色彩;暗示速度和动态;可以刺激心跳速度、加快呼吸、刺激食欲;红色的衣服使人身形显大;红色的车最容易被偷,如图3-27所示。

 

 

3-27 红色

 

 

3.4.1.1 红色的具象联想

火焰、鲜血、性、西红柿、西瓜瓤、太阳、红旗、口红、中国国旗。

 

3.4.1.2 红色的正面联想

激情、爱情、鲜血、能量、热心、激动、热量、力量、热情、活力。

 

3.4.1.3 红色的负面联想

侵略性、愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗。

 

3.4.1.4 红色的文化域

 

在非洲,红色代表死亡。

 

在法国,红色代表雄性。

 

在亚洲,红色代表婚姻、繁荣、快乐。

 

在印度,红色是士兵的颜色。

 

在南非,红色是丧服的色彩。

 

 

 

3.4.1.5 实例说明

 

如图3-28所示,为中企动力8周年主题网站(http://ex.ce.net.cn/8tm/index.html)网页截图,整个页面使用红色作为主色调,给人以喜庆、热闹的感受。

 

 

3-28 中企动力8周年主题网站网页截图

 

 

3.4.1.6 红色系配色方案

 

红色系的配色方案如下,如图3-29所示:

 

在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。

 

在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。

 

在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。

 

在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。

 

 

 

 

3-29 红色系配色方案

 

3.4.2 橙色

 

橙色能促进食欲;橙色的房间代表了友善,带给人愉快,能促使人谈话和思考;橙色能够用来强化视觉,这就是为什么海滩救生员的救生服采用橙色的原因,如图3-30所示。

 

 

3-30 橙色

 

 

3.4.2.1 橙色的具象联想

秋天、桔子、胡萝卜、肉汁、砖头、灯光。

 

3.4.2.2 橙色的正面联想

温暖、欢喜、创造力、鼓舞、独特性、能量、活跃、模拟、社交、健康、奇想、活力、华美、明朗、甘美。

 

3.4.2.3 橙色的负面联想

粗鲁、时髦、喧嚣、嫉妒、焦躁、可怜、卑俗。

 

3.4.2.4 橙色的文化域

 

在爱尔兰,橙色代表新教运动。

 

在美洲土著文化里,橙色代表学习和血缘关系。

 

在荷兰,橙色是国家的颜色,因为荷兰的君主来自于Orange-Nassau家族。

 

在印度,橙色代表印度教。

 

 

 

3.4.2.5 实例说明

 

如图3-31所示,为韩国芬达网站(http://www.fanta.co.kr/)网页截图,整个页面使用橙色作为主色调,和其主打产品-橙味汽水紧密结合。

 

 

3-31 韩国芬达网站网页截图

 

3.4.2.6 橙色系配色方案

 

橙色系的配色方案如下,如图3-32所示。

 

在橙色中混入大量的白,有一种干燥的气氛。

 

在橙色中混入少量的蓝,能够形成强烈的对比,有一种紧张的气氛。

 

在橙色中混入少量的红,给人以明亮、温暖的感受。

 

 

 

 

3-32 橙色系配色方案

 

3.4.3 黄色

 

是人眼睛最容易注意到的色彩;比纯白色的亮度还要高;可以促进新陈代谢;明亮的黄色是所有色彩中最容易让人产生疲劳感的颜色,它很刺激人的眼睛;暗淡的黄色可以加强人们的注意力,所以多应用于提示牌,如图3-33所示。

 

 

3-33 黄色

 

3.4.3.1 黄色的具象联想

阳光、沙滩、蛋黄、香蕉、向日葵、小鸡、面包、菜花。

 

3.4.3.2 黄色的正面联想

聪明、才智、乐观、光辉、喜悦、平凡、泼辣、明快、希望、光明、明媚、理想主义。

 

3.4.3.3 黄色的负面联想

嫉妒、怯懦、欺骗、警告。

 

3.4.3.4 黄色的文化域

 

在佛教里,法师穿着金黄色的袈裟。

 

在埃及和缅甸,黄色意味着丧服。

 

在日本,黄色联系到人的勇气。

 

在印度,黄色是商人和农民的标志。

 

在印度教文化中,穿着黄色用来庆祝春节。

 

在古代中国,黄色是帝王专属的颜色。

 

 

 

3.4.3.5 实例说明

 

如图3-34所示,为韩国立顿红茶网站(http://www.lipton.co.kr/)网页截图,整个页面使用黄色作为主色调,给人以明快、温暖的感受。

 

 

3-34 韩国立顿红茶网站网页截图

 

 

3.4.3.6 黄色系配色方案

 

黄色系的配色方案如下,如图3-35所示。

 

在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。

 

在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

 

在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。

 

在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。

 

 

 

 

3-35 黄色系配色方案

 

3.4.4 绿色

 

是所有色彩中最能让人的眼睛放松的色彩;绿色对人的精神有镇静和恢复的功效,通常在医院中让病人放松;通常绿色的意义是“通行”,还有秩序的意义;绿色可以促进消化,还可以减轻胃痛,如图3-36所示。

 

 

3-36 绿色

 

3.4.4.1 绿色的具象联想

植物、大自然、环境、西瓜、树叶、山、草。

 

3.4.4.2 绿色的正面联想

和平、安全、生长、新鲜、丰产、金钱、种植、康复、成功、自然、和谐、诚实、青春。

 

3.4.4.3 绿色的负面联想

贪婪、嫉妒、恶心、毒药、侵蚀、缺乏经验的。

 

3.4.4.4 绿色的文化域

 

在伊斯兰国家,绿色是天堂的颜色,同是也是伊斯兰教的代表色。

 

在爱尔兰,绿色就是其国家的象征。

 

在凯尔特文化中,绿色的巨人是丰收之神。

 

在美洲土著文化中,绿色联系到人们的愿望和意志。

 

 

 

3.4.4.5 实例说明

 

如图3-37所示,为韩国真露烧酒网站(http://www.chamisulfresh.com/default.asp)网页截图,整个页面使用绿色作为主色调,符合真露烧酒以植物为原材料提取的产品理念。

 

 

3-37 韩国真露烧酒网站网页截图

 

3.4.4.6 绿色系配色方案

 

绿色系的配色方案如下,如图3-38所示。

 

在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。

 

在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。

 

在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。

 

 

 

 

3-38 绿色系配色方案

 

3.4.5 蓝色

在自然界中很难找到蓝色的事物,抑制食欲,让人没有胃口;能让人的身体分泌安定素,放松身体;在蓝色的环境中工作效率比较高;蓝色的服装通常会体现出一种忠诚和信赖的意味,如图3-39所示。

 

 

3-39 蓝色

 

3.4.5.1 蓝色的具象联想

海洋、天空、湖水。

 

3.4.5.2 蓝色的正面联想

学识、凉爽、和平、雄性、沉思、忠诚、正义、智慧、平静、悠久、理智、深远、无限、理想、永恒。

 

3.4.5.3 蓝色的负面联想

消沉、寒冷、分裂、冷漠、薄情。

 

3.4.5.4 蓝色的文化域

 

在世界大多数地区,蓝色代表男性。

 

在中国,蓝色代表小女孩。

 

在西方的婚俗中,蓝色代表爱情。

 

在伊朗,蓝色是丧服的色彩。

 

在世界范围内,蓝色是最容易被大众接受的色彩。

 

 

 

3.4.5.5 实例说明

 

如图3-40所示,为康师傅劲凉风暴FIR歌友会网站(http://icetea.allyes.com/)网页截图,整个页面使用蓝色作为主色调,给人以清爽、时尚的感受。

 

 

3-40 康师傅劲凉风暴FIR歌友会网站网页截图

 

3.4.5.6 蓝色系配色方案

 

蓝色系的配色方案如下,如图3-41所示。

 

如果在蓝色中分别加入少量的红、黄、黑、橙、白等色,均不会对蓝色的性格构成较明显的影响力。

 

如果在蓝色中黄的成份较多,其性格趋于甜美、亮丽、芳香。

 

在蓝色中混入小量的白,可使橙色的知觉趋于焦躁、无力。

 

 

 

 

3-41 蓝色系配色方案

 

3.4.6 紫色

 

是一种娇柔的、浪漫的品性;通常与中性化产生联系;自然界中很难找到紫色,所以紫色有一种“人造”的意义;古代紫色染料洗染的衣物只有贵族和富有的人才能够穿上;紫色能够激发人们的想像力,因此通常用来装饰儿童的房间,如图3-42所示。

 

 

3-42 紫色

 

3.4.6.1 紫色的具象联想

皇家、精神、茄子、熏衣草、紫水晶、葡萄、紫菜、礼服。

 

3.4.6.2 紫色的正面联想

优雅、高贵、重、神秘、女性化、奢侈、智慧、想像、诡辩、等级、灵感、财富、高尚、古朴。

 

3.4.6.3 紫色的负面联想

夸大的、过多的、疯狂、残忍、消极。

 

3.4.6.4 紫色的文化域

 

在泰国,在窗户上悬挂紫色,是为了悼念自家的丈夫过世。

 

在日本,紫色代表了各种仪式,启发性的事物,或是自大的人。

 

在在拉丁美洲,紫色意味着死亡。

 

 

 

3.4.6.5 实例说明

 

如图3-43所示,为超级名模姜培琳官方网站(http://www.jiangpeilin.com/shirley.htm)网页截图,整个页面使用紫色作为主色调,给人以神秘、时尚和女性化的感受。

 

 

3-43 超级名模姜培琳官方网站网页截图

 

3.4.1.6 紫色系配色方案

 

紫色系的配色方案如下,如图3-44所示。

 

在紫色中红的成份较多时,其知觉具有压抑感、威胁感。

 

在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。

 

在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。

 

 

 

 

3-44 紫色系配色方案

 

3.4.7 黑色

 

黑色服装能使人看上去瘦一些;黑色幽默是病态的;黑色能让和它相配的颜色看上去更明亮;在色彩治疗学中,认为黑色可以激发自信和力量;黑色通常会与黑手党产生联系,如图3-45所示。

 

 

3-45 黑色

 

3.4.7.1 黑色的具象联想

夜晚、死亡、墨汁、煤炭、毛发、礼服、洋伞。

 

3.4.7.2 黑色的正面联想

权力、威信、重量、诡异、高雅、仪式、严肃、高贵、孤独、神秘、时髦、严肃、刚健、坚实、生命。

 

3.4.7.3 黑色的负面联想

恐惧、消极、邪恶、秘密、屈服、服丧、重量、懊悔、无知、悲哀、阴沉、冷淡。

 

3.4.7.4 黑色的文化域

 

在美国、欧洲和日本,黑色是叛逆的颜色。

 

在中国,黑色代表小男孩。

 

在亚洲,黑色代表事业、紫色、服丧和忏悔。

 

在世界范围,黑色代表深肤色血统人种。

 

 

 

3.4.7.5 实例说明

 

如图3-46所示,为韩国genesis汽车网站(http://www.the-genesis.co.kr/)网页截图,整个页面使用黑色作为主色调,给人以大气、贵雅的感受。

 

 

3-46 韩国genesis汽车网站网页截图

 

3.4.8 白色

 

一些文化认为如果身着白色服装举行结婚仪式,将会带来好运;白色是表达到最完美平衡的颜色;由于白色太明亮,会引起某些人群的头疼感;白光会引起暂时的失明;白色经常会同上帝、天使联系起来,如图3-47所示。

 

 

3-47 白色

 

3.4.8.1 白色的具象联想

雪、白纸、白兔、白云、砂糖、光芒、纯净、面粉。

 

3.4.8.2 白色的正面联想

清洁、神圣、洁白、纯洁、纯真、神秘、完美、美德、柔软、庄严、简洁、真实、婚礼。

 

3.4.8.3 白色的负面联想

虚弱、孤立。

 

3.4.8.4 白色的文化域

 

在日本和中国,白色是葬礼的色彩。

 

在世界范围内,白色的旗帜代表休战。

 

在欧洲和北美,白色代表了浅肤色的高加索人种。

 

在印度,如果已婚妇女穿着白色,会引起人的不愉快。

 

 

 

3.4.8.5 实例说明

 

如图3-48所示,为韩国影星daniel-henney的官方网站(http://www.daniel-henney.com/)网页截图,整个页面使用白色作为主色调,给人以干净、清爽的感受,和daniel-henney的气质非常的贴切。

 

 

3-48 韩国影星daniel-henney的官方网站网页截图

 

3.4.9 灰色

 

灰色通常不能引起观众比较强烈的情感变化;灰色是白色和黑色平衡的结果;灰色的补色也是其本身,如图3-49所示。

 

 

3-49 灰色

 

3.4.9.1 灰色的具象联想

乌云、草木灰、树皮、中性。

 

3.4.9.2 灰色的正面联想

平衡、安全、可信、谦虚、成熟、智能、才智、平凡、古典主义。

 

3.4.9.3 灰色的负面联想

阴天、老龄、厌倦、悲伤、失意、缺少承诺、不确定、喜怒无常、优柔寡断、糟糕的天气。

 

3.4.9.4 灰色的文化域

 

在美国,灰色代表荣誉和友谊。

 

在亚洲,灰色代表在路途中有帮助的人。

 

在世界范围内,灰色让人联想到白银和金钱。

 

 

 

3.4.9.5 实例说明

 

如图3-50所示,为韩国影星安在旭官方网站(http://www.ahnjaewook.co.kr/main/)网页截图,整个页面使用灰色作为主色调,给人以沉稳、大气的感受。

 

 

3-50 韩国影星安在旭官方网站网页截图

 

这篇关于网页效果图设计之色彩索引的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/934596

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

性能分析之MySQL索引实战案例

文章目录 一、前言二、准备三、MySQL索引优化四、MySQL 索引知识回顾五、总结 一、前言 在上一讲性能工具之 JProfiler 简单登录案例分析实战中已经发现SQL没有建立索引问题,本文将一起从代码层去分析为什么没有建立索引? 开源ERP项目地址:https://gitee.com/jishenghua/JSH_ERP 二、准备 打开IDEA找到登录请求资源路径位置

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

SprinBoot+Vue网络商城海鲜市场的设计与实现

目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素(inspect element)”按钮三、在网页中选取需要的片段,锁定对应的元素四、复制被选中的元素五、粘贴到记事本,以`.html`为后缀命名六、打开`xxx.html`,优雅地复制 前言 在浏览网页的时候,有的网页内容无法复制。比如「360

单片机毕业设计基于单片机的智能门禁系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍程序代码部分参考 设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订

Spring的设计⽬标——《Spring技术内幕》

读《Spring技术内幕》第二版,计文柯著。 如果我们要简要地描述Spring的设计⽬标,可以这么说,Spring为开发者提供的是⼀个⼀站式的轻量级应⽤开发框架(平台)。 作为平台,Spring抽象了我们在 许多应⽤开发中遇到的共性问题;同时,作为⼀个轻量级的应⽤开发框架,Spring和传统的J2EE开发相⽐,有其⾃⾝的特点。 通过这些⾃⾝的特点,Spring充分体现了它的设计理念:在