Portuguese, Brazilian 字幕

← Responsive Design - Developing Android Apps

埋め込みコードを取得する
10言語

Showing Revision 16 created 06/20/2016 by Udacity Robot.

  1. Agora temos wireframes
    implementados para ambas as telas.
  2. Mas qual é a aparência no tablet?
  3. Bem, infelizmente, quando
    pegamos a interface de telefone
  4. e a estendemos em um tablet,
    não parece bom.
  5. Há muito espaço vazio aqui.
  6. Poderíamos aproveitar melhor
    essa tela
  7. mostrando mais informações úteis.
  8. Por exemplo, por que esses detalhes
    precisam ser clicados
  9. quando poderiam facilmente
    caber na tela?
  10. E, além disso, se o usuário
    quiser ver
  11. a lista completa de previsões,
    os olhos devem seguir esta direção,
  12. uma experiência de leitura
    bem desagradável.
  13. Se quisermos que o usuário leia algum conteúdo,
    devemos manter a largura mais estreita,
  14. para que ele possa vê-lo rapidamente.
  15. Essas considerações fazem parte
    de um design responsivo.
  16. Design responsivo significa
    projetar o aplicativo
  17. lembrando que
    ele será usado
  18. em vários tamanhos de tela de dispositivos diferentes.
  19. Como fazer isso,
    e o que significa construir
  20. para dispositivos de tela maior, como tablets.
  21. Posso mostrar alguns exemplos de como
    os aplicativos adaptam-se usando layouts multipainéis.
  22. No guia de design do Android,
    há uma seção sobre layouts multipainéis.
  23. Uma técnica é combinar
    várias exibições juntas.
  24. Por exemplo, no aplicativo People,
    você tem a lista de contatos
  25. e o cartão de contato
    para detalhes adicionais.
  26. No tablet, podemos
    colocá-los lado a lado.
  27. Isso é também conhecido como
    MasterDetailFlow.
  28. Esta é a lista principal
    e este é o painel de detalhes.
  29. No aplicativo de configurações,
    temos outro exemplo.
  30. O ajuste de largura da coluna
    com base na largura de tela disponível.
  31. No aplicativo de calendário, temos painéis,
    e eles se ajustam verticalmente
  32. na orientação retrato,
  33. mas horizontalmente
    na orientação paisagem.
  34. Há também outros exemplos
    que você pode analisar.
  35. Se você quiser mais informações
    sobre como projetar para tablets
  36. ou design responsivo em geral,
    confira os links abaixo
  37. para obter mais detalhes.
  38. Neste curso, estamos aprendendo
    como construir a IU de telefone primeiro,
  39. e depois a interface de tablet.
  40. Mas, na verdade, quando o estamos projetando,
    pensamos em design responsivo
  41. desde o começo.
  42. Quando você está construindo seu próprio aplicativo,
    não é uma boa prática desenvolver completamente
  43. o design para o celular
    e só depois iniciar o brainstorming
  44. sobre interface de tablet.
  45. Isso porque a interface de tablet muitas vezes
    tem impacto no design do telefone,
  46. assim como as decisões estruturais
    feitas aqui.