当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

网页设计时的配色方案分析实例

来源:站酷网 作者:froglt 学习:18357人次

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

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

  3.4.1 红色

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

PS做网页设计时的配色方案教程  教程

  图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周年主题网站网页截图,整个页面使用红色作为主色调,给人以喜庆、热闹的感受。

bbs.16xx8.com

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

  3.4.1.6 红色系配色方案

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

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

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

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

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

bbs.16xx8.com

  图3-29 红色系配色方案

  3.4.2 橙色

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

bbs.16xx8.com

  图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所示,为韩国芬达网站网页截图,整个页面使用橙色作为主色调,和其主打产品-橙味汽水紧密结合

bbs.16xx8.com

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

  3.4.2.6 橙色系配色方案

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

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

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

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

bbs.16xx8.com

  图3-32 橙色系配色方案

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
薄凉之人l2018-05-06 10:36
必须支持
鬼舞者2017-05-27 08:04
学习

关注大神微博加入>>

网友求助,请回答!