mBlogWebやアプリのデザイントレンドを紹介。色相環を使ったカラーパレットのシミュレーターPocketTweet色選びのお供、色相環を使ったカラーパレットのシミュレーターです。この手のツールによくある、カラースキームを選んでパレット生成するという機能に加え、イラストやテクスチャを使った簡単な作例生成まで行える点が特徴です。用意されている5つのカラースキームから好きなものを選びましょう。Complementaryは対面にある色(補色色相)、Analogousは隣り合う色(類似色相)、Triadは正三角形、Split-Complementは二等辺三角形(分裂補色)、Squareは四角形の配色となります。次に色相環の中から基調とする色を選択します。するとカラースキームに沿ったカラーパレットが生成され、色相環の下にはイラストとテクスチャで作例を表示してくれます。カラーコードの生成や、グラデーションを使った例も作ってくれます。選んだ色を使ってどんな雰囲気になるのかすぐに確認できる点がとってもナイスです。カラーパレットギャラリーPocketTweetクールなカラーパレットをギャラリー形式で紹介するサイト。色にマウスオーバーするとHEX指定での値が出ます。紹介されている数はそれほど多くないけど、多分今後増えるんでしょう。配色決める際のネタ探しに使えそうです。グラデーションのギャラリーサイトPocketTweet綺麗なグラデーションのギャラリーサイト。2色で形成されたグラデーションを延々と見るだけのサイトです。綺麗なのでわりと見ちゃいます。マウスでの操作以外にキーボードの十字キーにも対応しているので、サクサク見る事ができます。Enterキーを押す事でCSSコードを取得する事もできます。7以降によく使われる類のグラデーションという感じ。グラデーションのネタ探しにナイスです。色相環を使ったカラージェネレーターPocketTweet色相環を使ったカラージェネレーター。これすっごい便利です。Step1で任意の色をまずは選んで、Step2で配色形式を選ぶ事で簡単にカラーハーモニー(配色)を抽出する事ができるというもの。配色形式はボタンで表されているので分かりやすいです。テトラード(4色配色)となっており、最初に選んだ1色をキーカラーに、それぞれ対応する色を吐き出してくれます。色はHEX指定で生成されますが、クリックするとCMYKとRGBでの指定値も見ることができます。配色に困った時にとってもナイスです。したセオリーに頼りすぎるのも良くないとは思うんですけどね。様々なWeb系ブランドのカラーコードをまとめたサイトPocketTweet様々なWeb系ブランドのキーカラーを抽出したサイト。複数の色が使われるブランドにおいては、それらの配分についても分かりやすく紹介されてます。各カラーパレットにマウスオーバーする事で16進法、RGB、HSLそれぞれの色指定を見る事ができ、クリックでクリップボードに色情報が転送されます。Youtubeなどが挙げられます。なんかこうサービス名を羅列している最中、あーなんか自分って多くのWebサービス使って生きてんだなぁ・・・とか思いました。いやまぁ便利なのはイイ事なんですけどね。デザイナーの生産性を上げるための、カラーツールまとめPocketTweetWebデザイナーが生産性を上げるためのカラーツールをまとめた記事。色に関するオンラインツールがカテゴリごとに分けて紹介されてます。上からカラーパレット生成、カラーピッカー、カラーセオリーに関する補助ツール、CSSグラデーション生成、カラーサジェストツールという順番です。それぞれ複数のサイトが紹介されていて、目的に応じて色を選んだり抽出したり、理解を深める事ができます。この手の便利サイトはデザイナーなら知っておいて損はないですね。色とロゴで見るウェブサービスの傾向PocketTweet色で見るウェブサービス。3つのインフォグラフィックが紹介されていて、1つめはカラーパレット上に有名どころのウェブサービスやIT企業のロゴを並べてみるとこんな感じ、というなかなか興味深い試み。2つめはロゴの色分布。青と赤に集中しているのが分かります。3つめは企業サイトのFaviconを利用者数が多いほど大きく表示してみた、というもの。楽天といった日本のサービスも見れます。どれもロゴと色とを関連づけた興味深い試み。赤でデザインされたクールなウェブサイトPocketTweet赤を基調としてデザインされたクールなウェブサイトを集めた記事。50ものサイトがまとめられています。赤い彗星的にこれはなかなかホットなまとめ記事。実際赤って、インパクトのあるデザインを狙う時によく使うんですよね。この中には入ってませんが、赤と言えば個人的にTEDのデザインがシンプルで好き。