Skip to content

60-minutes.biz

– 時間を縛ることで、時間を味わってみる –

マテリアルデザインカラーに対応する便利ツール5選

Posted on 2015年7月6日2015年7月6日 By ハマケン
このエントリーをはてなブックマークに追加
Tweet


こんにちわ、ハマケンです。
Googleが I/O 2014で発表した通り、これからマテリアルデザインの思想に沿ったサイトデザインや構成は非常に重要な位置づけとなってきそうです。

マテリアルデザインは個人的には視覚言語の一つとして認識しています。
デバイスやテキスト、人種など見る人や環境に左右されない色、効果、レイアウトなどをまとめたモノですね。

そういう面では今日よく見かけるフラットデザインとは少し違った役割を持って生まれてきている気がします。
今日はそんなマテリアルデザインのカラーパレットツールをご紹介します。便利だし、面白いものもありましたよ。

Color – Style – Google design guidelines


Advertisement


Material Design Color Palette Generator – Material Palette


非常に解りやすくて使いやすいツール。基準色を2色選定すると必要な色情報を教えてくれます。

Coolors – The super fast color schemes generator!


Coolorsは画面上に構成されるパレットを矢印で移動させたりすることで他の色とのコンビネーションを確認できるツールです。SVGとかPDFなど色々なファイル形式でダウンロードできるそうだが、見つかりませんでした。(ログイン後の機能かな。)

Stylify Me – Online Style Guide Generator


これは非常に便利で面白かったツール。
解析したいサイトのURLを入力すると、そのサイト内のバックグラウンドやフォントカラーなど様々な情報が表示されます。
これはサイト比較は勿論の事、自分たちが使おうとしている色がずれていないかどうかもチェックできますね。

カラーホイール | カラースキーム – Adobe Color CC


非常にアドビっぽいツールでございます。
品質もUIもアドビ品質。

Color Hex Color Codes


これは結構便利かも。
作った色情報などをCSSでコピーすることもできます。

いかがですか?
ちょっとダダーとご紹介してしまいましたが、5つ程ご紹介させていただきました。少しはお役に立てると幸いです。
それでは。

このエントリーをはてなブックマークに追加
Tweet

WEBページ作成系の記事 Tags:サイト作り

投稿ナビゲーション

Previous Post: 子供と一緒にフジロックを楽しむには?準備や心得を経験者ハマケンがお答えします。
Next Post: ブロガーなら利用したい画像の素材サイト4選。

More Related Articles

Analyticsのインタレストカテゴリを使ってますか?使えばユーザーの特性から分析が可能になりますよ。 WEBページ作成系の記事
焦らず離脱防止と継続だけを狙う事が、やる事を明確にする。と思う。 WEBページ作成系の記事
無料で使えるフリー画像素材、厳選5サイトをご紹介します。#無料 #無料画像 WEBページ作成系の記事
今週と前月のアクセス報告!May. 3rd – May. 9th.前月比+30%で順調な成長を更新中。 WEBページ作成系の記事
OGP設定しないとバイラルは得られないよ? WEBページ作成系の記事
今が踏ん張り時。今週のアクセス報告 Mar. 15th – 21st. WEBページ作成系の記事

検索

最近の投稿

  • 中学受験。偏差値30台から1年で60台まで引き上げる方法 | 夏まで編
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編2
  • 中学受験。偏差値30台から1年で60台まで引き上げる方法|塾選び編
  • TikTokの話は米中貿易戦争の一環に過ぎない。
  • 簡単すぎる!画像サイズを超絶小さくする方法
  • 約4ヶ月の在宅で解った、在宅アイテムBest10
  • コロナを通して知った、フルライフと言う生き方。
  • 【永久保存版】最高の #おうちご飯 をサポートする一流のシェフレシピ8選。
  • 今年も梅雨がやってくる。コンビニ傘からのアップデート「アイカサ」を利用してみてはいかがでしょう?
  • 緊急事態宣言が解けた後に小売業者がやらなくてはならない3つの事。

アクセスランキング

  • SoundCloud(サウンドクラウド)で商用利用可、改変可の音源を探す手順...
  • 【知らなかった】161年前の今日。浦賀に来た黒船の実写真があると知って俺の中で超...
  • Stores.jpが25,000店舗を突破。ショップ一覧を検索する方法も公開!...
  • ウィルス予防に知っておきたいマスクの知識を調べさせていただきました。...
  • 2020年、アパレルのオリジナル商品を作るならチェックしておきたいサイト4選 #...
  • 【動画】まるで「みえっちん」!特定のメガネからしか見えないディスプレイが完成!...
  • 【動画】コカ・コーラのOpen Happinessがカッコよすぎて、なんかヤル気...
  • 知っておきたい検索コネタ12個とStores.jpのショップ一覧を検索表示する方...
  • 仕事とは自分の仕事を無くすこと。上司に学んだ、とても大切なメモ。...
  • オリジナル商品が簡単に自分で作れるサービス7選!...

COVID-19 特集

グッと来た動画PR達

全ての小売店に捧ぐ

Copyright © 2023 60-minutes.biz.

Powered by PressBook Blog WordPress theme