無料のスマートフォンモックアップを作成するためのトップ10のウェブサイト

デジタルモックアップは、新しいアプリのアイデア、新しいロゴ、新しい革新的なUIデザインなど、あなたの作品を展示するのに最適な方法です。 しかし、それを作るのは簡単な作業ではなく、通常はPhotoshopやIllustratorなどのツールに関する知識が必要です。

この2つを学ぶこと自体が課題であり、紙のナプキンの裏側にいる人に自分のアプリのアイデアを公開する時間はありません。 オンラインモックアップクリエイターは、数回クリックするだけでこのプロセスを簡単にするツールです。

しかし、あなたがグーグルで捜しに行くならば、あなたが見つけるサービスのほとんどは支払われるでしょう。 だから私たちは無料で美しいモックアップを作成するために私たちもよく使うトップ10のウェブサイトのリストをまとめました。

注：これらのサイトには侵入型広告は表示されませんが、一部のWeb要素が完全に読み込まれずにユーザビリティの問題が生じる可能性があるため、広告ブロックを無効にすることをお勧めします。

1. Smartmockups.com

私たちの最初のピック、Smartmockupsは、デジタルや印刷などのさまざまな媒体のためのモックアップの膨大なコレクションを備えています。 あなたは、スマートフォン、タブレット、ラップトップ、マグカップ、カップ、文房具、さらにはTシャツであなたのアイデアを視覚化することができます。

サインアップはサービスを利用するために必要であり、無料アカウントはそれが最終的なモックアップのカスタマイズを制限するようないくつかの制限があります。 アップロードされた画像を変更するための整列、トリミング、回転、反転などの基本的なツールはありますが、グレア設定はできません。 もう1つの優れた機能は、無料のアカウントで最終的なモックアップを高解像度でダウンロードできることです。

Smartmockups.comにアクセスしてください。

2. MockUPhone.com

リストの2番目のWebサイトにはSmartmockupsほどの規模のコレクションはありませんが、1つのカテゴリに特化しています。 MockUPhoneのすべてのモックアップは、無地の白または色付きの背景を持っています。

ローカル画像をアップロードすることはできますが、トリミングや回転などの編集オプションはありません。 そのため、必要な編集の後に必ず画像をアップロードしてください。 このサイトは主にApple製品に対応しており、それらのAndroidデバイスリストは最新のスマートフォンで最新ではありません。 インスタントダウンロードは提供されないため、生成されたモックアップの縦向きと横向きの両方があなたのEメールに送信されます（そう、提供する必要があります）。

MockUPhone.comにアクセス

3. Mockuper.net

Mockuperは、名刺やいくつかのアパレルなど、その他いくつかのアイテムを含むガジェットのモックアップを主に提供しています。 オリジナルの作成者へのリンクを含む、637を超えるコミュニティソースのモックアップを提供します。

それはアップロードされた画像を編集するためのいくつかのオプションを提供し、あなたが異なる解像度で最終的なモックアップをダウンロードすることを可能にするので、Mockuperも私のお気に入りの1つです。 ソース画像はローカルまたはURLからアップロードできます。 一度アップロードすれば、画面上でグレア（反射）を模倣する方法をトリミング、位置合わせ、反転、ズーム、さらには選択することができます。 サイトのUIも理解しやすく使いやすいです。

Mockuper.netにアクセスしてください。

ヒント：ページの上部バーにある[すべてのモックアップ]ボタンをクリックすると、637個すべてのモックアップが表示されます。

4. MagicMockups.com

MagicMockupsは非常にシンプルなモックアップジェネレータで、限られた数のデバイス、主にiPhoneがあります。 ラップトップやデスクトップPCなどの他のすべてのデバイスは、Appleの製品ファミリのものです。

しかしその強みは、美しく撮影されたストック画像をモックアップに変えることにあります。 あなただけがローカルに画像をアップロードすることができ、サイトは編集のオプションを提供していません。 あなたはモックアップの背景はほとんど木製のテーブルトップと暗い表面であることに気づくでしょう。 最後に、このサイトは最終モックアップをダウンロードする間、解像度に制限を設けません。

MagicMockups.comにアクセスしてください。

についても

Windows PC用PicsArtのような5クールフォトエディタ

5. Dunnnk.com

あなたがLeBron Jamesジャージのあなたのモックアップを想像し始める前に、私にDunnnkがバスケットボールとは何の関係もないことをあなたに言わせてください。 それは主にガジェットモックアップを提供するもう一つの単純なモックアップジェネレータです。

彼らのモックアップの大部分はPOVスタイルで、デバイスは手に持っています。 ただし、Androidデバイスのリストは最新のものではありません。 Dunnnkはローカルアップロードのみをサポートし、画像編集ツールは提供していません。 また、最終モックアップは1つの固定解像度でダウンロードできます。

