Draw an interactive wireframe in Mockplus

提供:
この無料ガイド付きプロジェクトでは、次のことを行います。

Draw an interaction flowchart and mobile wireframe

A​dd interactive elements

O​rganize components, preview and test

この実践的な経験を面接でアピールする

2 hours
初心者向け
ダウンロード不要
分割画面ビデオ
英語
デスクトップのみ

In this 2-hour long project-based course, you will learn how to create an interactive wireframe for a social book reading app with Mockplus, drafting an interaction flowchart in connect mode, drawing the wireframe with multiple components, adding interactive elements, grouping, ordering and aligning the components on screen with the aid of grids and guides, and finally previewing and testing.

あなたが開発するスキル

  • Website Wireframe

  • Design

  • UI

  • mobile

  • Web

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  1. Create an account and set up the canvas

  2. Draw the interaction flowchart in connect mode

  3. Create pages, draw headers and image placeholders

  4. Draw the homepage content

  5. Add icons

  6. Group, order and align

  7. Create sub artboards and add interactions

  8. PRACTICE : Draw the book details page

  9. PRACTICE: Preview and test

  10. FINAL PRACTICE: Create a movie theater app wireframe

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

ワークスペースにはラップトップまたはデスクトップコンピューターに適したサイズのクラウドデスクトップが含まれているため、モバイル機器ではガイド付きプロジェクトを使用できません。

ガイド付きプロジェクトの講師は、プロジェクトのスキル、ツール、またはその分野での経験があり、知識を共有して世界中の何百万人もの受講生に影響を与えるたことに情熱を持つ専門家です。

ガイド付きプロジェクトから作成したファイルをダウンロードして保持できます。そのためには、クラウドデスクトップにアクセスしているときに「ファイルブラウザ」機能を使用できます。

ページの上部で、このガイド付きプロジェクトの経験レベルを押して、知識の前提条件を表示できます。ガイド付きプロジェクトのすべてのレベルで、インストラクターがステップバイステップでご案内します。

はい。ガイド付きプロジェクトを完了するために必要なものはすべて、ブラウザで利用可能なクラウドデスクトップで利用できます。

分割画面環境でタスクをブラウザで直接完了することで学習できます。画面の左側で、ワークスペースでタスクを完了します。画面の右側で、講師がプロジェクトをステップごとにガイドします。