Create website wireframes with Balsamiq

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

create wireframes for a website

apply design principles of hierarchy, contrast, proximity and progressive disclosure of information

use all main wireframing functionalities of Balsamiq

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

In this 2-hour long project-based course, you will learn how to create a website wireframes with Balsamiq, create the schematic for interface design, apply principles of hierarchy, proximity, contrast and progressive disclosure for interaction design, creating an e-commerce home page, product details and create account page wireframes. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

あなたが開発するスキル

  • Website Wireframe
  • Design
  • Interaction Design
  • UX/UI
  • wireframes

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

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

  1. Introduction and overview

  2. Work with components to design a navbar and hero image

  3. Arranging, aligning and grouping items

  4. Add interactive elements and footer

  5. Build a product details page

  6. Use hierarchy and proximity principles

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

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

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

よくある質問

よくある質問

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