モックアップ

CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」

iPhoneやAndoroid、PCまで様々なデバイスをCSSで表現したCSSライブラリ「Devices.css」を紹介します。

簡単に作れるはめ込み画像モックアップジェネレーター5選

PCやスマートフォン・タブレット等のデバイスに、スクリーンショットをはめ込み画像にしてモックアップイメージを生成してくれるWebサービスをご紹介。

3Dで作れるスマホのモックアップツール「Threed.io」

角度や向き、背景色・影など自在にスマホのモックアップを3Dで作れるツール「Threed.io」の紹介です。

デバイスごとのスクリーンショットを一括生成「Responsive Screenshots」

PC・ノート・タブレット・スマホのスクリーンショットをURLを入力するだけで一括生成できる「Responsive Screenshots」の紹介です。

フリーで使用できるモックアップをまとめたサイト「Mockup World」

PC・スマホは勿論、T-シャツ・ボトル・看板など、無料で使用できるモックアップをまとめたサイト「Mockup World」の紹介です。

画像をアップするだけでブラウザイメージを生成できる「Browser Frame」

Webサイトのスクリーンショットをアップするだけでブラウザに埋め込んだようなイメージを生成できる「Browser Frame」の紹介です。

SVGでダミー画像を生成できるサービス「Placeholder pics」

モックアップ制作などで役に立つ、ダミー画像(プレースホルダー)をちゃっちゃと生成することができるサービス「Placeholder pics」のご紹介。

Facebookのフリーデザインリソース「Design Resources」

Facebookのデザイナーによって制作されたモックアップとして使えるフリーデザインリソースのご紹介。UIやデバイスの素材が豊富に揃っています。

デザインやプレゼンに使えるモックアップ素材サイト「Qeaql」

海外のハイクオリティーなモックアップ素材サイト「Qeaql」の紹介。有料サイトになりますが、フリーで使えるモックアップ素材も豊富にあります。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年1月版】
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで作成する吹き出しとデザインのアイデア