手机界面的色彩搭配与视觉效果.
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
9、手机界面的色彩搭配与视觉效果
色彩的重要性 设计中最具表现力和感染力的因素来源于色彩，它可以让人在视觉感官上产生一些生理、心理和类似 物理的效应，并形成丰富的联想效果、深刻的意义及独特的象征性。人的视觉效果的反应来自色彩的物理
性质方面，Leabharlann Baidu如冷暖、远近、轻重、大小等。
（1）温度感。在色彩学上，不同的色相的色彩可以划分为热色、冷色和温色。热色包括红紫、红、橙、 黄到黄绿色，其中以橙色为最热。冷色包括青紫、青到青绿色，其中以青色为最冷。红与青色混合成紫色， 黄与青色混合成绿色，这些都是温色。 （2）距离感。进退、凹凸、远近可以使人感觉到不同的色彩，具有前进、凸出、接近的效果一般由暖 色系和明度高的色彩显示出来，反之效果由冷色系和明度较低的色彩显示出的。 （3）重量感。明度和纯度高的显得轻，例如桃红色、浅黄色。 （4）尺度感。暖色和明度高的色彩具有扩散作用，物体就会显得大一些；冷色和暗色则具有内聚作用。
操作是采用吸管工具，将APP界面中面积最大的几种颜色提取出来。 （2）配色软件 Real Colors Pro 是一款手机上的色彩搭配工具。除支持直接调用图片进行色彩分析外，还可以通过摄 像头实拍功能进行外界色彩的抽取和搭配。 （3）配色网站 Flat UI Colors网站（http://flatuicolors.com/），用户可以单击相应色块查看RGB和十六进制颜色值。
Kuler是Adobe公司推出的免费配色软件（http://kuler.adobe.com），用户可以直接登录网站查找配色 方案。
色彩的分类 色彩分为原色、间色、复色和补色4类。按色彩的色调色系（冷、暖、明、暗、软、硬）、色彩的情
感表达（喜、怒、哀、乐）、色彩的呈现状态（安静的、活泼的、典雅的、清新的）不同，可以划分出多 种不同的类别组合。 色彩搭配方法 （1）参考同类APP案例
根据APP行业、风格和定位，去寻找同类APP的常用色彩搭配组合。使用APP色彩搭配组合图，具体
色彩的重要性 设计中最具表现力和感染力的因素来源于色彩，它可以让人在视觉感官上产生一些生理、心理和类似 物理的效应，并形成丰富的联想效果、深刻的意义及独特的象征性。人的视觉效果的反应来自色彩的物理
性质方面，Leabharlann Baidu如冷暖、远近、轻重、大小等。
（1）温度感。在色彩学上，不同的色相的色彩可以划分为热色、冷色和温色。热色包括红紫、红、橙、 黄到黄绿色，其中以橙色为最热。冷色包括青紫、青到青绿色，其中以青色为最冷。红与青色混合成紫色， 黄与青色混合成绿色，这些都是温色。 （2）距离感。进退、凹凸、远近可以使人感觉到不同的色彩，具有前进、凸出、接近的效果一般由暖 色系和明度高的色彩显示出来，反之效果由冷色系和明度较低的色彩显示出的。 （3）重量感。明度和纯度高的显得轻，例如桃红色、浅黄色。 （4）尺度感。暖色和明度高的色彩具有扩散作用，物体就会显得大一些；冷色和暗色则具有内聚作用。
操作是采用吸管工具，将APP界面中面积最大的几种颜色提取出来。 （2）配色软件 Real Colors Pro 是一款手机上的色彩搭配工具。除支持直接调用图片进行色彩分析外，还可以通过摄 像头实拍功能进行外界色彩的抽取和搭配。 （3）配色网站 Flat UI Colors网站（http://flatuicolors.com/），用户可以单击相应色块查看RGB和十六进制颜色值。
Kuler是Adobe公司推出的免费配色软件（http://kuler.adobe.com），用户可以直接登录网站查找配色 方案。
色彩的分类 色彩分为原色、间色、复色和补色4类。按色彩的色调色系（冷、暖、明、暗、软、硬）、色彩的情
感表达（喜、怒、哀、乐）、色彩的呈现状态（安静的、活泼的、典雅的、清新的）不同，可以划分出多 种不同的类别组合。 色彩搭配方法 （1）参考同类APP案例
根据APP行业、风格和定位，去寻找同类APP的常用色彩搭配组合。使用APP色彩搭配组合图，具体