宮崎暮らしの視点から、徒然なるままに。

Miyazaki Life

デザイン

スマートフォン・PC画面などの透過画像素材

更新日:

Webの端末ごとのデザインイメージなどを作成する際に必要になるのが、スマートフォンやPC画面などの透過画像素材。毎回、検索してイメージにあう素材を探していたのですが、FacebookがPNG形式で配布していました。

スポンサーリンク

豊富なFacebook配布のデバイス画像

Facebookのデバイスイメージファイル配布ページ
Devices | Facebook Design

電話、タブレット、スマートウォッチ、PC、ディスプレイなどのイメージ画像ファイルが揃い、再配布をしなければ利用は自由です。

トップページでは「Download All Devices」という”全てのデバイス素材をダウンロード”するためのボタンがありますが、ちょっちょっと使いたい人の場合は必要ないかと思います。

というのも、あらゆるデバイスの素材が揃い、ダウンロードしたファイルには色違いのデバイス素材も。”全てのデバイス素材をダウンロード”すると、素材がありすぎるので、使いたいものだけをダウンロードするのがよいかと思います。

たとえばiPhoneでは、ゴールド、シルバー、グレーとその機種のカラーが揃っています。

こんな感じで透過された素材になっているので、Webキャプチャとも合わせやすいです^^


Devices | Facebook Design

デバイス(端末)の画像素材以外にも、macのデスクトップキットや、Facebookメッセンジャーキットなど、説明書等にも便利な画像素材が配布されています。


Tools & Resources

さかぽん
Web関係の人なら、ありがたい素材がたくさんのサイトです♪スマートフォンやPCの画面素材ページの備忘録として。

-デザイン

Copyright© Miyazaki Life , 2018 All Rights Reserved.