Dunnnk.comにアクセス

6. MockUpsJar.com

MockUpsJarは、リストの最初のもの（SmartMockups）と同様に、モックアップの豊富なコレクションを持ち、Freemiumモデルに従います。 無料プランと有料プランの両方を提供しています。 MockUpsJarでは、選択されたモックアップは無料で、最終的なダウンロードには透かしが入りますが、それらを使用不能にしないようにするのが賢明です。

画像はローカルでのみアップロードでき、アップロード後に必要に応じてトリミング、ズーム、回転できます。 最終モックアップは最大2Kの解像度でダウンロードできます。 最後に、モックアップをダウンロードするにはサインアップが必要です。

MockUpsJar.comにアクセスしてください。

7. Mockup.io

Mockup.ioは他のリストとはかなり異なります。 アプリのUIとUXの外観と動作を視覚化するための、スマートフォンアプリ用のワイヤフレームおよびプロトタイピングモックアップツールです。 そのようなものとして、かなり背景に電話が置かれていないので、あなたはただ基本的な電話フレームを手に入れます。

チームが共同作業するための豊富なコラボレーション機能があります。 このツールを使用して、アプリのデザインスケッチをまとめてアップロードし、それらすべてをリンクして、ナビゲーションとインタラクションが実際にどのように機能するかを示すことができます。 このツールは、自分の作品の動的モックアップを見せたい人には最適のツールです。

Mockup.ioにアクセスする

8. MockDrop.io

リストのより簡単なウェブサイトの1つとして、MockDrop.ioは登録、画像編集、Eメールをいじることはありません。 モックアップを選択して画像をアップロードし、ダウンロードボタンを押すだけです。 それは簡単です。 デザインもリストの他のものに比べて優れたものの一つです。

モックアップは、リストの他のほとんどのモックアップと同様にコミュニティから提供され、元の作成者のリンクは各モックアップに表示されます。 最後のモックアップは高解像度でダウンロード可能で、コレクションはいつものようにAppleデバイスを支持しています。

MockDrop.ioにアクセスする

9. Threed.io

Thockは、Mockup.ioサイトに続くこのリストの2番目の珍しいモックアップ作成者です。 Threedは、あなたがスマートフォンの一つのiPhoneのような3Dモデルを与えられている3Dモックアップジェネレータです。

ドラッグ、回転、ズーム、カメラアングルの変更、スクリーングレアの選択など、実際のデバイス上でデザインがどのように見えるかをよりよく理解するためにさまざまなことができます。 ジェネレータは滑らかで理解しやすいです。

Threed.ioをご覧ください

10.モックアップ

私たちのリストの最後のものはMockup.photosです。これは無料のサイトで、選択されたモックアップの形で景品も提供しています。 スマートフォン、タブレット、ラップトップ、フォトフレームなどを組み合わせた約380の無料モックアップがあります。

このサイトでは、画像をローカルまたはURLからアップロードできます。 アップロードされた画像には画像編集オプションはなく、最終モックアップは単一の高解像度でのみダウンロードできます。 彼らの有料プランにアップグレードすると、900以上のモックアップや他のいくつかの機能にもアクセスできるようになります。

Mockup.photosにアクセスしてください。

についても

無料の高品質ストック画像のための10のベスト新しいウェブサイト

サポートされているデバイス

あなたの便宜のために、私はどのウェブサイトがどのタイプのデバイスをサポートするか理解するために下記の便利な比較表を作成しました。

SmartMockupsは、あらゆる種類のデジタル機器と印刷媒体をサポートする唯一のサービスです。

心に留めておくべきこと

上記のリストを確認した後、モックアップを作成するプロセスは数回クリックするだけで済みます。 しかし、それでも、あなたがモックアップをしたいだけの場合に考慮すべきことがいくつかあります。 まずアップロードする画像の解像度です。 すべてのモックアップは通常、必須/サポートされている解像度を示しています。最良の結果を得るには、推奨される解像度とアスペクト比を使用することをお勧めします。

第二に、コントラストとカラーマッチングです。 あなたのイメージの目立つ配色と衝突しない背景を持つモックアップを選んでください。 このモックアップ画像はそれを視覚化するのに役立ちます。

注：カラーマッチングの詳細については、Lifehackerによるこのガイドを参照してください。

また、アップロードした画像が高解像度ではない場合は、高解像度版の最終モックアップをダウンロードしないでください。作業に支障をきたすことはありません。

最後に、これらのサイトはすべて、煩わしい広告を表示せずに無料でサービスを提供しているため、寄付するか、フリーミアムサイトの場合は、1か月だけ購読してそれらを支援することを検討してください。 あなたがモックアップをするために他のそのようなクールなサイトに出くわした場合は、コメントで私たちと共有してください。