O desenvolvimento de aplicativos para celulares é o futuro dos negócios. Há previsões de que até 2020 o faturamento nessa área chegue a US $189 bilhões. Na média, um usuário comum de smartphone usa 30 aplicativos por mês. Já existem 2,8 milhões de apps oficiais criados para os fãs do Android. E cerca de 2,2 milhões de aplicativos já foram lançados na App Store da Apple. Como fazer com que as pessoas prestem atenção no seu app diante de tamanha concorrência?
O ícone do app é a primeira coisa que os usuários notam antes de decidir instalar o aplicativo. Portanto, é o ícone que vai diferenciar o seu aplicativo dos apps da concorrência. Crie um ícone atraente e ele chamará a atenção de novos usuários. Um design de qualidade será melhor que qualquer palavra para dizer às pessoas que o seu app é o mais interessante.
Por que é necessário criar um ícone de app para celular?
O ícone do app é uma imagem gráfica. Seu objetivo principal é ser usado como um atalho para abrir o programa instalado. Além disso, a imagem simplifica a identificação do app quando você pesquisa, pois, ao ver várias opções semelhantes, o usuário vai escolher pelo ícone, título e classificação. O ideal é que o ícone explique a finalidade do programa.
Portanto, a tarefa do ícone é despertar o interesse do usuário e convencê-lo de que o app é confiável e pode solucionar suas reais necessidades.
6 Dicas para Criar Logos para Aplicativos
O ícone de um app para celular deve ser original (não infringir direitos autorais). Ele também deve combinar ao design da interface do programa por meio da cor e do estilo. E o mais importante, o elemento deve estar de acordo com as regras oficiais de design da loja:
• Um ícone para apps de Android deve ser criado seguindo as dicas para designers de produtos do Android;
• Um ícone para o iPhone e outros gadgets que usam o iOS precisa ser desenvolvido com base nas diretrizes da Apple.
Além disso, siga as diretrizes gerais universais para que o logo desempenhe suas funções de maneira eficaz. Reunimos aqui as 6 regras principais.
1. Escalabilidade
O ícone do aplicativo móvel é exibido na página principal da loja, no submenu (na versão menor) e como um ícone na tela do dispositivo móvel. Em todos estes casos, ele terá tamanhos diferentes. A exibição na tela geralmente depende da resolução e das configurações personalizadas. O principal a ser observado aqui é que a imagem deve ser legível em todos os tamanhos sem que o usuário precise forçar os olhos para ver os detalhes. Você pode verificar as opções para exibir seus ícones usando serviços especiais, por exemplo, o Appsparky.
2. Reconhecimento
A maioria dos usuários deve reconhecer os símbolos e imagens em seu ícone. Todos os elementos visuais devem ser compreendidos pelas pessoas, independentemente do país em que vivem e da língua que falam. A eficácia do ícone depende da compreensão dos usuários sobre sua ideia de design. Um bom exemplo é o YouTube, que teve como base o símbolo tradicional que representa um vídeo.
3. Singularidade
O ícone do seu app competirá pela atenção do usuário com milhões de outros ícones. A singularidade, neste caso, é uma chance de tornar as imagens perceptíveis. Como tornar o ícone do aplicativo único:
• Explore outros ícones em seu nicho. Analise o melhor trabalho e faça tudo de forma diferente. Copiar as ideias de outras pessoas, neste caso, é o caminho para o fracasso;
• Procure novos significados em combinações de cores e símbolos. Experimente e faça muitas tentativas;
• Inspire-se com os ícones de apps de jogos: este nicho tem menos requisitos formais de imagem e mais criatividade;
• Você pode usar o elemento visual reconhecível de sua marca como sua ideia principal. Essa foi a opção escolhida pelos desenvolvedores do aplicativo do Twitter, por exemplo.
4. Número moderado de letras
O Facebook tem todo o direito de usar a letra F estilizada da marca no ícone do aplicativo. O mesmo acontece com dezenas de outros serviços famosos. Se a sua identidade corporativa for desenvolvida de forma que os usuários o reconheçam com uma ou duas letras, será excelente. Portanto, não coloque no ícone o nome completo da empresa. No geral, utilize o menor número possível de letras ou palavras. Se você decidir inserir uma palavra, então não use totalmente os benefícios dos elementos visuais.
Palavras e imagens são ferramentas opostas. O ícone é uma representação gráfica do aplicativo. Dê a devida atenção aos detalhes visuais porque:
• o nome do aplicativo já estará escrito ao lado do ícone;
• letras e palavras desviarão a atenção das imagens – e vice-versa. Desfocar a atenção do usuário o levará a escolher um concorrente.
Se o nome for curto, você pode tentar usá-lo como um elemento central. Foi isso que fez a empresa neozelandesa Xero.
5. Correspondência funcional do logo
Os processos de interação do usuário com o ícone e a interface devem ser os mesmos. Um bom ícone de aplicativo deve expressar o conceito do programa, criar uma imagem completa do produto e complementar o design, a ideia e a funcionalidade do app. Este ícone deve:
• corresponder ao esquema de cores e ao estilo do app;
• demonstrar para que serve o programa;
• ser bem visível tanto nos temas escuros quanto claros das lojas de aplicativos, bem como, em diferentes tipos de fundos de papel de parede personalizados.
Um exemplo de uma boa solução visual é o Dropbox:
6. Ser exibido tanto no fundo escuro quanto no claro
O usuário pode estar usando o tema escuro em seu celular e loja de apps. Esta opção de tema está disponível na maioria dos aparelhos. É importante que o ícone tenha a mesma aparência em todas as variantes do plano de fundo. Você pode testar isso com o serviço IconTester. Aqui está um exemplo de visualização:
Tendências de design de logos e ícones de apps para celular
Como fazer um ícone para um app do Android ou iOS levando em consideração as tendências de design? Vamos agora falar sobre aquilo que é relevante no design de logos atualmente e para o futuro:
1. Simplificação. Retire o excesso da composição e concentre-se no principal. Quanto mais simples for a imagem, melhor ela será reconhecida em qualquer tipo de tela. O app Smartsheet tem exatamente esse tipo de logo.
2. Remova todos os itens desnecessários. Remova todos os pequenos detalhes que não afetam o significado do seu logotipo. Se apenas o principal permanecer, ele será mais fácil de ser lembrado. O exemplo aqui é o app Calendly.
3. Destaque os detalhes. Destaque um dos detalhes do seu ícone ou deixe o logo um pouco assimétrico. Isso vai atrair a atenção dos usuários. Isso é o que os desenvolvedores do Todoist fizeram.
4. Degrades. Essa é a tendência de 2018 que continua relevante atualmente. Com a ajuda do degradê, a imagem pode ficar mais volumosa e profunda. Uma boa opção para obter efeitos visuais exclusivos. O Instagram é o exemplo desta tendência.
5. Tons de néon. Logos minimalistas podem fazer o uso de tons vivos de neon. Esta é a tendência em que os designers do Spotify se baseiam.
6. Feito à mão. Uma nova tendência são as imagens desenhadas à mão com linhas borradas e cores naturais. Esta foi a opção escolhida pela MetLife.
Como fazer um ícone para um app do Android?
O ícone para aplicativos do Android precisa ser desenvolvido com base em suas configurações de gadget e resoluções de tela existentes. O DPI é usado para medir a qualidade dos gráficos em aplicativos. A classificação DPI é a seguinte:
• LDPI – 120;
• MDPI – 160
• HDPI – 240;
• XHDPI – 320;
• XXHDPI – 480.
O ícone do aplicativo deve ser projetado em conformidade com os termos do Android.
Requisitos de ícone para lançar um programa:
A imagem para rodar o programa do smartphone deve estar no formato PNGs de 32 bits. O fundo transparente é um requisito obrigatório.
O tamanho mínimo do ícone para MDPI é 48 dp, as bordas são 1 dp. O detalhamento depende do DPI. Opções de tamanho para outras métricas (em px):
| MDPI | HDPI | XHDPI | XXHDPI | XXXHDPI |
| 48 | 72 | 96 | 144 | 192 |
Requisitos dos Ícones para publicação na Google Play
O ícone do app deve ter 512×512 pixels de altura e alta resolução. Este ícone é projetado especificamente para a Google Play e não pode ser usado como um ícone para abrir o app. Contudo, as imagens dos diferentes tamanhos dos ícones devem ser idênticas.
Dicas e diretrizes para o desenvolvimento de ícones para app do Android
Use as seguintes diretrizes:
• coloque os elementos importantes no centro, longe das bordas e do terço inferior da moldura;
• se for um logo, coloque-o no centro com alinhamento vertical e horizontal;
• use apenas fontes grandes para letras.
A criação de um ícone para o aplicativo móvel Android pode ser realizada para um propósito específico. Por exemplo:
1. Branding. Crie um ícone original usando as cores e os símbolos da sua marca.
2. Envolver os usuários que procuram apps no Google Play. O design de qualidade é um indicador do excelente design do seu programa.
Independentemente do propósito, a imagem do aplicativo Android deve parecer clara em todas as configurações quando combinada com todas as variações de planos de fundo. É permitido um formato único de ícone.
Como fazer um ícone para um app do iOS?
Para um aplicativo do iOS, você precisará criar um ícone em um tamanho pequeno e outro grande. O pequeno será exibido na tela inicial e no sistema (após a instalação do aplicativo). O grande será exibido na App Store.
| Tipo de dispositivo | Tamanho do ícone (px) |
| iPhone 6s Plus etc. | 180×180 |
| iPhone 6s, iPhone 6, iPhone SE etc. | 120×120 |
| iPad Pro | 167×167 |
| iPad, iPad mini | 152×152 |
| App Store | 1024×1024 |
Crie alguns ícones pequenos, levando em consideração as configurações necessárias para diferentes dispositivos iOS. Não deve haver diferenças visuais dramáticas entre as imagens de tamanhos diferentes.
Importante: você não precisa adicionar uma borda para destacar seu ícone, pois o sistema adicionará automaticamente um recuo de 1 pixel a todos os ícones para realçá-los.
Regras de design para ícones de aplicativos do iOS
Siga estas recomendações:
1. Design simples. Tem que ser o elemento central que transmite a essência do programa, sobre um fundo simples e memorável e com o mínimo de detalhes.
2. Ênfase clara. Concentre-se no elemento que atrairá usuários e indicará o propósito de seu programa.
3. Reconhecimento. Sem quebra-cabeças: o usuário não tem tempo para ficar pensando e tentando entender algo. Ele deve entender a importância do ícone e do programa instantaneamente.
4. Fundo opaco simples para focar no elemento principal.
5. Nade de imagens com direitos autorais! Isso também se aplica a itens relacionados à marca Apple.
6. Teste o ícone em diferentes opções de plano de fundo para garantir que a imagem do ícone caia bem com qualquer tipo de papel de parede personalizado.
7. Deixe os cantos retos, o próprio sistema os arredondará.
Como criar um logo para um aplicativo: melhores serviços
Se você deseja criar um ícone para o aplicativo móvel, existem alguns serviços convenientes que vão lhe ajudar.
Logaster
É um gerador de logo online. Oferece dezenas de soluções visuais exclusivas. Você pode especificar o esquema de cores e o tema desejados. Você pode editar a versão do logo escolhida e baixá-la nos tamanhos apropriados.
Makeappicon
É um gerador de ícones para Android e iOS. Você pode fazer upload de sua própria imagem e o serviço irá gerar o ícone com seu logo. Eles atenderão às exigências atuais.
IconsFlow
É um editor de ícones online que permite criar imagens de estilo único. Você pode se passar por um designer gráfico e selecionar os elementos e cores certos. Você também pode fazer upload e editar a sua própria imagem.
Font Awesome
É um poderoso editor de ícones para aplicativos de celular e redes sociais. Ele oferece muitas opções e configurações para criar uma imagem única.
Conclusão
O desenvolvimento de um logo ou ícone para um aplicativo celular é uma tarefa complexa. Você deve chegar a um resultado interessante, único e atraente que atenda aos requisitos dos desenvolvedores das plataformas móveis. Siga as regras e fique atento às tendências. Use serviços de geração de ideias de última geração e torne o seu app atraente para o público.
