We may earn an affiliate commission when you visit our partners.
Course image
Miguel Revesso Teixeira

Neste projeto você aprenderá a criar wireframes digitais, ideais para o início do processo de design, tendo o objetivo de determinar a estrutura do produto. Ao representar uma visão geral da estrutura do produto se poderá analisar o design, a arquitetura, o fluxo, sua funcionalidade e inclusive o comportamento ou a experiência do usuário. Você aprenderá a trabalhar com Figma para a criação do seu protótipo. Esta ferramenta focada na criação de protótipos tem as funções necessárias para desenvolver diferentes tipos de projetos e facilita o trabalho colaborativo com as equipes de trabalho.

Enroll now

Two deals to help you save

We found two deals and offers that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Syllabus

Visão Geral do Projeto
Neste projeto você aprenderá a prototipar criando wireframes digitais eficazes, ideais no início do processo de design, com o objetivo de determinar a estrutura do produto.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Este curso promove a experimentação e a prática ao utilizar o Figma, uma ferramenta popular para prototipagem
O conteúdo do curso está voltado para iniciantes interessados em prototipagem digital
O foco do curso em wireframing oferece uma base para o desenvolvimento de produtos digitais

Save this course

Save Crie wireframes digitais de baixa fidelidade com Figma to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Crie wireframes digitais de baixa fidelidade com Figma with these activities:
Revisão dos fundamentos da criação de wireframes
Refrescar os conceitos básicos de criação de wireframes ajudará a consolidar a compreensão dos fundamentos essenciais.
Browse courses on Wireframing
Show steps
  • Rever os princípios de design de wireframes
  • Revisar as ferramentas e técnicas usadas para criar wireframes
  • Criar um wireframe simples para um aplicativo ou site
Review Basic Design Principles
Refresh your understanding of basic design principles such as color theory, typography, and layout to prepare for this course.
Browse courses on Design Principles
Show steps
  • Read articles and books on design principles.
  • Analyze existing designs and identify how they apply design principles.
Exercícios práticos de criação de wireframes
Praticar a criação de wireframes regularmente ajudará a desenvolver fluência e confiança na ferramenta Figma.
Browse courses on Wireframing
Show steps
  • Criar wireframes para diferentes tipos de páginas ou telas
  • Experimentar diferentes estilos e layouts de wireframe
  • Criar wireframes com base em requisitos de usuário
Four other activities
Expand to see all activities and additional details
Show all seven activities
Learn Figma for Wireframing
Familiarize yourself with Figma, a tool for creating wireframes, by following tutorials to learn its features and capabilities.
Browse courses on Figma
Show steps
  • Find and follow Figma tutorials online or on YouTube.
  • Create a practice wireframe project in Figma to apply your learning.
Practice Creating Digital Wireframes
Enhance your wireframing skills by practicing the creation of digital wireframes using tools like Figma or Adobe XD.
Browse courses on Wireframing
Show steps
  • Choose a simple app or website concept to wireframe.
  • Create multiple iterations of wireframes for different screens and user flows.
Criação de um manual de wireframing
Criar um manual de wireframing personalizado fornecerá uma referência abrangente para consulta futura e compartilhamento com colegas.
Browse courses on Wireframing
Show steps
  • Definir o escopo e o público-alvo do manual
  • Pesquisar e compilar as melhores práticas de criação de wireframes
  • Criar exemplos e estudos de caso para ilustrar os conceitos
  • Revisar e editar o manual para clareza e precisão
Create a Wireframe Portfolio
Develop a portfolio showcasing your wireframing skills by creating a collection of well-designed wireframes for various projects.
Browse courses on Wireframes
Show steps
  • Select your best wireframe designs from previous projects or create new ones.
  • Write brief descriptions for each wireframe explaining its purpose and design choices.
  • Create a visually appealing portfolio website or presentation to showcase your work.

Career center

