Resolução de Tela de Smartphones e Tablets


resolução

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





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

10 comentários em “Resolução de Tela de Smartphones e Tablets

  1. Marcelo 5 de maio de 2015 1:04

    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.

  2. Fernando Grossman 14 de novembro de 2014 10:14

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

  3. Stanley Sathler 15 de março de 2014 9:05

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

  4. Paulo 26 de fevereiro de 2014 17:12

    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 26 de fevereiro de 2014 17:33

      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!

  5. Robson 20 de setembro de 2013 17:59

    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

  6. Paulo 13 de setembro de 2013 11:51

    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

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>