What is Color

Transcript

1. UI设计小组分享 1 Go What is color ? ——认识颜色&配色 UI设计小组分享 By: Ding yi 2014/04
2. 颜色的语言：1.色彩联想
3. 太阳 火焰 热血 爱情 喜悦 欢快 热情 丌安 危险 嫉妒 .
4. 温暖 明朗 能量 成熟 时髦 创造力 欢喜 喧嚣 健康 甘美 .
5. 聪明 希望 光辉 才智 庸俗 理想主义 乐观 欺骗 平凡 泼辣 警告 .
6. 生长 安全 和平 城市 新鲜 成功 种植 和谐 自然 健康 青春 .
7. 学识 智慧 寒冷 理想 沉思 深远 联想 悠久 理智 无限 平静 永恒 .
8. 智慧 优雅 高贵 奢侈 想象 女性化 神秘 高尚 财富 忧郁 古朴 .
9. 忧郁 黑暗 能量 健康 叛逆 时髦 成熟 创造力 粗鲁 .
10. 悲哀 纯洁 恐怖 清洁 示弱 明快 贞洁 投降 .
11. 智能 平衡 老龄 优雅 谦虚 成熟 古典主义 安全 可信 厌倦 平凡 丌确定 失意 .
12. 颜色的语言：1.搭配表达
13. 洁净的 Clear
14. 甜美的 Sweet
15. 朦胧的 Kitschy
16. 热闹的 Bustling
17. 可爱的 Endearing
18. 大地的 Earthly
19. 取色——在UI设计中的应用 UI设计中的基本配色表： 主辅色、边框色、背景色、 填充色、文字色、交互色
20. 取色——向大自然取色：秋天主题 配色表 在设计一个作品时，我们需要寻找素 材不灵感，大自然就是一个很好的资 源！
21. 取色——向大自然取色：秋天主题 下面，我们就可以拿着这套配色 表应用在设计中了！ 右边是一个设计例子：
22. 取色——实例1 配色表
23. 取色——实例2 配色表
24. 拾色器——取色工具 取色区域 当前 颜色 颜色模式
25. 色相环——以“度”为单位 • 同色系：色相相同，仅饱和度 &明暗度变化 • 互补色：互成180° • 类似色：间隔60° • 对比色：互成120°~150° • 临近色：间隔30°
26. 色彩搭配——单色搭配 单色配色 Monochromatic ：以单一颜色作为基础色，再以饱和度、亮度变化出其它他配色
27. 色彩搭配——类似色搭配 类似色配色 Analogic ：以一个主色搭配在他两旁等距的两个类似色
28. 色彩搭配——原色搭配 三分色配色 Triad ：除了在一些儿童产品中，三原色同时使用是比较少见 的
29. 色彩搭配——补色搭配 互补色配色 Complementary ：互补色能形成强烈的对比效果，传达出活力、能量、兴奋等意义
30. 色彩搭配——分裂补色 互补类似色配色 Accented Analogic ：以三个类似色为基础，再加上一个对比色，构成的一种有效配色法
31. 丁怡 UI Designer @UED Team * 演讲中所引用的素材来自网络