Learners who complete Crie wireframes digitais de baixa fidelidade com Figma will develop knowledge and skills that may be useful to these careers:
UI Designer
UI Designers are responsible for the user interface of a digital product. This course will help you develop strong wireframing skills, which are essential for communicating design ideas to developers.
User Experience Designer
User Experience Designers are in charge of the entire user journey when interacting with a digital product. They ensure that every interface of a given software or site optimizes for the abilities, needs, and desires of users. This course will help you develop foundational skills in wireframing, which is a core skill for any UX Designer. A low-fidelity wireframe is a great way to express design ideas and get feedback from stakeholders prior to committing to a high-fidelity version. This course can help you build a portfolio of wireframes to successfully become a UX Designer.
Web Designer
Web Designers are responsible for creating the visual layout and user interface for websites. This course will help you develop foundational skills in wireframing, which is a core skill for any Web Designer. Wireframing helps plan the layout, structure, and functionality of a website to improve the user experience and visual appeal.
Interaction Designer
Interaction Designers are responsible for designing the way that users interact with digital products. This course will help you develop foundational skills in wireframing, which is a core skill for any Interaction Designer. Wireframes are used to communicate design ideas and get feedback from stakeholders prior to committing to a high-fidelity version.
Product Designer
Product Designers are responsible for the entire user experience of a digital product. They work with engineers, designers, and other stakeholders to ensure that the product meets the needs of users. This course will help you develop foundational skills in wireframing, which is a core skill for any Product Designer. Wireframes are used to communicate design ideas and get feedback from stakeholders prior to committing to a high-fidelity version.
Front-End Developer
Front-End Developers are responsible for the client-side of a website or application. This course will help you develop foundational skills in wireframing, which can help you communicate design ideas to back-end developers.
UX Researcher
UX Researchers are responsible for understanding the needs of users. This course will help you develop foundational skills in wireframing, which can help you create prototypes to test with users.
Graphic designer
Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful to you as wireframing skills may be used to create prototypes of digital products during the design process.
Information Architect
Information Architects are responsible for the organization and structure of information on a website or application. This course may be useful to you as wireframing skills can help you to plan the layout and structure of a website or application.
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software systems. This course may be useful to you as wireframing skills can help you to communicate design ideas to other engineers.
Product Manager
Product Managers are responsible for the overall vision and strategy for a digital product. This course may be useful to you as wireframing skills can help you to communicate design ideas to stakeholders.
Technical Writer
Technical Writers are responsible for creating documentation for software and other technical products. This course may be useful to you as wireframing skills can help you to create prototypes to illustrate your documentation.
Business Analyst
Business Analysts are responsible for understanding the needs of a business and translating those needs into technical requirements. This course may be useful to you as wireframing skills can help you to create prototypes to communicate design ideas to stakeholders.
Project Manager
Project Managers are responsible for planning, executing, and closing projects. This course may be useful to you as wireframing skills can help you to create prototypes to communicate design ideas to stakeholders.
Data Analyst
Data Analysts are responsible for collecting, analyzing, and interpreting data to help businesses make better decisions. This course may be useful to you as wireframing skills can help you to create prototypes to visualize data.

Reading list

We've selected 13 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Crie wireframes digitais de baixa fidelidade com Figma.
Este livro aborda os fundamentos da prototipagem, incluindo técnicas de wireframing, prototipagem de alta fidelidade e testes de usabilidade.
Este guia introdutório fornece uma base sólida nos fundamentos do design de interface do usuário, cobrindo tópicos como princípios de design, padrões comuns e ferramentas essenciais.
Este clássico livro de design fornece uma compreensão fundamental dos princípios da experiência do usuário e da usabilidade.
Este livro fornece uma base sólida nos princípios do design de interface, com foco na usabilidade e na experiência do usuário.
Este livro influente oferece uma compreensão perspicaz dos princípios do design centrado no usuário, fornecendo exemplos de design bem e mal elaborados.
Este livro oferece uma visão geral do processo de design thinking, enfatizando a importância da pesquisa, prototipagem e testes.
Save
Este livro fornece um guia passo a passo para o processo de sprint de design, uma metodologia ágil para resolver problemas e inovar.
Este livro introduz o conceito de design atômico, um sistema para criar interfaces de usuário consistentes e escaláveis.
Este livro oferece uma compreensão fundamental da arquitetura da informação e seu papel no design de sites úteis e utilizáveis.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Crie wireframes digitais de baixa fidelidade com Figma.
Crie designs e protótipos de alta fidelidade com Figma
Most relevant
Gestão de produtos digitais: Princípios básicos modernos
Most relevant
Gerenciamento de projetos Agile
Most relevant
UX & Design Thinking: Experiência do Usuário nos negócios
Most relevant
OBS Studio Essencial
Most relevant
Criação de Startups: Como desenvolver negócios inovadores
Most relevant
Atrair e engajar clientes com marketing digital
Most relevant
Intro to TensorFlow em Português Brasileiro
Most relevant
Criar designs e protótipos de alta fidelidade no Figma
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser