9個建立Material Design調色盤的有用工具

flowerwxc發表於2015-12-03

Material Design最顯著的特點之一就是使用大膽、鮮明的色彩。Material Design的色彩指導原則把色彩風格描述為“靈感來自大膽的色彩混合溫和的環境、強烈的陰影和鮮明的標記”。

如果你需要建立Material Design調色盤,下面這些線上工具能夠提供幫助。

  1. Material palette

在這個工具中,先選擇基礎色和著重色,然後它將會向你展示生成的調色盤的及時預覽並且提供多種下載方式。

  1. Material UI’s Material Design Colors

這是一個在一頁上呈現Material Design所有顏色的漂亮的參考手冊。

  1. Random Material Generator

你想要隨機的生成你的調色盤的顏色嗎?使用這款工具你可以隨機的選擇你的Materila Design顏色。

  1. Material Design Palette Generator

如果你對建立一個傳統的、類似Material Design調色盤感興趣的話,看一下這個工具吧。首先,你需要通過一個顏色選擇框(類似於影像編輯軟體中的顏色選擇框)指定一種顏色,這種顏色不一定存在於Material Design顏色中,然後這個工具將基於你選擇的顏色生成一張顏色表。

  1. Material Mixer

這個好用的工具的在一個方便對比的表格佈局中展示了所有的Material Design顏色,點選基礎色和著重色後可以看到預覽然後選擇你喜歡的調色盤。

  1. Material Colors

這個工具只展示了Material Design的500和A200顏色樣本。

  1. MaterialUp’s Material Design Colors

這時另一個讓Material Design視覺化的簡單工具,它並排顯示著基礎色,點選一個“顏色條”將會出現所有的跟這個顏色相關的顏色樣本。

  1. Tint UI’s Material Design

這個工具只展示了Material Design的500顏色。

  1. Designskilz’s Material Design Colors

這個簡單的工具能夠幫你視覺化帶有正式名稱所有Material Design的顏色樣本。

為影像編輯器準備的Material Design色彩外掛

如果你不喜歡線上工具,你可以在你的設計軟體中安裝一個整合了Material Design顏色樣本的外掛。

<1>For Photoshop / Illustrator: 谷歌提供了可下載的Adobe color files 讓在Photoshop和Illustrator中設計調色盤變得簡單。

<2>For Sketch: 檢視由Koji Ishimoto建立的開源的Material Design Color Palette Sketch Plugin

<3>For Gimp/Inkscape: 你有兩個選擇,KiSSFLOW建立的gimp-material-design-color-palette 和由Soichrio Kashima建立的material-design-colors。

圖片顯示不出來 可以轉到原文上看

原文連結:http://www.gbtags.com/gb/share/9516.htm

相關文章