目次:
デザインやブログの分野の私達にとっては、モックアップはデザインの展示やアイデアやテーマの表現に非常に役立ちます。 私が「モックアップ」と言ったとき、私はコンピューターのモニターや携帯電話の画面などのデバイス画面のコンテキストで表示される画像を参照しています。
モックアップは、特定のデバイス画面上で画像がどのように表示されるか、またさまざまな角度から表示される画像を把握するのに役立ちます。
今日は、モックアップを簡単に生成できるWebサイトMockdropについて説明します。 このWebサイトには、幅広いユーザーのニーズに合わせたモックアップがたくさんあります。
注：もちろん、モックアップは画像編集ソフトウェアを使用して手動で作成できますが、Mockdropを使用するとプロセスが簡単になり、数回クリックするだけでモックアップを生成できます。 ユーザーの時間と労力を節約することを目的として設計されています。使い方
Mockdropにアクセスすると、さまざまな種類のデバイスを基本とするいくつかのモックアップテンプレートがあります。 スマートフォン、ラップトップ、デスクトップ、スマートウォッチ、タブレットのモックアップを作成することができます。
テンプレートを参照するときは、カテゴリ別にフィルタするか、単にすべて表示するかを選択できます。 いずれかの画像をクリックすると、テンプレートが拡大されて表示され、見栄えがよくなります。
使用したいテンプレートが決まったら、それをクリックしてください。 それからあなたはスクリーンエリアをクリックするべきです、そしてあなたはあなたがあなたのモックアップをアップロードして生成したいあなたの選んだファイルのためにあなたのコンピュータを閲覧することが許されます。
あるいは、選択した画像をアップロードするために、選択した画像を選択したテンプレートにドラッグアンドドロップするだけです。
Mockdropの基本テンプレートは非常に魅力的なので、最終製品は以下の例のように見栄えが良くなります。
結論
全体的なMockdropは非常にうまく機能します、そして私はウェブサイトに関する1つのわずかに厄介な問題に気づくだけです。 拡大版を表示するために画像をクリックしても、その画像から離れてクリックしてもWebサイトは元の形式に戻りません。この時点から、他の表示されている画像をクリックして拡大版を表示できます。 通常のビューに戻りたい場合は、ブラウザをもう一度Mockdropのメインページに向ける必要があります。
これは機能性を大きく妨げるものではありませんが、潜在的に神経を侵す可能性があるこれらの小さなことの1つです。 Mockdropを使用することは間違いなく面倒な経験であり、文字通り、望ましい結果を生み出すために数回のクリックだけを必要とします。
また読む： LingoでMac上でデザインビジュアルを整理する方法