FJCT_ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

アプリやWebサイトのモックに。ダミー画像生成サービスまとめ

デザインは視覚から入ってきます。その中で使われている画像があまりにおざなりであるとデザイン全体が低品質に感じられてしまうことでしょう。それは企画段階のモックアップでは特に重要です。

そこで使いたいのがダミー画像生成サービスです。今では数多くのサービスがあり、それぞれ特徴を持った写真を提供しています。

baconmockup

ベーコン画像のplaceholderです。サイズに合わせて様々なベーコンの写真が表示されます。

Beerhold.it Image placeholder

ビールと一緒に写っている写真が返ってきます。グレースケール、色彩反転、セピアといったフィルタも指定できます。

David Hasselhoff Image Placeholder Service

アメリカの俳優、デビッド・ハッセルホフ氏の写真が返ってきます。ナイトライダーシリーズなどに出演しています。

Dummy Image Generator | fine placeholder images for web designers

様々なサイズの画像を一気に生成してくれるサービスです。ダイナミックに生成される訳ではないので若干使い勝手が悪いかも知れませんが、オフラインに保存しておけるのは便利です。

Dynamic Dummy Image Generator - DummyImage.com

指定したサイズの画像に文字を追加表示して生成できるサービスです。文字を指定しない場合は画像サイズが表示されます。

Fake images please?

こちらも指定した画像サイズと指定した文字を重ねて生成してくれるサービスです。

Fill Murray

ビル・マーレイ氏の写真が返ってくるサービスです。文字が追加されている場合もあります。

FPOImg.com - Home

背景が灰色で明らかにダミー画像と言った感じが出ています。画像サイズとテキストが指定可能です。

Holder.js - client side image placeholders

サーバサイドではなくクライアントサイドでダミー画像を生成します。サイズを指定するくらいですが、オフラインで使えるのが利点です。

Ipsum Image - Placeholder Image Generator Hosted on Google App Engine

Google App Engine上で構築されているのが一つの特徴になっています。サイズ、文字と背景色、テキストが追加できます。

lorempixel - placeholder images for every case

人、動物、街、食べ物、スポーツなどカテゴリの指定ができるダミー画像生成サービスです。

Nice Nice JPG

男性の写真や90年代のムスタングを撮った写真など、他ではあまり見られないようなダミー画像が生成されます。

p-hold - hi-quality placeholder images

サイズを数字で指定する他、SKYと指定するとスカイスクレイパーサイズのバナーが返ってくるなど実用性の高いサービスになっています。

Pipsum - Easy to use text and image placeholder generator

画像の生成とダミーテキストの生成ができるサービスです。画像はマックス2650x1600となっています。

PlaceBeard.it - Use beardy men as placeholder images.

サービス名で分かる通り、髭のはえた男性写真が返ってくるサービスです。

PlaceCage

こちらもその名の通り、ニコラス・ケイジ氏の写真が返ってきます。

Placehold.it - Quick and simple image placeholders

Placehold.itはこの手のサービスのはしりだったかと思います。画像サイズが書かれた灰色画像が返ってくるだけのシンプルなサービスです。

PlaceIMG | Easy FPO and Dummy Images for Any Project

とても雰囲気の良い、格好良い写真が返ってくるダミー画像サービスです。カルーセルのダミー画像に良いかもしれません。

placeskull.com - a svg placeholder graphics service

ガイコツのイラストが返ってくるサービスです。色やイラストが多数あります。

Steven SeGALLERY

その名の通り、スティーブン・セガール氏の写真が返ってきます。

{placebear}

熊の写真が返ってきます。白黒なので目立つことはなさそうです。

{placekitten}

こちらは{placebear}のもとになったと思われる猫の画像サービスです。こちらも白黒なのでそれほど目立たず使えるかと思います。


いかがでしょうか。単なる格子の画像を使うのに比べて圧倒的に華やかになるのではないでしょうか。最近では単純に画像サイズを出すだけでなく、俳優やイラスト、様々なカテゴリの写真も使えるようになっています。あまり使うとごちゃっとしたイメージになりそうなのでご注意ください。

アプリやWebサイトのモックアップ、デザインイメージ作成に役立つかと思います。ぜひご活用ください。