Facebookがデザインしたスマホ・タブレット・スマートウォッチなどのデバイスモックアップ用PNG画像&Sketch用素材集

数多くのプラットフォームで利用可能なFacebookが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftのスマートフォン・タブレット・スマートウォッチ・スマートTVのモックアップとして使えるビットマップ画像集を公開しています。ファイル形式はPNGとSketchとなっています。
Devices — Facebook Design Resources
http://facebook.github.io/design/devices
各種端末のモックアップを全てゲットするには、「Download All Devices」をクリック。「自分の作品」として再配布しなければ、無料で誰でも自由に利用可能です。

ダウンロードされたZIPファイルを解凍して開きます。

解凍したフォルダに入っている「Facebook Devices」をクリック。

ここに全てのスマートフォンのモックアップPNG画像とSketchファイルが入っています。用意されている端末はiPhone 5c・iPhone 5s・iPhone 6s・iPhone 6s Plus・HTC One A9・HTC One M8・Microsoft Lumia 950・Motorola Moto E・Nexus 4・Nexus 5X・Nexus 6P・Nokia 220・Nokia 230・Nokia Asha 230・Nokia C3-00・Samsung Galaxy Note 5・Samsung Galaxy S Duos・Samsung Galaxy Yの18種類。

例えば「Apple iPhone 6s」を開いてみると……

端末ごとのフォルダには、透過PNGファイル・シャドウ入り透過PNGファイルと、Mac用ソフト「Sketch」で編集可能な.sketchファイルの3種類のファイルは入ったフォルダがあり、それぞれ端末のカラーの数だけモックアップ画像が入っています。

Photoshopで透過PNGファイルを全色並べて開いてみるとこんな感じ。

こっちはシャドウ入り。一見すると同じに見えますが……

背景を白くすると、下辺に端末を置いているようなシャドウが入っていることがわかります。

なお、ダウンロードページを下にスクロールすると、端末ごとのダウンロードも設置されています。

記事作成時点では、「全てダウンロード」「個別ダウンロード」ともにスマートフォンのみが公開されており、タブレット・スマートウォッチ・スマートTVは近日公開予定となっています。

・関連記事
無料で商用利用もOKなヨーロッパの風景写真素材が大量にダウンロードできる「砂漠あらかるた」 - GIGAZINE
無料でスタートアップ企業っぽい素材写真をゲットできる「Startup Stock Photos」 - GIGAZINE
まさに悪夢、Googleの人工知能「DeepDream」でムービーを作成したらとんでもないことに - GIGAZINE
Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」 - GIGAZINE
画像のファイルサイズを最大70%減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」 - GIGAZINE
・関連コンテンツ
in ネットサービス, デザイン, Posted by darkhorse_log
You can read the machine translated English article Facebook designed smartphone, tablet, sm….