何かを想像するのに役立つ10の簡単でクイックなオンラインモックアップツール

何かを想像するのに役立つ10の簡単でクイックなオンラインモックアップツール

何かを考えてスケッチし、その日のうちに使い始めることができたらどうでしょうか。家庭用の3Dプリンターの登場、ドラッグアンドドロッププログラミング、CNCルーターの安価化、その他の新しいテクノロジーにより、私たちは毎分その現実に近づいています。





これらのインスタント作成テクノロジーを最大限に活用するには、デザインをモックアップして、デザインを評価し、潜在的な欠陥を修正し、作成する前にニーズに合わせて調整できるようにする必要があります。それがこの記事があなたを助けるつもりです。





を見ようよ これ ほぼすべてのプロトタイプを設計するのに役立つツール。





アプリケーション設計

ウェブサイトを構築したり、iOSまたはAndroidアプリを作成したいとします。最初にすべきことはワイヤーフレームをスケッチすることです。そうすれば、アプリがどのように機能するかがわかります。ワイヤーフレームは、アプリがどのように表示され、情報がどのように流れるかを理解するのに役立つ、プログラムの機能しないレイアウトです。これを支援するオンラインモックアップツールをいくつか紹介します。

フレームボックス (無料)

フレームボックスは、Webサイトをモックアップするための非常にシンプルなドラッグアンドドロップツールです。無料で使いやすく、サイトに登録すると、ワイヤーフレームを保存して他の人と共有することができます。これは、友人やクライアントと協力している場合に非常に役立ちます。



iPhoneモックアップ (無料)

スケッチモード(図を参照)または直線のデザインモードのいずれかを可能にするiPhone Mockupは、シンプルなドラッグアンドドロップのAppleアプリモックアップツールです。作業中のページのURLをブックマークすると、他の人に送信してデザインを表示できます。デザインを登録して保存するほど便利ではないかもしれませんが、簡単なモックアップのためにそれはニーズを満たします。

創造的に (無料)

より堅牢なフローチャートソフトウェアを使用したことがある場合は、Createlyを使用すると簡単に使用できます。ウェブサイトのデザインをモックアップできるだけでなく、iPhoneアプリ、サイトマップ、データベースデザインなど、さまざまなことができます。オンラインで無料で使用できますが、無制限のエクスペリエンスを提供します。 さまざまな料金プラン





MIT App Inventor (無料)

Androidアプリのアイデアをいじりたい場合は、MIT AppInventorがオンラインでそれを行うのに最適な場所です。グーグルに基づく ブロックリー 、App Inventorを使用すると、ユーザーインターフェイス要素とコードブロックをドラッグアンドドロップしてプログラムを作成できます。オンラインエミュレーターを使用するか、Androidデバイスで直接アプリをテストできます。チュートリアルがたくさんあるので、MITからプロのようなモックアッププログラムまでソフトウェアエンジニアリングの学位は必要ありません。

Windows MediaPlayerでビデオを反転する方法

App InventorとBlocklyは、MITのScratchプログラミングツールと非常によく似ています。 Scratchについて詳しくは、こちらをご覧ください。





3Dデザイン

あなたの世界を3次元でデザインできることはかつてないほど容易になりました。家や建物のレイアウトから、芸術作品や設計されたプロトタイプの製造まで、デザインをモックアップして実現するのに役立つ多くの優れたオンラインツールがあります。ここにあなたが楽しむことができるほんの少しがあります:

Autodesk Homestyler (無料)

オートデスクのサイトにアクセスすると、3Dルームデザイナを使用するか、3Dフロアプランナーを使用するかを選択できます。そこからできることは、ただ心を打つことです。部屋や家のあらゆる側面をレイアウト、変更、お気に入りの小売店から購入できるアイテムを備え付け、後で参照できるように保存することができます。インスピレーションを得るために、ユーザーが投稿した作品のギャラリーは、あなたが夢にも思わなかった方向にあなたを導くでしょう。

フロアプランナーで何ができるかを示すこのビデオをご覧ください。

これらのツールは、次のダウンロード可能なアプリとしても利用できます。 ios また アンドロイド 。 Androidでの3Dルームデザイナーアプリやその他のいくつかのリノベーションアプリの有用性について詳しく学びましょう。

