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