Logotipo Design Interativo

Resolução de Tela de Smartphones e Tablets


Hoje temos diversas marcas de smartphones e tablets, e como é difícil projetar pensando em tanta resolução de tela que cada fabricante desenvolve, pensando nisso resolvi juntar os principais dispositivos do mercado e transformar em uma imagem mostrando o modelo e a resolução de tela de cada um.

Mais fácil do que ficar procurando na internet o tipo de resolução de cada aparelho para poder pensar como ficará o seu site em cada dispositivo, é claro não coloquei todos os smartphones e tablets disponíveis, mais coloquei os mais vendidos e que acabamos nos preocupando mais na hora de fazer testes.

A imagem mostra aparelhos da linha Samsung, Apple, Motorola e Sony.

 

Resolução de Tela de Smartphones e Tablets

Comentários
  1. Fabio disse:

    Muito bom, tendo em vista que trabalhamos muitas vezes com criações de imagens para aplicativos e não sabemos que dimensão utilizar, me ajudou bastante e tiver atualizado ou escrito mais sobre esse assunto gostaria que você entrasse em contato pelo whatsapp, (83) 98739.0040 ou pelo e-mail fabio.designer.pb@gmail.com

  2. Marcelo disse:

    Robson, primeiro parabéns pelo artigo.
    Minha pergunta: qual seria a melhor resolução para publicidade (imagem estática) em smartphones? Digo uma resolução média que possa utilizar.

  3. Obrigado por disponibilizar este conteúdo. De grande ajuda. Seria o máximo se desse uma atualizada com os novos modelos do mercado. Abs.

  4. Show de bola! Porém, as resoluções foram dadas levando em consideração o modo “portrait” (deixado em modo retrato), correto?

  5. Paulo disse:

    Muito obrigado, coincidentemente eu utilizei o Bootstrap antes de ver esse comentário e funcionou muito bem e olha que eu sou principiante nesse historia de design, então é muito bom saber que eu posso tirar dúvida aqui porque você realmente sabe do que falando, novamente muito obrigado, te desejo todo sucesso do mundo.

    • Robson Moulin disse:

      Olá Paulo, a sim o Bootstrap é muito bom, mas você também pode estudar para fazer responsive sem ele, não tem muito segredo é só ficar atento a alguns detalhes.
      Pode contar com o Design Interativo sempre que precisar, todas as dúvidas que pudermos responder, serão atendidas.

      Abs e Obrigado pelos votos!

  6. Robson disse:

    Paulo, o melhor seria você criar páginas responsivas, que se adequam ao tamanho da tela automaticamente.
    Você pode dar uma olhada no Bootstrap, que é uma ferramenta que trabalha páginas responsivas: http://getbootstrap.com/getting-started

  7. Paulo disse:

    Boa tarde

    Preciso fazer umas propostas de telas para um software para web, e eu quero fazer as primeiras telas para tablets e smartphones. Qual o tamanho das tela e resolução eu devo criar essas telas ?
    Me desculpe se não me expressei bem na pergunta estou começando agora.

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade