CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
iPhoneやAndoroid、PCまで様々なデバイスをCSSで表現したCSSライブラリ「Devices.css」を紹介します。
モックアップ
簡単に作れるはめ込み画像モックアップジェネレーター5選
PCやスマートフォン・タブレット等のデバイスに、スクリーンショットをはめ込み画像にしてモックアップイメージを生成してくれるWebサービスをご紹介。
スクリーンショットにブラウザ枠をつけてくれるWebツール「Screely」
スクリーンショット画像をアップするだけでフラットなブラウザ枠をつけてくれるWebツール「Screely」の紹介です。
3Dで作れるスマホのモックアップツール「Threed.io」
角度や向き、背景色・影など自在にスマホのモックアップを3Dで作れるツール「Threed.io」の紹介です。
デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」
PC・ノート・タブレット・スマホのスクリーンショットをURLを入力するだけで一括生成できる「Responsive Screenshots」の紹介です。
フリーで使用できるモックアップをまとめたサイト「Mockup World」
PC・スマホは勿論、T-シャツ・ボトル・看板など、無料で使用できるモックアップをまとめたサイト「Mockup World」の紹介です。
画像をアップするだけでブラウザイメージを生成できる「Browser Frame」
Webサイトのスクリーンショットをアップするだけでブラウザに埋め込んだようなイメージを生成できる「Browser Frame」の紹介です。
デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」
海外のハイクオリティーなモックアップ素材サイト「Qeaql」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。
