返回

Material Design:用插件轻松配色,让你的设计脱颖而出

见解分享

前言

在设计的世界里,配色是一个至关重要的环节,它可以决定作品的成败。作为设计师,我们都渴望掌握精湛的配色技巧,让我们的作品脱颖而出。Material Design 色板以其广泛的应用和易用性而闻名,是设计界配色利器。本篇文章将介绍几个 Sketch 插件,它们将帮助你轻松应用 Material Design 色板,提升你的设计水平。

插件推荐

1. Material Design Palettes

Material Design Palettes 是一款简单易用的插件,它提供了 Material Design 的完整色板,并允许你快速选择和应用它们到你的设计中。只需单击几下,你就可以为你的项目找到完美的配色方案。

2. Colorplate

Colorplate 是一个功能强大的配色插件,它不仅仅提供 Material Design 色板,还提供了其他流行色板和色轮工具。使用 Colorplate,你可以轻松探索不同的配色方案,并找到最适合你项目的配色。

3. Color Picker

Color Picker 是一个轻量级的插件,它允许你从屏幕上的任何地方选择颜色并将其应用到你的设计中。这对于从现有设计或图像中提取颜色非常有用,从而确保你的配色方案与整体设计相得益彰。

使用 Material Design 色板

使用 Material Design 色板进行配色时,有几个关键原则需要遵循:

  • 保持对比度: 选择对比度较高的颜色,以确保你的设计具有视觉冲击力和可读性。
  • 遵循 60-30-10 法则: 在配色方案中,使用 60% 的主色,30% 的次要色和 10% 的强调色。这将创造一个平衡且和谐的配色方案。
  • 考虑色轮: 色轮可以帮助你了解不同颜色的关系和对比度。使用色轮来选择互补色或类似色,以创建不同的配色效果。


实践案例

让我们以一个实际案例来说明如何使用 Material Design 色板和插件来提升你的设计:

假设你要设计一个移动应用程序。你的目标是创建一个具有现代感和吸引力的应用程序。你可以使用 Material Design Palettes 插件选择一个与你的应用程序主题相匹配的色板。例如,你可以选择一个以蓝色调为主的色板,营造一种沉静而专业的氛围。

接下来,使用 Colorplate 插件探索不同的配色方案,并选择一个与你的品牌标识和应用程序功能相匹配的配色方案。例如,你可以选择一种蓝色和绿色的组合,既能反映应用程序的现代性,又能传达自然与活力的感觉。

最后,使用 Color Picker 插件从应用程序中提取其他元素的颜色,例如图标或背景图像。这将确保你的配色方案在整个应用程序中保持一致性,营造一种无缝且美观的体验。

结语

Material Design 色板是一个强大的工具,可以帮助设计师创建令人惊叹的配色方案。通过利用 Sketch 插件,你可以轻松应用 Material Design 色板,提升你的设计水平,并创建具有视觉冲击力和吸引力的作品。让这些插件成为你配色工具箱中的必备品,让你的设计脱颖而出,赢得用户的心。