2021-3-10 20:30:26 [显示全部楼层]
2068浏览
查看: 2068|回复: 0

[Technovation] 【Technovation官方中文教程】创业精神3 - 配色方案

[复制链接]
本帖最后由 szjuliet 于 2021-3-10 20:30 编辑

教程地址:https://bit.ly/TGirlsCN-Entr3
返回教程目录:https://mc.dfrobot.com.cn/thread-308465-1-1.html

创业精神3:配色方案
  
本节课将帮助您借助品牌化评价标准获取积分。
  
  
本节课中,您将……
  
●        选择用以展示和体现品牌的配色方案。
  
  
关键术语与概念
  
  
●        配色方案 – 搭配使用的颜色组合。
  
  
启发
  
  颜色  
您已确定了品牌名称与品牌个性。本节课中,就将挑选一些颜色,进一步构建品牌个性了。颜色代表与之相关的情绪,能让人产生特殊感觉,您知道吗?部分颜色代表的主要含义如下所示。颜色含义会因不同国家或文化的不同而不同。因此,您应查询了解目标受众认可的颜色含义。
  
  
   
红色
   
热情、上进、重要与变革
   
橙色
   
参与、活跃、廉价和活力
   
黄色
   
快乐、友好、警示与智慧
   
绿色
   
自然、稳定、繁荣与诚实
   
蓝色
   
平静、信赖、诱人与忠诚
   
紫色
   
奢侈、神秘、浪漫与振奋
   
棕色
   
质朴、坚定与纯朴
   
黑色
   
强大、成熟、前卫与拘谨
   
白色
   
洁净、正直、健康与无辜
   
灰色
   
中性、正式、阴郁与谦逊
  
  
  
利用您对品牌个性的理解,以及对主要与颜色相关的目标受众的情绪与品质的认知,选择颜色。
  配色方案  
组合配色,会让颜色具有最佳表达效果!开始前,让我们先深入了解一下颜色的搭配方式。您可能曾看到过如下所示的色轮:
  
【Technovation官方中文教程】创业精神3 - 配色方案图1
  
这个色轮包括3个色环,即:
  
●        位于色轮最内环的暗调(颜色变暗);
  
●        色调,指诸如红色、蓝色、绿色和橙色等颜色,均位于色环“中间环”;
  
●        位于色轮最外环的明调(颜色变明)。
  
正如您所见,即便选择了一种品牌颜色,也可以选择这种颜色的变色 – 无论选择完全饱和色调(非明调或暗调),与另一种颜色的混合色(比如橙红色),或明调暗调作为变色!
  
这样的选择能强化所选颜色对品牌品质的充分表达。比如,高度饱和的橙色色调可能代表***与冒险。若实际采用橙色色调中的橙黄色,则能传递出快乐、愉悦感。不过,若选择橙黄色中的暗调,可能带给人阴郁或甚至患病感!选择橙黄色中的明调,则能具有明亮与通透感。
  
颜色搭配的部分常见方式如下所示:
  
   
互补色组合将一种颜色与其在色轮中的对比色搭配。这样的颜色组合变化最多,尤其当两种颜色都是完全饱和色时。虽然大量使用对比色组合会使效果过分强烈,但能将受众的注意力引向希望突出的内容。
   
【Technovation官方中文教程】创业精神3 - 配色方案图2
   
分散互补色组合与互补色配色方案类似,不同的是其中一种颜色由其位于色轮两侧的各一种相近色取代,从而在保持明显对比的同时,降低互补色配色方案效果的强度。
   
【Technovation官方中文教程】创业精神3 - 配色方案图3
   
相似色组合指色轮上相邻颜色的组合,能带来平静与平和之感。不过使用时,一定要能形成足够的对比,以便让品牌视觉效果一目了然。
   
【Technovation官方中文教程】创业精神3 - 配色方案图4
   
三合一颜色组合由色轮上间距相等的3种颜色构成。即便采用明调或暗调三合一颜色组合,也能产生非常粗狂与活跃之感。
   
