Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Category Archives: Design

[Color] Color Supply – 色相環を使ったカラーパレットのシミュレーター

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

色選びのお供、色相環を使ったカラーパレットのシミュレーターです。この手のツールによくある、カラースキームを選んでパレット生成するという機能に加え、イラストやテクスチャを使った簡単な作例生成まで行える点が特徴です。まずは用意されている5つのカラースキームから好きなものを選びましょう。Complementaryは対面にある色(補色色相)、Analogousは隣り合う色(類似色相)、Triadは正三角形、Split-Complementは二等辺三角形(分裂補色)、Squareは四角形の配色となります。次に色相環の中から基調とする色を選択します。するとカラースキームに沿ったカラーパレットが生成され、色相環の下にはイラストとテクスチャで作例を表示してくれます。またカラーコードの生成や、グラデーションを使った例も作ってくれます。選んだ色を使ってどんな雰囲気になるのかすぐに確認できる点がとってもナイスです。

[Color] LOL Colors – カラーパレットギャラリー

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

クールなカラーパレットをギャラリー形式で紹介するサイト。色にマウスオーバーするとHEX指定での値が出ます。紹介されている数はそれほど多くないけど、多分今後増えるんでしょう。配色決める際のネタ探しに使えそうです。

[Design Gallery] iTunes Artworks – iTunes Storeに掲載されたバナーのギャラリー

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

iTunes Storeに掲載されたバナーのデザインギャラリー。MusicストアやMovieストア、Appストアを見るとiTunesのウィンドウ上部に出る横長のアレです。iPhone Appのバナーを以前作った事があるんですが、アレってAppleから「掲載するからバナー用画像このサイズで作って」って感じで依頼が来るんですよね。そうした依頼が来た際のネタ調として使えそうです。iTunes用のバナーって角が丸かったり独自のサイズだったりするので、これ専用に作る必要あるんですよね。ジェニファー・ローレンスたんかわいいよジェニファー・ローレンスたん。

[Color Palette] ColorFavs – 画像からカラーパレットを生成してくれるサイト

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

写真などの画像ファイルからカラーパレットを生成してくれるサイト。使い方は簡単で、サイト内の点線エリア内に画像ファイルを放り込むだけ。少しだけ待たされた後、パレットを生成してくれます。パレットの色数なんかは全部自動のようです。Webサイトのスクリーンショット放り込んでパレット抽出したりするのにイイですねこれ。

[Color Palette] Tint UI – プラットフォームやブランドごとのカラーパレット

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

各種プラットフォームやブランドごとのカラーパレットをまとめたサイト。プラットフォームに関してはiOSやAndroid、Windowsが、ブランドとしてはTwitterやFirefoxなどが紹介されてます。またPantone 2015やフラットUIなどの流行色的なものも紹介されてます。それぞれのカラーパレットはクリックする事でHEX指定でクリップボードでコピーされるので、Photoshopなどのグラフィックツールで使いやすいです。

[Design Gallery] Baubauhaus – 印刷物やポスターなどのデザインギャラリー

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

印刷物やポスター、写真、グラフィックデザイン、タイポグラフィーなどのデザインギャラリー。おそらく限定はしてないんだろうけど、印刷物寄りの作例が多いです。世界各地のクールなデザイン物が集められていて、チラホラ日本の作品もあります。集められている作品はどちらかと言うと大衆向けというよりはデザイナーが好みそうな趣味のものが多く、デザインに関わる仕事をしている人ならイイ意味でインスピレーションを刺激されるサイトだと思います。

[Photoshop] 40 New Photoshop Tutorials to Learn Some Techniques – フォトショップを使ったチュートリアルまとめ

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

Photoshopを使って作られた作例と、そのチュートリアルを50例まとめた記事。この手のまとめ記事であまり見たことがない作例が多かったので紹介。内容は様々で、ピクセルアート、テキストエフェクト、写真加工、グラフィックデザインなど色々あります。数が多いのでネタ探しにもいいし、アートワーク作る時に重宝しそうなまとめ記事でした。

[Photoshop] 50 Photoshop Tricks for a Fast-Paced Work Environment – 作業を効率化するフォトショップのトリック

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

作業を効率化する、Photoshopのトリックという記事。ショートカットの表現がとても見やすいです(Macユーザー準拠です)。紹介されてる中からいくつかピックアップすると、透明度指定、ツールバー関連のショートカット、定規のオン・オフ、カスタムバインド、テキスト入力に関するTips、レイヤーやマスクに関するトリック、フルスクリーン表示やズームに関するショートカット、Optionキー特集(これ特に良かった)などがあります。いやこれなかなか役に立つ記事ですよ。Photoshopでの作業をできるだけ効率化したいショートカット厨の人にオススメです。