TOP  >  Design , Tool  >  レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」
2017年08月12日

レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」

デザインの提案をする際に役に立つのがモックアップ。不確実なものを実際のイメージに近い形で表現しながらデザインを確認できるので、イメージが明確になり、プレゼンテーションの手法としてはとても便利です。今回紹介するのは、レスポンシブデザインをプレゼンテーションするのに便利なモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」です。

15Mockups01
Showcase Website Header Mockup | MockupWorld

実際のPCにはめたものワイヤーフレーム上のものなど、様々な段階・用途に合わせて使用できるモックアップまとめられています。今回ははいくつか気になったものをピックアップしましたので以下からご覧ください。

詳しくは以下

15Mockups02
Responsive Web Design Showcase Mockup | MockupWorld
シンプルでリアルなモックアップは、デザインの反映をよりイメージしやすいものにしてくれます。
 
 
 
15Mockups03
Apple Device Wireframe Mockups on Behance
Appleデバイスのモックアップです。PSD、AI、EPSデータが揃っていますので使い勝手が良さそうです。
 
 
 
15Mockups04
Vector Apple Outline Device PSD | Psd Web Elements | Pixeden
アウトラインのテンプレート。設計段階などで利用すると良さそう。背景の色によってPOPにもスタイリッシュにも表現が可能です。
 
 
このサイトでは、レスポンシブのWebデザインを紹介するためのモックアップが全部で15種まとめられ、紹介されています。POPなイラストからスタイリッシュでリアルなものまで揃っていますので、気に入ったものを幾つかダウンロードしておけば、用途に合わせて違ったモックアップでのプレゼンテーション・提案が可能そうですね。

15+ Mockups to Showcase Your Responsive Web Designs

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る