先声明 以下图片都来源于网络仅供参考

对于学习UI设计不知道方法没有任何经验或者想自学，想入门UI设计，继续提升自己的都可以加入我们的UI设计学习交流群434953627，获取十年资深UI设计资源和一万种设计字体资源，群内资源共享。

一个可以在线创建信息图形、演讲的工具——Visme——的设计团队，创作了一份很漂亮的色彩搭配清单，共 50 个色谱。即便是饱和度很高的冷暖色调组合，看上去也毫无违和感。

来源：DIGITALSYNOPSIS

1.蓝色落日 Blue Sunset

2. 经典复古 Classic and Retro

3. 发光的蓝色和绿色 Shimmering Blues and Greens

4. 沼泽上的黄昏 Sunset Over a Swamp

5. 地中海蓝 Mediterranean Blues

6. 奇异兰花 Exotic Orchids

7. 宁静致远 Sophisticated and Calm

8. 洋红和黄色 Magentas and Yellows

9. 蓝色山峰和云 Blue Mountain Peaks and Clouds

10. 橙色夕阳 Orange Sunset

色彩基础知识

色彩分为无彩色系和有彩色系，无彩色系是指白色、黑色、各种深浅不同的灰色；有彩色系是指红、橙、黄、绿、青、蓝、紫等颜色。

关于色彩的更多理论知识这里不做展开，大家自行脑补色相、纯度、明度、对比、性格等等方面的理论知识。

建立色彩库

作为初级设计师我们对配色的把控不是很稳定，为了提高工作效率，我们需要通过一些理性的方式建立大量的色彩库，应对不同的需求。

11. 回到二十世纪五十年代 Vintage 1950s

12. 鲜艳与复古 Vivid and Retro

13. 装饰红和 黄Ornamental Reds and Yellows

14. 绿松石和红 Turquoise and Red

15. 蓝色茅膏菜 Blue Sundew

16. 经典70年代 Classic 70s

17. 哥特建筑 Gothic Architecture

18. 火红暮色 Fiery Red Landscape

19. 城市天际线 Urban Skyline

20. 自然典雅 Natural Elegance

21. 夏日蓝莓 Summer Blueberries

22. 码头上的海鸥 On the Dock of the Bay

23. 泥土绿 Earthy Greens

24. 老汽车和牛仔裤 Old Car and Blue Jeans

25. 丰富的浆果 Berries Galore

26. 清爽宜人 Refreshing and Invigorating

27. 平静轻松 Serene and Relaxing

28. 浅绿色 Aqua Greens

29. 夏日假期 Summer Vacation

30. 朦胧月色 Twilight Moon

31. 瑞士草地 Swiss Meadows

32. 热带野生动物 Tropical Wildlife

33. 孩童游戏 Child’s Play

34. 汉堡落日 Sunset in Hamburg

35. 水中柠檬 Lemon in Water

36. 灵动浪漫 Inspirational and Romantic

37. 伦敦河畔 Riverside London

38. 黑色和亮橙色 Black and Bright Orange

39.印度旷野 Indian Fields

40. 爵士之夜 Jazz Night

41. 明亮活力 Bright and Energetic

42. 朴实自然 Earthy and Natural

43. 捷克建筑 Czech Architecture

44. 蓝色音调 Blue Accent

45. 万花筒 Kaleidoscope Illusions

46. 冬日的谷仓 Winter Barn

47. Bright and Fruity

48. 紫色蒜头 Purple Garlic

49. 大自然的颜色 The Colors of Nature

50. 富丽东方 Oriental Opulence

下面列举部分个人比较常用的方式供大家参考，色彩收集的方法有很多，我们只需要掌握几个比较适合自己的即可，只要养成习惯并长期坚持，哪怕只运用一种方式，也是收获颇丰的。

a. 通过各类APP采集色彩

体验不同领域的APP，建立不同领域对APP色彩组合的选择，为后期项目设计奠定基础。根据主色进行分类，如红色系列：网易云音乐、京东、网易严选、网易考拉等等；也可以根据产品气质分类，如文艺、时尚、科技、可爱等等。

b. 通过Dribbble采集色彩

在Dribbble上面，每一幅作品右侧都有该作品的配色文件，发现优秀的作品要养成这种采集配色文件的习惯。

c. 通过摄影作品采集色彩

通过优秀的摄影作品采集色彩也是常用的方法之一。

采集方式：

Photoshop打开图片  →   存储为Web所用格式→  选择GIF格式  →  颜色选择 8  →  颜色表中双击色块  →  拾色器

d. 通过马赛克采集色彩

借助Photoshop滤镜将图片进行马赛克处理，可以得到优秀作品或者摄影图片的配色组合，特别适合采集同色系的配色。

采集方式：

Photoshop打开图片  →  滤镜  →  像素化→  马赛克  →  设置单元格大小

e. 从电影中采集色彩

相信大家都喜欢看大片，这部片子之所以能得到大家的追捧，必定有太多值得大家学习的元素。作为神经敏感的设计师群体，那些刺激到我们神经元的优秀影片场景总是不能错过的。

方法不在于多

而在于

习惯和坚持

3.3、提高审美，增强感性判断力

配色能力虽然可以通过一些理性的方法提高，但是也存在一定的感性判断。配色中细微的差异往往都是感性的判断，我们需要不断的欣赏摄影、绘画、设计作品等等，综合的提高自身的审美，才能不断增强感性的判断力。

作为UI设计师，你不能只关注界面设计，你可以看平面作品、摄影绘画、影视动效，体验手工艺制作、运动娱乐、细心的体验生活中的每一次变化。

养成分析的习惯

要想拥有良好的配色能力，积累的过程是很重要的。当我们看到优秀的作品，要分析配色之间的对比关系、颜色在色环上的位置关系、HSB数值的关系等等。只有不断的分析和总结才能逐步形式自己的思维方式，提高不同配色的把控能力。

分析的习惯不只是运用在色彩上面，对于版面布局、文字信息的处理、icon设计风格、间距留白等等方面都需要不断的进行分析总结，掌握优秀作品的规则才能形成自我的标准习惯。

扫一扫加入UI设计学习交流群，获取UI设计免费学习教程