レオポリ (無料)

Leopolyは、3Dデザインで足を濡らすのに最適なサイトです。サイトで作成されたすべてのデザインはクリエイティブ・コモンズの一部と見なされ、ニーズやニーズに合わせて簡単に編集できるアイテムの大規模なライブラリを作成します。ツールは、他の単純なペイントプログラムと同じくらい簡単に使用できます。無料のメンバーシップからアップグレードすると、ほとんどの3Dプリンターで使用できる形式でデザインをエクスポートできます。

TinkerCAD (無料)

Leopolyが3Dデザインのサンプルである場合、TinkerCADは完全な食事の取引です。選択できる事前定義された形状はたくさんありますが、最初から何かを作成したい場合、TinkerCADは必要に応じて複雑にすることができます。彼らはあなたが始めるためにいくつかのウォークスルーチュートリアルを提供するのに十分親切です。

デザインが完成したら、ファイルをエクスポートし、Minecraftで使用するためにダウンロードし、いくつかのサービスの1つから3Dプリントを注文できます。またはにアップロードする シンギバース

エレクトロニクスデザイン

123D回路 (無料)

このすべてがArduinosとラピッドプロトタイピング電子機器について話します。電子機器の学習と独自の回路の設計を無料で開始できることをご存知ですか?安全に? 123D Circuitsは、仮想ブレッドボード、ArduinoボードやAVRマイクロコントローラーなどの一連のコンポーネントを提供します。そうすれば、部品を購入したり、コンポーネントを損傷したり、自分に衝撃を与えたりすることなく、シミュレーションを実行できます。

下のビデオを見て、この初心者からプロのツールで何ができるかを確認してください。

http://vimeo.com/73973905

私の家の歴史を見つける方法

グラフィックデザイン

FontStruct (無料)

あなたにぴったりのデザイナーを作りたいカスタムフォントのアイデアがありますか? FontStructは、アイデアを試して具体化し、即座にフィードバックを得るのに適した場所です。本当に欲しいものに似たものができたら、プロのフォントデザイナーと一緒に詳細を理解するのがはるかに速くなるはずです。

以下は、メーカーであるFontShopからのFontStructの集中的な紹介です。

http://vimeo.com/972905

ドッペルゲンガーを探したい

Canva (無料)

現在ベータテスト中のCanvaは、Photoshopにとって、自動車へのオートマチックトランスミッションと同じです。はるかに簡単ですが、ニュアンスが欠けています。とにかく、それがこの記事が何かをモックアップすることについてである理由です。 Canvaで入手して、グラフィックデザイナーと共有してください。これは、すべてのデザイナーの悪夢になるのを避けるのに役立ちます-「私はそれを説明する方法がわかりませんが、それを見るとわかります」と言う人。

まだプライベートベータ版であったCanvaについてのMatthewHughesの記事を読んでください。プログラマーのマットでさえ、かなりまともなデザイナーになります!

結論は...

インターネットとワールドワイドウェブは本当にメーカーの時代を生み出しました。アイデアは、どこでどのようにモックアップするかを知っていれば、数日または数秒で実現できます。これらのツールのいずれかを使用して、物作りについて詳しく学びますか?最終的に頭から離れて現実の世界に入ることができるアイデアはありますか?

私はそう願っています、そしてあなたがそれらを私たちと共有することを願っています。アイデアは刺激を与え、教えます。それが私たちのすべてです。結局のところ、私たちはすべて一緒にこれにいます。

画像クレジット: 壁にアイデアを書く女性建築家の3Dプリント Shutterstock経由。

共有 共有 つぶやき Eメール AndroidでGoogleの組み込み水準器にアクセスする方法

何かがピンチで水平になっていることを確認する必要がある場合は、数秒で携帯電話の水準器を取得できるようになりました。

次を読む
関連トピック
  • インターネット
  • コンピューター支援設計
著者について ガイ・マクダウェル(147件の記事が公開されました)

IT、トレーニング、および技術取引で20年以上の経験があるため、私が学んだことを、学びたいと思っている他の人と共有したいと思っています。私は可能な限り最善の方法で、そして少しのユーモアで可能な限り最善の仕事をするよう努めています。

ガイ・マクダウェルのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください