Draw a wireframe in Wireframe.cc

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

C​reate a user-personas mobile app wireframe

A​dd, group and position elements

A​dd annotations

Clock2 hours
Beginner初級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

In this project you will draw a wireframe for an internal news and communications business app in Wireframe.cc, define user personas, drawing elements, menus, icons, using color coding prioritizazion and other elements of interface design.

あなたが開発するスキル

  • Website Wireframe
  • Design
  • User Interface Design (UI Design)
  • Web Design
  • Mobile App

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

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

  1. Define strategy and create user personas

  2. Set up canvas, draw header and logo

  3. Design the commsfeed

  4. Use icons and colors

  5. Draw menus

  6. Group and align elements

  7. Add social components

  8. Add annotations

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

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

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

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。