色彩工具 ❘ Material Palette
- 2018.08.29
- / 736 Views
Google 去年發表了 Material Design設計規範,為市場帶來了一波新的設計風潮。
在Material Design裡有一個特色是「在大面積色塊使用大膽的配色,利用動畫讓介面更生動活潑」,
如果你有注意到近期的應用程式或服務,不難發現有許多地方都已經使用了這種手法來重新設計,
也試圖在以往我們熟悉的設計中找到一條新的出路。
在Material Design裡有一個特色是「在大面積色塊使用大膽的配色,利用動畫讓介面更生動活潑」,
如果你有注意到近期的應用程式或服務,不難發現有許多地方都已經使用了這種手法來重新設計,
也試圖在以往我們熟悉的設計中找到一條新的出路。
而Material Palette它的用法很簡單,它協助你使用Material Design風格,
你只要找出想要搭配的兩種顏色,它就會顯示出兩種顏色搭配在一起的效果預覽,
並提供你較深或較淺的顏色選項,以及其他你可能會用到的顏色代碼。
你只要找出想要搭配的兩種顏色,它就會顯示出兩種顏色搭配在一起的效果預覽,
並提供你較深或較淺的顏色選項,以及其他你可能會用到的顏色代碼。
值得一試的理由:1. 操作簡單易懂。2. 將色票匯出、保存為七種不同格式。3. 能快速搭配出 Material Design 感的色彩!
▋ 如 何 操 作 How to use
Step . 01
開啟 Material Palette 網站後,任意選擇兩種顏色,它就會自動搭配、並顯示在結果頁面的預覽圖裡(如下圖),
這時候你可以判斷看看顏色是不是你喜歡的,或者繼續點選左邊的色塊來選擇其他配色選項。
這時候你可以判斷看看顏色是不是你喜歡的,或者繼續點選左邊的色塊來選擇其他配色選項。
Step . 02
如果想保留下當前的調色盤配色組合,點選「Download」後會出現許多格式,
包括 CSS、SASS、LESS、SVG、XML、PNG 和 POLYMER。
包括 CSS、SASS、LESS、SVG、XML、PNG 和 POLYMER。
Material Palette 將設計配色變得更簡單,利用它就能輕鬆搭配出很 Material Design 感的設計風格。
▋ 開 始 玩 色 彩