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

Browse By

Category Archives: Material

[Icon] NounProject – シンプルなアイコン検索・配布サイト

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

シンプルなアイコンの検索&配布サイト。閲覧方法が色々と用意されていて便利です。一覧、最近のもの、カテゴリーごと、業種ごと、ポピュラーなもの、お気に入りと、好きな方法でブラウズできます。アイコンの詳細ページからダウンロードでき、ものによっては複数のアイコンデザインが存在したりしてます(カメラとか多いです)。また配布フォーマットがSVGという点もナイス。ベクターデータなので修正もラクチンですな。アイコンの素体探しにイイ感じです。

[PSD] Designmoo – PSDやベクターファイルの投稿とシェアができるウェブサービス

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

Webで使えそうなPSDやベクターデータ類の素材の投稿と、それらをシェアできるサイト。Webに限定してるわけではなさそうなんだけど、Webでよく使われるUI類が多い感じです。各サムネールをクリックすると素材の詳細に行け、そこからDLできるようになってます。投稿しているユーザーごとの抽出もできるので、気に入ったデザイナーの作品をまとめて見たりできます。素材の数も結構多いので、デザイナーのネタ帳としてナイスなサイト。最近話題のGumroadとは違い、無料なのもポイント。

[Javascript] 60 jQuery Plugins You Should Try Today – 今すぐ試すべき60のjQueryプラグイン

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

今日試すべき、ってあたりがなんかアレではありますが、まぁ海外のブログってだいたいこういうノリですよね。というわけでjQueryプラグインが60個紹介されてます。ジャンルは絞られてません。定番のスライドショーや画像スライダーはもちろん、テキスト関連ツールやグラフ描画、ToolTip、動きのあるナビゲーション、フォーム関連ツール、カレンダー描画など色々あります。目的を持ってプラグインを探すには適してませんが、ダラダラと読むにはイイ感じの記事。サイト内でちょっと変わった事したい時なんかにひとつ。

[Brush] 30 Sets of Free Crack Brushes for Photoshop – ヒビ割れた感じのフォトショップ用ブラシ

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

地面や塗料、セメントなどがヒビ割れた状態のブラシファイルまとめ。汚しを活かしたグランジデザインとかに使えそうな素材。Crackとか言っちゃうとちょっとアレですね、なんかイケない感じがしますよね。しませかそうですか。

[Javascript] Simple Modal – シンプルなModal表示JS

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

シンプルなModal表示JS。シンプルとはいえLightboxよりも多機能で、画像以外にもHTMLやVideo Embedなど様々なフォーマットに対応してます。これ系のLightbox亜種は色々ありますが、トランジションなども含めて綺麗な作りだったので紹介。個人的に残念なのはJSライブラリにmootoolsを使っている点。jQueryの方が色々使いやすい場面多いんスよねー。DLするにはアイコンをドラッグしましょう。あとこのサイト、リロードすると色が変わります。なんだかえらくかっこヨくてシビれました。

[Icon] Flat, simple icons for interface design – フラットでシンプルなアイコンセット

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

フラットでシンプルな作りのアイコンセットまとめ。結構多くのセットがまとめられてて、この手のシンプルアイコンを探す際に便利そう。有料・無料のものが混在して紹介されてますが、有料モノの方が若干多いかなーという印象。値段、アイコンの数、配布フォーマットなどもまとめられてる点がナイスです。

[Pattern] 100+ Impressive Black and White Patterns Collection – 白黒のパターン画像まとめ

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

白黒(グレースケール)の印象的なパターン画像まとめ記事。フォトショップ用の.pat拡張子のパターンファイルではなく、普通にgifとかjpgとかpngで配布されてます。フォトショで開いてパターン定義して、って流れですね。自分の場合レイヤースタイルとかブラシ類は細かくバックアップ取るくせに、パターンってついつい忘れてしまうので、よく使うパターン類まとめなきゃなーとか思っちょります。最近じゃテクスチャを活かしたデザインする機会多いですしね。

[Brush] A New Free to Download Photoshop Grunge Brushes – フリーのグランジブラシまとめ

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

フリーで配布されてるグランジデザイン向けのフォトショップ用ブラシまとめ。グランジーなデザイン以外にもヴィンテージ系のあしらいにも応用できそうです。ブラシストローク、塗料の剥がれた感じ、ラスト、ファブリック、メタル、レザーなどが揃ってます。汚し系のデザインする際の素材として是非。