Crea wireframes digitales con Figma

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

Entenderás el espacio de trabajo de Figma

Construirás un Wireframe de un sitio web

Identificarás los componentes básicos de un Wireframe

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

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

En este proyecto aprenderás a crear wireframes digitales efectivos, ideales al inicio del proceso de diseño, teniendo el objetivo de determinar la estructura del producto. Al representar una mirada general de la estructura del producto se podrá analizar el diseño, la arquitectura, el flujo, su funcionalidad e incluso el comportamiento o la experiencia de usuario. Aprenderás a trabajar en Figma para la creación de tu wireframe. Esta herramienta enfocada en la creación de prototipos tiene las funcionalidades necesarias para desarrollar diferentes tipos de proyectos y facilita el trabajo colaborativo con equipos de trabajo.

必要事項

Conocimiento en el uso de navegadores, administración de archivos y entendimiento básico de sitios web.

あなたが開発するスキル

  • Figma

  • Wireframe

  • Prototipado

  • Diseño

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

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

  1. Introducción a Figma

  2. Crea la estructura básica de una página web

  3. Función de agrupar y enmarcar

  4. Práctica opcional

  5. Estilos de texto

  6. Uso de plugins

  7. Creación de Componentes

  8. Práctica final

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

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

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

よくある質問

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

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

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

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

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

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