Mobile Técnico

Ícones no Android, pacote para Download

Como você sabe, o objetivo desses artigos é traduzir parcialmente (as partes mais importantes) a Guideline do Android e fazer comentários a respeito da mesma, a fim de auxiliá-lo na criação de uma interface realmente proveitosa.

A documentação tem por propósito oferecer informações que permitam que você construa uma interface limpa e unificada, ou seja, algo que seja agradável ao seu usuário, e para isso você deve seguir os padrões.

Para criar seus ícones você pode usar de base o pacote oferecido pela própria Android, segue ele abaixo.

icon_templates-v2.0

Tamanho correto do seu ícone

O Android foi concebido para funcionar em uma variedade de dispositivos que oferecem uma gama de tamanhos de tela e resoluções, o que pode ser um problema, por isso você deve ficar atento. Quando você cria os ícones para sua aplicação, é importante ter em mente que seu aplicativo pode ser instalado em qualquer desses dispositivos. Segundo documentação no site da Android a plataforma Android faz com que seja fácil para você fornecer ícones de tal maneira que eles serão exibidos corretamente em qualquer dispositivo, independentemente do tamanho do dispositivo de tela ou resolução.

Em geral, a abordagem recomendada é criar um conjunto de ícones distintos para cada uma das três resoluções de tela existentes listadas na Tabela 1, abaixo, em seguida, armazená-los em diretórios com o tamanho específico de sua aplicação. Quando o aplicativo é executado, a plataforma Android irá verificar as características dos ícones da tela do dispositivo e carregar os recursos apropriados referente a resolução correta. Para maiores informações sobre esse tema de “densidade” como é citado no site oficial Android Developers, ou seja, sobre a resolução, confira esse link (em inglês): Resource directory qualifiers for screen size and density

O padrão de resolução do Android é médio, chamado de mdpi, Por essa razão é recomendado criar diferentes ícones em resolução que atendam essa necessidade:

Uma vez desenvolvido ícones para as diversas resoluções, você deve inserí-los na pasta correta, apesar deste ser o trabalho do desenvolvedor conheça esses diretórios, pois será mais fácil enviar ao dev os arquivos zipados com seus respectivos diretórios.

  • Resolução média (Medium-density assets) no diretório res/drawable-mdpi/ (ou por default no diretório res/drawable/ ), como citado, a resolução média é a resolução padrão.
  • Alta resolução (High-density assets) no diretório res/drawable-hdpi/
  • Baixa resolução (Low-density assets) no diretório res/drawable-ldpi/

Resolução média (Medium-density assets) no diretório res/drawable-mdpi/ (ou por default no diretório res/drawable/ ), como citado, a resolução média é a resolução padrão.Alta resolução (High-density assets) no diretório res/drawable-hdpi/Baixa resolução (Low-density assets) no diretório res/drawable-ldpi/

Espero com esse artigo ter solucionado as primeiras dúvidas básicas na construção dos ícones, que é os padrões de tamanhos para as diversas resoluções existentes nos vários devices que temos para esse sistema operacional, acompanhe o blog para conferir novos artigos.

_________________________________________

Eduardo Horvath é UX Specialist e Designer na redspark.
Formado pela Faculdade Impacta de Tecnologia no curso Design de Mídia Digital ele atua na área de Design a mais de 15 anos.

@eduardohorvath

Autor(a)

Eduardo Horvath

Comentários (6)

  1. Android UI Guidelines | DClick Team Weblog [pt]
    29 de novembro de 2010

    […] Ícones […]

  2. Ícones do Menu | DClick Team Weblog [pt]
    29 de novembro de 2010

    […] Você pode conferir os ícones no pacote que postei no post Pacote para Download […]

  3. UrlRaioX
    8 de dezembro de 2010

    Pra quem não é designer é complicado, mesmo tendo a base. 🙂

  4. eduardo.horvath
    8 de dezembro de 2010

    Opa, qualquer dúvida que tiver pode postar amigo, se possível eu explico ou mesmo elaboro um post para solucionar o “mistério” caso seja algo extenso. Fique a vontade.

  5. CkDeveloper
    20 de junho de 2011

    Valeuuuuu 🙂

  6. Carlos
    30 de janeiro de 2012

    Boa Eduardo, informação importante e sem enrolação! Um abraço.

Deixe um comentário

O seu endereço de e-mail não será publicado.