Scribd
Carregar
16 visualizações1 página

Web Design Responsivo

Enviado por

jgabrielfdc08
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
16 visualizações1 página

Web Design Responsivo

Enviado por

jgabrielfdc08
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 1

Web Design

Responsivo

Introdução

A era pós-PC trouxe a ubiquidade da web em dispositivos…

Contexto da Computação Móvel A necessidade de um design que se adapte a diferentes tamanhos


tela
de é crucial.

O foco deve ser em uma web única, sem versões separadas


dispositivos
para móveis.

Princípios do Web Design Responsivo

Utilização de medidas relativas em vez de fixas para permi-


flexibilidade.
tir

Layout Fluído A importância de evitar barras de rolagem e conteúdos corta…

Exemplos de como um layout fluído se adapta a diferentes res…

Aplicação de CSS para garantir que imagens se ajustem ao taman-


do
ho contêiner.

Imagens e Recursos… A regra max-width: 100% como solução para imagens responsi…

Considerações sobre o uso de vídeos e outros recursos multi…

Definição e importância das Media Queries no design respon…

Media Queries Exemplos de como aplicar Media Queries para diferentes disposi…

A utilização de breakpoints para alterar o layout conforme a resolução.

Mobile First

A abordagem Mobile First prioriza o design para dispositivos


antes
móveisde expandir para desktops.

Conceito de Mobile First Vantagens de focar no conteúdo essencial e na experiência do…

A importância de um planejamento cuidadoso e da exe-


disciplinada.
cução

Identificação de diferentes perfis de uso: pesquisar, explorar,


e editar.
check-in

Perfis de Uso em Dispositivos… A necessidade de adaptar o design às circunstâncias de uso dos


dispositivos móveis.

Exemplos de como os usuários interagem com seus dispositivos


diferentes
em contextos.

Padrões de Navegação Mobile

Discussão sobre os principais padrões de navegação para disposi-


móveis.
tivos

Tipos de Navegação Vantagens e desvantagens de cada abordagem, como Top nav, ânco-
no
ra rodapé e menu de seleção.

A importância de uma navegação intuitiva e acessív…

A necessidade de feedback imediato em interações do…

Princípios de Design para Inter- Considerações sobre gestos e como eles impactam a experiência
Móveis
faces usuário.
do

A importância de otimizar a experiência de uso, focando no conteú-


e
dona simplicidade.

Ferramentas e Recursos

Sugestões de leitura para aprofundar conhecimentos sobre de-


responsivo.
sign
Artigos e Tutoriais
Links para tutoriais práticos que ajudam na implementação de técni-
de
casdesign responsivo.

Apresentação de frameworks populares para facilitar o


desenvolvimento responsivo.
Frameworks e Modelos
Exemplos de como usar grids flexíveis e componentes de UI
projetos
em responsivos.

Ferramentas para testar e validar a responsividade de…


Testes de Responsividade
A importância de realizar testes em diferentes dispositivos
resoluções.
e

Conclusão

A evolução contínua do web design responsivo e a necessidade


adaptação
de constante.
Considerações Finais
A importância de manter-se atualizado com as melhores práticas
novas
e tecnologias.

Você também pode gostar