如何在网站设计中运用色彩学,学习颜色搭配只能靠记忆吗
如何学好PS?
这几天,广告圈又炸了
因同一个世界,同一个甲方爸爸
以前,听到别人说
这不是雷文顿,这是兰博基尼
这不是orchily,这是欧时力
这不是NB,这是new balance
这次,甲方爸爸说了
这不是PS做的,必须用Photoshop!
这位爸爸,你这是在秀智商呢还是秀逗呢?
亦或是换种形式考验设计师对软件缩写的了解?
这也太低估设计师的实力高估爸爸你的智力了吧?
实在是心疼广告圈的朋友们
所以在这里真的有必要给爸爸们科普一下
PS=Photoshop=Photoshop=Photoshop!!!
它是强大的Adobe软件下的一员
哦!顺带提一下爸爸您,Adobe也叫做奥多比
下次不要说,人家用的是奥多比,不是Adobe哦
再引起别人的笑话就不好啦~~~
对了,还有一个说法要给爸爸纠正一下
“别人视频公司都说后期是AE做的“
这里的AE=After Effects,也是Adobe的软件哦
而跟你对接的AE,是Account Executive,客户执行
所以不要再问“为什么你是AE,你咋不会AE”了,好吗?
而可怜的设计师朋友们,就算甲方爸爸说
“我不要PS做,我要你们用AI做”
“我不要PS做,我要你们用ID排版”
你们也别慌,只需备好一款
多软件运行无压力的笔记本电脑
以及提高使用软件的能力就是万全之策。
笔记本的优势就是便携,作为日常使用还是可以的,尤其是高性能的笔记本,例如游戏本或者是XPS15的。
当然,设计师比较喜欢的是MacBook Pro,苹果系统它们自己有优化。
如果是大型的设计项目,还是得上台式机吧,性能更加宽裕了。
平面设计中,学习颜色搭配只能靠记忆吗?
色彩搭配真的是平面设计中的你个重点 颜色配不好整个画面那就太土了 没有学过美术 所以这个真不好回答 都是在满满的学习过程 有时候天赋审美都重要
如何在网站设计中运用“色彩学”?
曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗?或者你一直不解为何银行、公司行号或金融机构的网站总是使用蓝色系?那么你一定不能错过这个问题啦。虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统,但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂。
一直以来,颜色本身就是一个难解的谜题。举例子来说,苏格拉底就曾经假设说「火」之源起,乃是因眼睛结合了对象本身的「白」(whiteness)所产生 的颜色。之后,牛顿更探索光与色彩之间的关系;其后历经许多科学研究,终于在20世纪确认了光波与色彩感应之间的绝对关系。 如今,色彩调和与色彩调性方面的研究信息,直接影响了艺术家、设计师和广告AE人员。本篇关于色彩理论的指南,旨在探索如何于网站上有效使用色彩,同时也提供了许多色彩调和技巧,让您善用色彩来驾驭网站设计。
色彩所传达的意义
当我们在检视色彩的科学本质和色彩调和的美学考量时,我们发现感官在色彩运用上扮演了很重要的角色。除了感官反应与辨识调和色彩外,人类内在对色彩的反 应还有更深层的一面。色彩能引发强烈的生理/心理共鸣,不管是正面或负面。当你在选定颜色组合时,请确定你所选择的颜色能引起适当的回响。
色彩的生理反应
虽然并没有直接证据显示色彩能引发特定反应,但是研究显示,某些颜色确实能够引起一些生理上的反应。例如,红色就是一种非常刺激的颜色,往往会令人心跳 加快、呼吸急促。所以,红色非常适合用在需要引起注意和强调的时候,但若用在背景颜色的时候可能显得过于强烈。相同地,黄色也能引起注意,但因为其反射性 太强,容易造成眼睛的疲劳和不舒服。另外一方面,蓝色对神经系统具有放松的效果,且根据一些研究显示,以蓝色当背景还能增加生产力。但是,如果你的产品与 食物有关,千万不要用蓝色作为背景颜色,因为蓝色可是会抑制人们的胃口喔。
色彩的象征
色彩所象征的意义有时候跟大自然中的事物有关。例如,天空与太阳的颜色所产生的联想举世皆然。然而,大部分的色彩意义都跟民族文化有关,例如,政治、宗 教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区,那你可千万得小心,同一颜色在不同文化可能会有南辕北辙的效果。另外,大 部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同,或者是用混合两个颜色的方式来强调某个特别的涵义。
一般在西方的文化中,色彩所传达的涵义为:
红色:热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号,用于警告或禁止一些动作。
紫色:创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。
蓝色:忠诚、安全、保守、宁静、冷漠、悲伤。
绿色:自然、稳定、成长、忌妒。在北美文化中,绿色代表的是「行」,与环保意识有关,也经常被连结到有关财政方面的事物。
黄色:明亮、光辉、疾病、懦弱。
黑色:能力、精致、现代感、死亡、病态、邪恶。
白色:纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。
替网站选对颜色可不是一件容易的事;很多公司还特别聘请专业咨询人员,使其色彩组合能搭配、强化整体的品牌形象。但是,如果你自己就已经具有色彩调和 感,并且了解某些颜色可能会引起什么样的反应,你只需照着你的方法进行,开发出有效的色彩组合。在你开始找寻对应的颜色之前,你必须先很清楚你网站所要传 达的讯息和目标。一但你了解要传达的讯息后,就可开始进行调色工作了。在过程中,你免不了要不断地试验混合颜色,这是一个极具创意的过程。别害怕使用大胆 的颜色组合,但在将你的产品公诸于世之前,记得要经过充分的测试喔!
色彩的使用技巧与指针
1. 了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如,如果在设计一个强调稳健的金融机构,那么就要选择冷色系、柔和的颜色,像是蓝、灰或绿。在这样的状况下,如果使用暖色系或活泼的颜色,可能会破坏了该网站品牌。
2. 了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时,不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色,但这样的颜色却引不起高年龄层的兴趣。
3. 不要使用过多的颜色。除了黑色和白色以外,约选择四到五个颜色就够了。太多的颜色会导致混淆,也会拉走读者的注意力。
4. 在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果,也会妨碍观众阅读。白底黑字的阅读效果最好。
5. 用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候,有时候会很难决定每个颜色的相对值。为了要确认你的色盘能提供足够的对比,你可以建立一个仿真网站,并将它转换成灰阶即可。
6. 选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场,且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看,你可以使用几十年前的流行色彩,引起人们的怀旧之情。
7. 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色,例如标题和超级链接等。
8. 注意网站色差问题。每一个网站开发人员都知道,即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值,并在不同的作业平台上测试你的色盘。
色彩理论基础
色彩学
我们能看到颜色是靠三个元素相互作用而成:光源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波的处理方式。不管我们使用哪种媒材来作业 -- 绘画、印刷或网络 -- 我们都得依赖上述过程才能有效使用颜色。
色彩的排列 -- 彩虹
十七世纪末期,牛顿证明了色彩并非存在于物体本身,而是光作用的结果,且只要将可视光谱上的长短光波结合起来即可形成白光。这些可视光的波长可对应到七个不同的颜色:红、橙、黄、绿、蓝、靛、紫。
牛顿在实验中所分离出来的可视光谱其实才占了所有电磁光谱的一小部分,整个光谱范围从分为「短频、长波区」(例如收音机调频)到「高频、短波区」(例如 X 光)。可视光谱的区域是介于红外线与紫外线之间,波长约为 400nm (紫色) 到 700nm (红色) 之间。虽然牛顿证明这些光波结合在一起即形成白光,但其实只需要红、绿、蓝三光波就可以产生白光。
光的吸收与反射
当光波投射在物体身上后,该物质会传送、吸收或反射不同部分的光波。根据不同物体的特性以及它本身的原子构造,它可能反射了绿光但吸收了其它的波长。这时候人们的视网膜和脑部视觉皮质区会处理此一反射光,然后形成我们所看到的颜色。
艺术家和设计师将颜色复制到画布或纸张上的时候,他们便是仿真此一过程,利用颜料吸收了某个部分的光波、反射出其它光波。例如要产生绿色,我们可使用会吸收红、蓝光波的颜料即可。此一过程是所有绘画与印刷媒体的色彩模式基础。
一切靠眼睛
当然,不论是反射自物体或是发射自光源本身,我们处理光波的能力都是靠视网膜和脑部的视觉皮质区。视网膜内有三个接收器(或者说是锥细胞)可响应某些光 波的频率。红色锥细胞能感应低频率的波长,绿色锥细胞反应的是中频率的波长,蓝色锥细胞反应的是高频率的波长。这些锥细胞的运作并非二元性的,而是类似频 道一样,可将刺激分别传达至脑部的视觉皮质区,经过处理后才产生出我们所看到的颜色。
为了产出特定颜色,艺术家/设计师们必须靠着增减光波的方式,让人体内的视觉接收器只反应到某些光波。至于应该用加法或减法原理,则要看你使用何种材质来表现你的作品了。
设 计师处理颜色的方法通常有两种:一、加色法,混合不同颜色的光波以形成白光;二、减色法,使用颜料来减少光波。传统的艺术家所使用的色盘和 CMYK 系统都是减色法模式。在网站上,我们所面对的是光的投射,而不是从物体上反射回来的光,所以使用的是加色法模式,我们称它为RGB。
加色法
在大自然中,我们所看到的光波是经过物体反射进入我们的视网膜,但产生色彩的方式不仅只这一种。例如,舞台灯光是利用白光穿过有色滤镜来产生不同的色 光。计算机屏幕也是使用投射光波的方式,但不同的是它藉由让电子光枪发光投射到含磷的屏幕来产生色光。这些电子光枪可以发出三种颜色:红、绿、蓝。藉由这 三种色光,计算机屏幕可制作出完整的光谱。这就是大家所熟知的 RGB 色系。
在 RGB 系统中,设计师也可以透过混合三原色的方式做出一个光谱。混合任两个原色,就会产生三个次原色:青、洋红、黄。如前面所说的,将光的三原色加在一起就可以 做出白光。所以,如果一个 RGB 的值为 255,255,255 则表示为白色。如果完全拿掉这三原色的光 (RGB: 0,0,0) 则产生黑色。
减色法
RGB 模式的相反模式就是 CMYK 模式,也就是使用减少光波的方式来产生颜色。由于物体颜色来自于反射的光波,此一系统乃使用三原色来吸收物体的红、绿或蓝光。例如,如果你减少了红光,那 么多余的绿色波和蓝色波就会产生青色。用来除去红光、反射绿、蓝光的颜料就会显示青色。相同的,平面印刷设计师会使用洋红来吸收掉一部份的绿光,以及使用 黄光来吸收掉一部份的蓝光。
这样一来,我们很明显的可以知道 CYMK 模式中所使用的三原色就是 RGB 模式中的次颜色,反之亦同。再者,如果将红、绿、蓝光混合在一起形成白光,那么就表示将青、洋红、黄三色的颜料混合在一起就会产生黑色,因为三原色的光波 都将被颜料所吸收了。然而受限于颜料和印刷系统的因素,混合青、洋红、黄并无法完全吸收掉所有的光波。因此实际上还必须加上一个黑色才能完成,所以就产生 了 CMYK 里面的 K 元素了。
色彩管理
由于有这两套不同的复制颜色方式,设计师若必须同时创作 数字与印刷影像可就伤脑筋了。除了对应加色法和减色法之间的困难外,RGB 和 CMYK可使用的色彩范围差异也相当大。因此对跨媒体设计师而言,拥有一套可根据输出设备做色系转换的色彩管理系统可减轻不少头痛问题。色彩管理系统可包 含在操作系统,某些应用软件之中。
视觉设计最大的挑战之一便是找出有效的调和色彩,让色系既不过于单调,也不过于夸大。想了解色彩平衡之间的关系,可从了解色环开始着手。色环呈现出某一色彩模式中所有可能的色相
每个色彩模式都包含了一组三原色,然后经由这一组三原色的相互混合而产生不同的颜色。在传统色彩学中,三原色指的是蓝、红、黄;而在 RGB 色彩模式中,色光的三原色是指红、绿、蓝。任何两个色光的组合会产生一组次颜色。三次色则是混合了原色与次色,或者是混合两种次原色所产生。我们用色环来 呈现颜色的逻辑性。你可以从下面的图中看出, RGB 的色环和传统艺术家们所使用的色环是很不一样的。
同色调和:单一颜色,只是深浅、色调和明暗度不同。
近似色调和:使用邻近的颜色或在色环上很接近的颜色做调和。
互补色调和:使用色环上两个相对的颜色做调和。这样的颜色组合通常可以提供最大程度的对比感觉,但若过份使用使会流于夸大。
对比色调和:使用一种颜色,再加上其互补色旁边的两个颜色做调和。对比色调和能提供比互补色调和较柔和的对比。
三角调和:使用色环上三个等距离颜色。
双互补调和:使用两组 (共四色) 互补颜色。
在探索色彩调和的时候,通常最好从纯色下手,然后再尝试不同程度的渲染、色调和明暗度。接着你可使用网站仿真图先行测试某颜色组合的视觉特效。记得,对比的重要性不只是在于为了吸引人而设计;它也可能帮助或妨碍网站的阅读性。
编排设计色彩应用诀窍是什么?
1、更清楚、醒目、和背景就要保持一定的反差,包括明度对比,色相对比和冷暖对比等。
2、在深色背景上的浅色字更醒目,文字不能太小,行距也要适当大一点;浅色背景上深色深色文字更适合长时间阅读。
3、不同字体的使用效果也不同,有装饰线的字体不太适合应用在深色背景上。
4、彩色的文字用作标题比较合适,如果编排中穿插彩色图片,再用彩色的文字,版面就显得过于混乱,文字的色彩过于复杂,几种颜色叠加出的复色增加了制作和印刷难度,也不能保证预想的效果。
5、老人、小孩、视力有障碍的人要特别在设计上给于照顾,使用粗字体,较大的字号,幼儿读物的文字编排色彩要鲜艳活泼。
设计大神是怎么进入设计行业的?为什么会选择从事设计呢?
为什么要进入设计行业?是因为学的就是这个专业。另外,设计跟每个人的性格有关系。如果你是内向的人,你比较适合做设计。还有一个原因。设计待遇不错。
有什么色彩相关的书籍推荐?
《艺术与设计入门》是一本非常扎实的入门级设计工具书,作者将艺术与设计结合起来的思路非常赞。他从点、线、面、形状、肌理、空间、时间与运动、明暗、色彩依次展开,通过恰当的作品解释如何安置以上元素。随后从整体性与和谐感、平衡、大小和比例、对比与强调、律动等审美规则,探讨艺术与设计之美的原则。
《色彩感知学》作者:周翊我们学习色彩不仅是观察对象本身,更重要的是观察它与周边环境的关系——时间、空间及它与观察者的关系,也就是说,我们感兴趣的是——眼前的色彩现象是如何发生的。《色彩感知学》是一本较为专业的色彩书籍。其探讨的主题,除了客观上的色彩原理,还有我们看色彩的“观看心理因素”,也就是关于“看”的哲学和心理学。
《写给大家看的色彩书1:设计配色基础》作者:梁景红这本书通过作者的原创图例和精选的代表性作品,详细讲解了色彩设计的五大原则和两大关键词选色法,并在此基础上,介绍了如何突破已有的形式和惯有的配色思路,实现自我能力的提升。书里介绍了很多通俗易懂且实际的小技巧,这些都是作者十几年设计工作的经验,所以用的时候经常翻看,可以熟练记住并且运用,将老师的经验转化成自己的技能。书中提出的配色理念简单易行,带你梳理色彩创作的切入点,正确判断和思考色彩集合、色彩参照等配色概念,迅速理解色彩与图像的关系、色彩关键词等设计重点,将优秀作品的色彩运用到自己的作品中。
《标准四色配色手册》设计师必备的CMYK配色手册。这本手册,与其说是一本书,更应该说是一本色卡。整本书通过四色叠印的方式,呈现了过万种印刷颜色。无论是选色配色,还是用于色彩校对,这本书都是绝佳的选择。
如何学习色彩设计搭配?
今天我们来聊聊设计师的经典话题:配色!很多自学设计的同学没有接受过系统的色彩训练,在配色方面始终不能随心发挥。网络上的配色技巧很多,但大多不够全面,今天优设从国外翻译了整个系列的配色指南,即使是毫无经验的新手,学习完也能对色彩有比较深刻的认识。设计原则101——色彩理论
第一印象决定一切!大家都可以从各自的外表上大概看出一个人的性格。同样的,这个理论也可以延伸到设计工作里。但是影响设计工作的因素有很多,但是 第一时间被关注到的应该是颜色。颜色反映了设计的整体感觉,有时候单凭颜色就可以调度起一个人的情绪、情感甚至回忆。如果没有掌握色彩理论的基础知识,你 会发现在日常工作和生活中,你忽略掉了很多细节。
找出哪些颜色配搭在一起很美腻并不是一件偶然的事儿,这其实是一项很科学道理的工作。不同的颜色组合适合不同的作品,而且这种类似固定搭配的组合规则并不能轻易被打破。让我们从最基础的部分开始了解色彩理论吧!
原色
所有颜色的源头被称为三原色,三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。
间色
如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。
三级颜色
三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。现在,你应该了解了颜色到底都是怎么衍生出来的,也可以 了解色轮上的颜色组合都是从何而来。理解了色彩的原则将有助于在项目中选择颜色。为自己的设计选择一个合适的调性,并创建适量的对比度,让设计工作更好地 展开吧!
接下来我们聊聊基于色轮我们可以得到的基本色彩组合。
互补色
互补色是指色轮上那些呈180°角的颜色。比如蓝色和橙色、红色和绿色、黄色和紫色等。互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。
相似色
相似色是指在色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有:蓝绿色、蓝色和蓝紫色;还有黄绿色、黄色和橘黄色。
三角色
三角色也是一组颜色。是通过在色环上创建一个等边三角形来取出的一组颜色,可以让作品的颜色很丰富。在上面的例子中,蓝紫色和黄绿色就可以形成十分强烈的对比。
分散的互补色
分散的互补色和互补色的区别在于分散的互补色并不是取目标颜色正对面的颜色。拿上面的图做例子来说吧,黄色的互补色应该是紫色,但是我们取紫色旁边的两个颜色——紫红色和蓝紫色。这样子不仅可以有一个强烈的对比度,而且还可以让颜色更丰富。
四方色
四方色是在色轮上画一个正方形,取四个角的颜色。在上面的例子中是:紫红色、橙黄色、黄绿色和蓝紫色。这个颜色真的超棒的,不信可以自己用用感受一下,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。
四方补色
四方补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。如上图中的互补色橙色和蓝色,分别选用他们两旁的颜色来建立矩形,最终取得橙红色、橙黄色、蓝绿色和蓝紫色。
明暗
颜色的色调也可以影响颜色给人的感觉,就拿上图的蓝色来说,第一张是原图,第二张添加了白色,第三张添加了黑色,同样的蓝色产生了不同的感觉。在实际应用中,可以在采用单色配色方案时,通过改变颜色的色调来创建不同的感觉。
暖色
暖色可以创造温暖的感觉,暖色通常会让人联想起太阳、火焰和爱情。红色是血的颜色,感觉是温暖的,橙色和黄色会给人夏天的感觉。给图像添加一个橙色的滤镜,图像看起来就会有温馨快乐的感觉。
冷色
冷色也有其独特的含义,通常会让人联想起凉爽的气候、冬季、死亡、悲伤、冰、夜晚和水这些事物。冷色可以给人平静、安宁、新人、干净的感觉。紫色与尊贵经常联系在一起,看起来十分内敛。
颜色的意义红色
红色是代表爱情和激情的颜色。情人节的礼物通常都有一个红色的盒子,或者是粉红色,也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以 同时找到红色、橙色和黄色。红色也表示危险,所以很多表示停止的标识牌都是红色的,因为红色可以很好地吸引人们的注意。红色是很强势的颜色,当它和其他颜 色相遇时,比如搭配黑色,可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。
橙色
橙色代表了温暖,但是并不像红色那样咄咄逼人。橙色能够创建一个有趣的氛围,因为它充满了活力,而且橙色创造出的活跃气氛并没有危险的感觉。橙色可以与一些健康产品搭上关系,比如维生素C,毕竟橙子里也有很多维生素C。
黄色
提到黄色,经常可以联想到太阳和温暖。使用橙色的时候,可以创造出一种夏天的好玩的感觉,黄色则带给人口渴的感觉,所以经常可以在卖饮料的地方看到 黄色的装饰。黄色也可以和懦弱与恐惧联系起来,这个则是因为以前“yellow”这个词也代表着这个意思。当黄色与黑色搭配在一起时,十分吸引人的注意 力,一个绝佳的例子就是很多国家的出租车都采用这种配色。
绿色
在西方国家,绿色是钱的颜色,这与他们的文化和财富有关。因为大多数植物都是绿色的。绿色也代表着经济增长和健康。绿色经常用作一些保健食品的LOGO,因为看起来就十分贴近自然。绿色还意味着利润和收益。如果搭配上蓝色,通常会给人健康、清洁、生活和自然的感觉。
蓝色
蓝色是一个神奇的颜色,因为不同明度的蓝色会给人不同的感受、想法和情绪。如下图中所示,深蓝色可以给人一种悲伤的感觉,让人联想起伤心时怎么听都 不够的蓝调音乐。而浅蓝色则通常会让人联想起天空和水,给人以提神、自由和平静的感觉。蓝天永远都是平静的,水流可以冲走泥土,清洗伤口,所以蓝色也代表 着新鲜和更新。蓝色给人冷静的感觉,会帮助人放松下来。
紫色
紫色总是让人不禁想起皇室成员的长袍。紫色可以更多地与浪漫、亲密、柔软舒适的质感产生联系。紫色给人一种奢华的感觉,也有一种神秘感。下面这个葡萄酒网站就是极好的例子。
白色
白色通常与医院联系在一起,因为医生们都是穿着白大褂的,而且医院内部的装修通常也是白色的。此外,宗教绘画有时候也是没有色彩的,白色也代表着圣 洁。白色通常给人干净的感觉,比如白色的床单和衣服都让人感觉很干净。也可以代表棉花和柔软的云朵。心理健康相关的事物也可以选用白色,白色也同样适用于 卫生、清洁相关的设计。比如下面这个网站,就很好地利用了白色。
黑色
黑色通常与死亡有关,尤其是在美国。它可以代表腐坏,因为很多食物腐坏变质以后就是黑色的。黑色也代表邪恶,因为是白色的对立颜色,而白色通常代表 着纯洁美好善良。黑暗和未知也会给人焦虑的感觉。很多图像中,黑色表达了抑郁、绝望和孤独。虽然黑色有很多负面的含义,但是黑色也是一个万能色彩,当黑色 遇上其他颜色的时候会产生其他的意义。比如当黑色邂逅金黄色,就可以给人一种奢华、高档的感觉;当黑色偶遇银灰色,则会给人一种成熟稳重的感觉。下面的网 站就完美诠释了这一点。
总结作为一名设计师,了解色彩是一件必不可少的事儿。在设计的时候应该慎重地考虑和选用颜色。通过不同的颜色,可以创造出不同感觉的图像。合适的组合可 以获得关注,通过视觉传达设计师所想,进一步拉近设计师与观众的距离,让图像更具力量。如果之前并不仔细考虑用色,现在开始,应该培养对于色彩的感觉。相 信客户会看到一个不一样的你,你的设计作品将会通过颜色建立联想,更好地传达信息。
有什么值得推荐的设计类书籍?
推荐几本经典的设计好书,有著名设计师的理念探讨,也有实用的设计方法教学,希望对题主有所帮助。
1、综合篇《写给大家看的设计书》
这是一本写给所有人的设计入门书。作者是设计师Robin Williams 。他在书中将复杂的设计原理凝炼为亲密性、对齐、重复和对比4 个基本原则,并以简洁明快的风格,将设计所必须遵循的这4 个基本原则及其背后的原理,通俗易懂地展现在我们面前。同时,书中包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。
《设计师要懂心理学》+《设计师要懂心理学2》
《设计师要懂心理学》共2册,出自国际知名的设计心理学专家Susan Weinschenk之手,内容实用,示例清晰,以创造直观而又有吸引力的设计为宗旨,讨论了设计师必须知道的200个心理学问题,每个问题短小精悍,片刻即可读完,让人轻松地理解设计背后的心理学动机。
《想象力:构图与创作思维》
设计离不开想象力,想象力是可以通过训练获得。这本书从点、线、面、体等基本元素开始,讲解了如何在设计中发挥想象力,并且应用各种创作理论将想象实现成作品。作者强调抽象思维的重要性,关注精神感受对创作过程所起的关键作用,并通过大量绘画案例对基本元素、形式、平衡、简洁和力进行分析,整理成易于读者学习的知识体系。同时,书中还有大量的练习,让你在学习了前面的知识后立刻进行针对性练习,进一步掌握所学的知识点。
2、色彩篇《写给大家看的色彩书 设计配色基础》
配色是设计中一个重要环节,如果色彩没有被正确地表达,再好的设计理念也不会产生好的效果。本书通过作者的原创示例和精选的代表性作品,详细讲解了色彩设计的五大原则和两大关键词选色法,并在此基础上,介绍了如何突破已有的形式和惯有的配色思路,实现自我能力的提升。书中提出的配色理念简单易行,带你梳理色彩创作的切入点,正确判断和思考色彩集合、色彩参照等配色概念,迅速理解色彩与图像的关系、色彩关键词等设计重点,将经典作品的色彩运用到自己的作品中。
《梁景红谈:色彩设计法则》
色彩是设计的一部分,同时色彩是需要设计的。色彩怎么设计才算好?特定项目的色彩设计思考脉络是什么样的?对待他人作品,有没有可以衡量、评估、修正色彩设计的方法?本书针对这些问题,采用开创性的“梁景红色彩设计法则”来一一解答。 “梁景红色彩设计法则”有3条:平衡法则、聚焦法则、同频法则。该设计法则区别于色彩设计理论和色彩构成的优势是具备极强的应用性,对待任何项目、任何作品,都可以让你有独立完成设计项目的能力,以及能够提出评判和修正他人设计作品的依据。
3、版式篇《超越平凡的平面设计: 版式设计原理与应用》
这本书是美国著名平面设计师John McWade的第二本有关平面设计的著作。与《超越平凡的平面设计——怎样做好版式》一样,本书也是享誉全球的Before&After杂志之前刊登过的文章的合辑,告诉你如何像设计师一样观察和思考。作者先向读者全面地讲解平面设计的基本知识,然后分享了实用的设计方法和技巧。最后带领读者详细解读了许多完整的设计案例——包括宣传册、新闻简报、网页、幻灯片等。这本书是为每个需要灵感和指导的平面设计师而写,你可以将书中的技巧运用到平面,网页等不同的设计项目中,提升自己的平面设计能力,做出优雅,实用和不凡的版面。
《版式设计——日本平面设计师参考手册》
《版式设计——日本平面设计师参考手册》主要介绍了版式设计的基本原则、设计技巧以及软件相关技术,通过将具体的版式案例进行Before与After的对比,并举一反三地进一步分析讲解,鲜明而直观地呈现了极具学习价值的版式设计经验。书中包括87组Before与After对比案例,与之相关的267个拓展案例解析,以及40个InDesign和Illustrator必须掌握的软件技术,真正解决版式设计中从设计、制作到印刷的常见问题,适合从事版式设计相关工作的设计师阅读。
4、品牌篇《品牌设计法则》
品牌设计,不只是设计一个Logo、几个字体那么轻松简单。这其中包含了太多学问与智慧,没有足够的积累,很难设计出好的作品。在这本书中,作者徐适着力将品牌设计的方法论、基本功、体系建设等知识点进行梳理,为设计师真正突破品牌设计瓶颈,了解甲方的内在需求。
《品牌至上:LOGO设计法则与案例应用解析》
这是一本关于LOGO设计及运用的图书。它不仅能帮助我们快速理解LOGO的含义、LOGO的特质、LOGO关系,加深我们对LOGO的认知,还讲述了LOGO设计与行销,并对设计师与客户沟通和合作过程中应注意的事项加以阐述。最后的重点案例讲解和精选案例讲解两部分内容,每个案例都涵盖了项目背景、项目分析和项目执行三大部分,讲解清晰透彻。并对于LOGO设计给出了一些实用建议,和介绍“LOGO大师”自身的发展历程。
5、字体篇《自由“字”在 字体设计与创意》
这是一本用心写的字体设计书,作者将他多年的字体设计历程都记录在这里。作者以“36计”的形式将其多年的字体设计经验做了细化和总结,帮助读者学习、理解;然后通过33个成功的商业字体设计案例向读者阐述了实际面对客户时,应该注意的设计切入点、主题确立和设计原则;最后,作者分享了其平时做的字体创意练习和生活中有感而发的字体设计,通过这一部分,读者可以学到技巧之外的内容,了解创作背后的故事。
《字体故事——六大字体设计原理及实战应用》
《字体故事——六大字体设计原理及实战应用》全书共分为7章,第1章介绍了汉字的基本属性,包括字体的分类、汉字结构、字面、重心、字重、字形、一般规律等;第2章~第7章讲述了6种不同的字体设计方法,包括衬线加强法、阴阳收缩法、字重调整法、重心调整法、笔画继承法和点画手绘法,每一个案例都从汉字的特征层面展开讲解。本书案例丰富,讲解细致,读者可以通过学习这6种方法尝试设计出一套自己的字体。
6、用户体验篇《简约至上:交互式设计四策略(第2版)》
《简约至上》一书介绍交互式设计的技术与技巧,讲述如何从目标用户的需求和期望出发,结合人类本身的心理特征和行为特点,用简单的方法创建易用、有效且让用户愉悦的设计。书中阐释了合理删除、分层组织、适时隐藏和巧妙转移这4个令交互设计成果最大程度简单易用的策略。第2版根据近年来交互设计领域的实践和发展,对书中案例进行了全面更新。
《破茧成蝶——用户体验设计师的成长之路》+《破茧成蝶2——以产品为中心的设计革命》
市面上已经有很多专业的用户体验书籍,但解决用户体验设计师在职场中遇到的众多现实问题的图书并不多见。《破茧成蝶:用户体验设计师的成长之路 》从用户体验设计师的角度出发,系统地介绍了其职业生涯中的学习方法、思维方式、工作流程和方式,覆盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等,力图帮助设计师解决在项目中遇到的一些 常见问题,找到自己的职业成长之路。《破茧成蝶2——以产品为中心的设计革命》结合数年来从事互联网产品架构和设计工作的实践经验,加以融会贯通,概括并阐释了“以产品为中心”的互联网产品设计内在规律,以帮助产品设计师快速成长进阶。
7、表达篇《图解力 跟顶级设计师学作信息图》
在这个读图时代,每个人都需要学会用图来传递信息。信息图可以将抽象的信息视觉化,让人一看就懂,形式新颖,没有语言障碍,能够高效传播。这本书就是教你如何用图片来传递信息,全书72个章节,手把手教你剖析图解一切信息的法则,168幅图例,照葫芦画瓢,立马上手。同时,书中还穿插了国际设计大师的作品。
更多关于图书推荐请关注@人民邮电出版社
怎么才能做出一个好的PPT?
课件制作:姚利(旁门左道读者)
课件配文:邵云蛟
如何做好一套幻灯片?
相信每一个人都有自己的答案,可能你会说,不要用宋体;也可能会说,配图要高清;当然,还有人可能会说,排版要对齐......
等等,上面这些答案,都是正确的,但如果仅知道这些零散的方面,可能,你依旧做不出一套优秀的幻灯片。
为什么?
因为做好一套幻灯片,是一个系统工程,归结起来,大致可以分为内容处理以及视觉处理,两者同等重要。鉴于很多人知道如何处理内容,而不知道如何以更好的形式来展现内容,所以,今天来跟各位谈谈,如何优化 PPT 内容的视觉表现力。
这篇文章主要分为8个方面,分别是:
先来说说第一部分,文字的处理。
在为文字选择字体时,考虑到版式设计和展现层次,通常来说,我们需要选择两种字体,分别是标题字体和正文字体。
通常来说:
标题字体的笔画较粗,字形偏大;
正文字体的笔画较细,字形偏小;
如果你对上面的解释不理解,简单粗暴点,你可以选用下面推荐的几组中文字体搭配,基本上能够使用在90%的 PPT 文稿中:
当选择了相应的字体后,我们就需要开始对文字内容进行排版。
对于有大段文字的正文内容而言,除了字体选择合理之外,如果想要体现出排版的美感,我们还需要注意另外一个因素,就是文段的间距。
通常来说,建议选择1.3倍行距。
这样,别人在阅读内容时,因为扩大了文段之间的空间感,使得内容的排列不是非常紧凑,所以阅读体验更好。
当然,有些时候,如果页面内容较少,我们还可以对文字进行一定程度的艺术化处理,比如,变成文字云,使用图片填充文字,或者使用书法字体等。
说完了文字的排版,接下来再谈谈图片的选择。
在 PPT 制作中,图片的重要性不言而喻。很多人痴迷于收集大量的图片素材网站,但是,不知道你有没有想过,为什么你和别人都在使用同样的图库,别人找到的图片,就是比你找到的图片更具观赏性,更加贴合文案主题呢?
为什么?
因为问题并非出在图片素材网站的本身,而是出在搜图的思维方法上。所以,在这里,先来跟各位分享几种实用的搜图方法,分别是:
只有知道了合理搜图的方法之后,图片网站的存在才拥有了意义。所以,接下来向各位推荐几个还不错的配图网站,分别是:
当然,如果能够在日常浏览网页时,就养成存图的好习惯,这样,你就能够拥有更多别人难以搜索到的图片。
记住一点,临时抱佛脚,只是妥协的结果。所以,养成日常存图的好习惯吧。
以上说了文字和图片的应用,那么,接下来说一个令很多人都头疼的问题,配色。
在一套 PPT 中,提及配色,我们需要谈的,是一整套的配色方案,而非单个色彩的使用。
那么,一套完整的配色方案,分为这几个部分,分别是:
文字和背景色,非黑即白。尽量不要使用彩色。因此,对于配色而言,我们需要选择的,往往是一个贯穿始终的主色和若干个与之搭配的辅助色。
可能很多人听到主色和辅助色的概念,就有点懵了。自己又不是设计专业出身,对这两个概念,完全听不懂啊,怎么办呢?
那就向各位分享一个傻瓜化的办法。
找一个配色网站,在网站所提供的任一组配色方案中,选择其中一个,作为主色,其他的,均作为辅助色使用,即可。
当然,在这里,我也推荐几组比较常用的配色方案,如果你不知道怎么配色,也不想去任何配色网站,可以套用下面提供的几组:
如果你连上面,我所提供的,现成的配色方案都不想用,那么,你只能借助 PowerPoint 软件自带的配色方案了,也非常好用。
总之,方法给你了,选择哪一种,由你决定。
另外,在这里,再去补充一个关于配色的小功能,叫做取色器。如果你想使用前两种方法进行配色,那么,你可以使用这个小功能,进行色彩的提取。
到这里,关于配色,你还有不懂的吗?如果没有,咱们继续往下走,来说说关于图标。
在 PPT 制作中,很多人会去使用小图标,但是,我想说的是,大多数人都在盲目地使用图标,不能够真正地发挥出图标应用的价值。
所以,如果想要用好图标,第一步,你需要知道,图标是干什么用的呢?
大概可以分为3种用途。拿本课件中使用的小图标,来举一些例子。
可以用在目录页,以进行章节概述;
可以用在文字较多的页面,用来辅助内容理解;
可以与图片结合,用来解释图片的含义;
好了,说完了方法,接下来,就要向各位提供工具了。都有哪些网站,可以快速地找到海量的小图标呢?
推荐两个:
好了,说到这里呢,已经说了文字、图片、配色以及图标的使用和处理。每一个部分,不仅授之以渔,给了使用方法,而且,授之以鱼,给了现成的解决方案。
接下来,就要来跟各位谈谈一个比较“虚”的方面。
首先是 PPT 的效率。
掌握基本的几个快捷键,是必须的:
另外,母版也是一个很强悍的,提升效率的功能,你可以:
设定所有页面的背景;
设定版心区域;
设定 LOGO 或其他素材,使其出现在每一页;
设定配色方案;
设定字体搭配方案;
设定文本框的样式;
设定形状的样式;
......
除此之外,还有一个利器,叫做格式刷,可以快速地 COPY 一种样式到另一个元素身上。
上面说的是操作思路,那么,下面跟各位来聊聊内容的写作思路。
如何梳理内容逻辑?使之更加容易被人理解。
如果想要实现这一目的,首先,你要做的,是厘清自己大脑中的想法,借助笔记或者思维导图工具,可以把大脑中的万千思绪做一个全面的整理,从而确定内容之间所存在的主次关系。
随后,按照整理后的思路,把经过筛选的内容依次地放到相应的页面上:
当然,接下来就是确定基本的设计风格了。可以从这几个方面来进行考虑:
幻灯片的观众和使用场景?
字体?
配色?
素材?
等等。
最后,基于内容的逻辑关系,进行排版,从而达到突出重点和逻辑清晰的目的。
上面所说的,基本上已经涵盖了一套幻灯片的大多数知识点,接下来,跟各位分享一些学习的经验。
如何模仿?以及一些学习资料推荐。
很多人在模仿时,喜欢挑一些看起来很复杂的页面去模仿,这是一种正常的心理,因为要让自己觉得时间花的值。
但是,不得不说,这样反而会让自己陷入一种孤立化思维的僵局,学会了百般技术,到头来还是做不出一套优秀的幻灯片。
所以,从整体来模仿,思考别人为什么这么做?这一点很重要。
当然,多看一些案例,也会帮助你积累一些优秀的版式,这样,在你去确定如何对内容进行排版时,会省下不少思考的时间。
最后的最后,有一些推荐。
最系统的教材,往往是书,所以,推荐几本还不错的教材:
除了书,多看一些作品,也是很有帮助的。能够帮你内化一些书中的理论知识,所以,推荐一些常见的幻灯片类型:
以上,就是本课件所分享的全部内容。学习进步的过程,其实就是将理论内化,进入自身学习体系的过程。
最后,再次感谢旁友 姚利 ,本次课件的内容和制作全部由他完成,我只是根据他制作的课件,添加了简单的文字解释说明。
另外,经姚利授权,在旁门左道发布课件 PDF 版。如果你对课件感兴趣,可以在微信公众号:【旁门左道PPT】对话界面回复【姚利】二字,即可拿到本课件。
