[Sketch] Sketch Repo – Sketch関連のリソース紹介サイト
Sketchに関するリソースの紹介サイト。UI作例やWebデザイン作例、アイコン、各種デバイスモックアップなどへのリンクが紹介されています。各リソースはタグ付けされているので、目的の素材も探しやすそうです。ちなみに同じコンセプトのPSD版サイトであるPSD Repoというのもあるようです。素材探しの際に重宝しそうです。
Tag Archives: Photoshop
[Freebie] 100+ Best Free Badges Vector & PSD – バッジ画像まとめ
Webのビジュアル制作なんかでたまに使うバッジ類の素材をまとめた記事。いわゆる「xx%オフ！」とか「今だけお得！」みたいなアピールしたい時に使うアレですね。ショッピングサイト運用時の素材なんかに良さそうです。
[Freebie] 20 Free PSDs to Mockup Your App Interface Designs – UIデザインに関するフリーのPSDモックアップまとめ
UIデザインをする上で役立つモックアップPSDをまとめた記事。20の作例が紹介されています。記事内ではUIデザインのためのモックアップ、iPhoneデバイスモックアップ、iPadデバイスモックアップに分けて紹介されています。メインとなるのは最初の項目だけど、どちらかというとUIパーツ類が揃ったテンプレートというよりは、製品のUIをより魅力的にユーザーに見せるためのデザイン作例という印象です。こんな感じの見せ方ってクールでしょ？的な。iOSユーザーは特にそうだけど、ダサい見た目のアプリって使いたいと思われないですからね。こういう工夫も大事ですよね。
[Photoshop Plugin] UberFaces – ユーザープロフィール写真のランダムジェネレーター
Webサービスなんかでよくある、ユーザーのプロフィール写真のランダムジェネレーター。Webデザイン段階でのモックアップ制作なんかに使えそうです。キャンバス上に範囲選択してボタン押すだけで配置できるというのはお手軽でイイですね。既存の複数のシェイプに対して一括で適用できるというのも便利。男女それぞれに限定する事もできるようです。いちいちWebから人の写真拾ってくる手間が省けそうです。
[Web Design] wwwhere – Web制作に必要な各種リソースをまとめたサイト
Web制作に必要な様々なリソースをまとめたサイト。あらゆるカテゴリの情報リソースやツール類がまとめられてます。各情報はカテゴリに分けて整理されており、例えば「Coding」→「Code Editor」と進めば、Webコーディングにおけるツール類（この場合は主にローカルアプリケーション）をまとめて見る事ができます。あとはその中から自分に必要なツールを選ぶだけ。Webの制作って以前に比べるとこうした既存のツールを組み合わせて使う機会がグっと増えたので、日常的に使うツールがまだ固まってない人なんかにはこういうサイトは便利かもしれません。新しいツールの発掘にもイイですね。
[Freebie] Flat Apple Devices Mockup – フラットデザインな、Apple製デバイスのPSDモックアップ
フラットデザインなアップル製デバイスのPSDモックアップ。iPhoneやiPadの他に、iMacやMacBook、あと今日から予約開始になるApple Watchなんかも入ってます。シンプルにデザインされているので、素材として使い勝手が良さそうです。さてそういうわけでもうあと1時間ちょいでApple Watchの予約始まりますが、とりあえずクレカの用意だけはしておきました。予約だけ済ませたら、銀座のアポスト行ってひゃっはー感を味わって来ようと思ってます。
[Pattern] The Ultimate Photoshop Patterns Collection: 2000+ Patterns – フォトショップで使えるパターンファイルまとめ
Photoshop用のパターンファイルをまとめた記事。パターンの数で言うと2000オーバーの数がまとめられてるそうです。パターンはそれぞれセットとして配布されてます。グランジやファブリック、唐草、アブストラクト、メタル、ウッド、ドット、ストライプなど色々あります。記事が書かれたのが2013年とちょっと古いんですが、なかなかの量まとめられてるのでパターンファイル探しの際に役立ちそうです。
[Photoshop] Grid Calculator – PhotoshopやIllustrator用のグリッドジェネレーター
PhotoshopやIllustrator用のグリッドを描画してくれるジェネレーター。全体の幅、カラム数、ガター幅（カラムとカラムの隙間）、左右のマージンをそれぞれ入力して、画面下部の「Download grid for」からダウンロードする事ができます。例えばPhotoshop用にダウンロードすると、.jsxファイルに.txt拡張子が付いた形でダウンロードできます。これの.txt部分をファイル名から削除してPhotoshopで開けば（ファイルをドラッグ＆ドロップでおｋ）新規書類がグリッド付きで生成されます。グリッドレイアウトでWebデザインする時に便利です。この手の機能はプラグインなどでもあるけど、シンプルにWebから生成できる点がとってもナイスです。