[Freebie] uipixels – ハードウェアのモックやUIテンプレートを配布するサイト
ハードウェアのモックアップ素材や、WebやAppのUIテンプレートを配布しているサイト。素材のフォーマットは作例にもよるけど、Sketch、PSD、Aiなどがあるようです。いくつか詳細を見てみたんだけどどれも無料のようで、ダウンロードボタン押すとすぐに落とせます。面倒なメアド入力とかTwitterでリツイートするとか（あれ大嫌い）、わずらわしい手順がないのがステキ。素材探しに使えそうです。
Tag Archives: Mockup
[Mockup] Diverse Device Hands – タッチデバイスを手に持った状態の画像素材
各種スマホを手に持った状態の画像素材を、Facebookが公式に配布してます。機種はiPhone 6s、Microsoft Lumia 950、Nexus 5x、Samsung Galaxy Note 5の4つで、それぞれ4つのバリエーションが用意されています。ダウンロードするとSketchフォーマットと透過PNGのものが一式入っており、Sketchの方はディスプレイ部分がマスク処理されているので、画面デザインのハメ込みもサクっとできそうです。全機種に4パターンの肌色バリエーションを用意している点が、Facebook公式の素材っぽいなーとか思いました。モバイルAppの紹介ページなどで使えそうです。
[Mockup] MocKit 2.0 – 画像やWebサイトをiPhoneのモックアップにハメ込み合成できるサイト
任意の画像やWebサイトを、iPhoneのディスプレイ部分に表示させることのできるサイト。UIデザイン作例の確認や、Webのスマホ版レイアウトの動作確認に使えそうです。iPhoneも4色ラインナップされており、またHTMLとCSSでデザインされているのでソースコード一式をダウンロードする事もできます。ちょっとした確認作業や顧客へのデザイン確認などに使えそうです。
[Freebie] Designer Mill – Webや印刷の素材に使えそうなデザインリソースまとめサイト
Webや印刷物、UIデザインなんかに使えそうな様々なデザインリソースの配布サイト。PSDやSketch、AI素材なんかを紹介してます。各素材はカテゴリ分けされて掲載されているので、目的に応じた素材探しができそうです。まだわりと新しいブログのようで掲載数はそれほど多くはないんですが、紹介してる素材の趣味がイイので、数が増えたらスゴい便利なアーカイブサイトになりそう。
[Freebie] 22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition – フリーのWebテンプレートやPSDモックアップまとめ
フリーで配布されているWebテンプレートや、PSDモックアップなどをまとめた記事。2015年とあるのでごく最近のリソースでまとめた記事のようです。Webテンプレートはランディングページ系のものが多いようです。Webテンプレート以外にも、UIキットやNokia Lumiaのモックアップなどが紹介されています。新しめの素材探す時にイイかもしれません。アプリのページ作る時にいまだにiPhone 5のモックアップとか使ってると、ちょっとアレだったりしますしね。
22 Fresh Free Templates in HTML/CSS and PSD: February 2015 Edition
[Freebie] Web Design Freebies – Webデザインに使える素材をまとめたサイト
Webデザインに使える素材を集めたサイト。置いてある素材はアイコンやモックアップPSD、フォント、HTMLテンプレート、テクスチャ、インフォグラフィック素材など。アイコンがわりと多めな印象。まだ若いサイトらしく紹介されてる量はそれほど多くはないけど、今後増えて行くんでしょう。素材探しに使えそうです。
[Print Design] 40 Free Branding & Identity Mockup Templates to Download – ブランディングに役立つフリーのモックアップやテンプレート
ブランディングに役立つ、フリーのPSDテンプレートやモックアップファイルがまとめられた記事。名刺や書類フォーマット、封筒などのビジネスツールのテンプレートが40個まとめられてます。全部見たわけではないんだけど、多くはPSDでファイル提供されているようです（印刷物だったらAIの方がイイんだけどな・・・）。この手のテンプレートはスタートアップ企業やフリーランスの人にとって便利ですよね。
[PSD] Mockuuups – 高解像度のiPhone 5sテンプレート
高解像度のiPhone 5sテンプレート。ダウンロードすると、4つの異なる構図のPSDが入ってます。それぞれ人が使っている状態を前提に、制作されており、iPhoneのディスプレイ、iPhoneと持っている人、背景の大きく3つにレイヤー分けされているので、使い勝手が良さそうです。ダウンロードするにはサイト内にメアドを入力する必要があります。ってかこのサイト自体背景のフェード効果もあってかっけーすね。