【Technovation官方中文教程】创业精神3 - 配色方案图5
   
  
活动 - 选择颜色
  
  
与团队一起找出最能代表品牌个性的一种颜色。比如,若希望目标受众将产品视为***与新颖的代表,可以选择橙色。因为橙色最能代表品牌。回顾上一节营销课“我们是与我们不是”活动中,您挑选用于描述品牌的文字。
  
  
活动  - 选择配色方案
  
  
您已经选择了一种颜色。祝贺您!尽管如此,还是先不要开始制作每一种可视化素材。和团队成员一起,选择配色方案。将前述活动中挑选的颜色作为原色,再依据原色从色轮中挑选其他颜色。有助于您轻松选择颜色的部分资源如下所示:
    
●    Palattable
  
若选择的颜色未包含在App  Inventor预设中,没关系!参照以下关于如何将新颜色添加到App Inventor中的说明操作即可。
  
提示:陷入困境了?那就从一张照片开始吧!找出或拍摄关于有助于识别您品牌的某物的一张照片。某物可以是地点、物体或任何其他!大量示例参见blog  post
  
  
举一反三
  
  
既然选定了配色方案,就可以将其用于所开发的应用程序、徽标和商业方案了(若所在团队是高级团队)。在下一节营销可中,您将先选择品牌字型,再创建徽标。
  
  
其他资源App  Inventor Thunkable中运用配色方案
  
  
若所选颜色未包含在App  Inventor或Thunkable预设中,不要担心。如何定制颜色用于App Inventor如下所示。
  
要将新颜色添加至App  Inventor和Thunkable中,您需要知道颜色的三原色值。您可能已经从前述配色工具中找到了该值。如果没有,那就使用以下工具找出所选颜色的三原色值:三原色颜色识别器 。若想了解与三原色值有关的更多资讯,请参见以下章节。将所选颜色保存为变量,可以有助于您将其用于所开发应用程序中!具体方法如下所示:
  
   
App Inventor
   
Thunkable
   
【Technovation官方中文教程】创业精神3 - 配色方案图6
   
【Technovation官方中文教程】创业精神3 - 配色方案图8
  
  颜色的三原色值  
若有人告诉您“浅蓝绿色”,您就能知道所说的这种颜色是怎样的。但计算机不知道,因此要依赖于所谓的三原色值,才能知晓这种颜色是怎样的。
  
三原色值由3组数字组成,用于向计算机描述颜色。第一组数字代表计算机可以识别的红色的色度,第2组代表绿色色度,第3组则代表蓝色色度。每组数字可取值0至255间的任意数。举例如下:
  
  
   
黑色
   
(0,0,0)
   
   
白色
   
(255,255,255)
   
   
灰色
   
(128,128,128)
   
   
红色
   
(255,0,0)
   
   
绿黄色
   
(0,255,0)
   
   
蓝色
   
(0,0,255)
   
   
黄色
   
(255,255,0)
   
   
紫色
   
(128,0,128)
   
   
青绿色
   
(0,128,128)
   
   
绿色
   
(0,128,0)
   
   
深蓝色
   
(0,0,128)
   
   
红褐色
   
(128,0,0)
   
  
  
App Inventor中添加颜色的其他方法
  
参见颜色列表 即可获知在App Inventor找你过添加颜色的另一种方法。该列表列出了以数字代码表示的数种颜色。输入颜色代码-8388652,我们就能让按键颜色变为浅蓝色。
  
【Technovation官方中文教程】创业精神3 - 配色方案图7
  
按键颜色效果如下所示:
  
【Technovation官方中文教程】创业精神3 - 配色方案图9
  
Thunkable中添加颜色的其他方法
  
输入色调(0-360)、饱和度(0-100)和明度(0-100),就可以另一种方式将颜色添加至Thunkable。输入框如下所示:
  
【Technovation官方中文教程】创业精神3 - 配色方案图10
  
登陆谷歌颜色挑选器后点击“显示颜色明度”后,可以选择、着色并查看三原色和色调、饱和度与明度数值。注意,当彩虹滑块上的旋钮滑至最左侧时,色调、饱和度与明度中的色调值为0º;滑至最右侧时,则为360º。
  
【Technovation官方中文教程】创业精神3 - 配色方案图11
  



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail