Ícones de aplicativos - pearson · “interrobang”) no monograma de assinatura pearson. pearson...
TRANSCRIPT
Ícones de aplicativos
2Diretrizes da Marca Pearson 2016 Ícones de aplicações
Nós criamos vários aplicativos, tanto para uso interno quanto externo. A fim de manter uma aparência e uso consistentes em todos os ícones de aplicativos, é importante seguir as orientações apresentadas nesta seção.
1. Monograma de assinatura PearsonO monograma de assinatura Pearson sempre aparece no canto superior esquerdo do ícone. Não altere o seu tamanho ou posição.
2. Cor de fundoO monograma de assinatura Pearson sempre está em uma área com fundo branco sólido.
3. Pictograma de usoEstes elementos são diferentes para cada novo aplicativo. Consulte as páginas 3 e 4 para obter orientações sobre como criá-los.
4. Nome do aplicativoO nome do aplicativo deve começar com ‘Pearson’ e ser seguido por um nome descritivo curto, simples e pertinente, que ajude a identificar a função específica do aplicativo. No entanto, as restrições de contagem de caracteres podem impedir que você inclua os dois nomes em cada um deles.
Ícones de aplicativosElementos
Visão geral
Margem do monograma de assinatura Pearson
Clique para fazer a transferência de um arquivo do Illustrator, que você pode usar como base para desenhar os ícones de aplicativos. Consulte a especificação técnica de cada plataforma, na qual você deseja apresentar o seu aplicativo e ajuste a arte final adequadamente em relação ao dimensionamento, raio do canto e formatos de arquivo.
1
3
2
Margem do monograma de assinatura PearsonO monograma de assinatura Pearson tem uma margem ao seu redor. Não coloque nenhum elemento de desenho dentro desta margem. Como mostrado pelos pontos cor-de-rosa do diagrama, o espaçamento é igual à largura de dois pontos, desde o ponto “exclarrogativo” (o “interrobang”) no monograma de assinatura Pearson.
Pearson News 4
3Diretrizes da Marca Pearson 2016 Ícones de aplicações
Para reconhecimento da marca, o monograma de assinatura Pearson deve permanecer consistente em todos os nossos ícones de aplicativos. Para refletir o uso do aplicativo, cada ícone também deve incluir um pictograma do uso; veja aqui como criá-lo.
1. Paleta de coresOs pictogramas da função usam a nossas cores primárias, azul-escuro, azul claro e azul-turquesa.
2. Desenho de um pictograma da funçãoO seu pictograma deve ser uma simples representação de um objeto familiar que os usuários poderão identificar facilmente. Usar poucas formas geométricas ajuda a manter os pictogramas simples e consistentes em diferentes ícones de aplicativos. Sempre crie pictogramas que estão voltados para frente, não em perspectiva.
3. Posicionamento de um pictograma de uso em um íconePosicionamento central - Coloque o pictograma da função o mais centralmente possível no espaço, com os elementos importantes longe das bordas. Não permita que o pictograma entre na margem em torno do monograma de assinatura Pearson.
Recorte criativo - Isso dará ao seu ícone um aspeto mais divertido. Certifique-se de não recortar muitos detalhes, parecendo que o pictograma ficou perdido. Além disso, não permita que o pictograma entre na margem em torno do monograma de assinatura Pearson.
Pictograma de usoFundo
Ícones de aplicativosCriação dos pictogramas de uso
Paleta de cores Desenho de um pictograma de uso
Posicionamento de um pictograma de uso em um ícone
Área para colocar a imagem
Posicionamento central Recortes criativos
Área para colocar a imagem
Creating icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lacus lorem. Sed molestie iaculis risus id euismod. Proin a enim a nibh lobortis convallis. In non ex libero. Ut vestibulum libero tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lacus lorem. Sed molestie iaculis risus id euismod. Proin a enim a nibh lobortis convallis. In non ex libero. Ut vestibulum libero tincidunt.
NewInsight
Creating icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lacus lorem. Sed molestie iaculis risus id euismod. Proin a enim a nibh lobortis convallis. In non ex libero. Ut vestibulum libero tincidunt.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lacus lorem. Sed molestie iaculis risus id euismod. Proin a enim a nibh lobortis convallis. In non ex libero. Ut vestibulum libero tincidunt.
NewInsight
1
3
Azul-escuroR00 G48 B87#003057
BrancoR255 G255 B255#FFFFFF
Azul claroR212 G234 B228#D4EAE4
Azul-turquesaR18 G178 B166#12B2A6
2
4Diretrizes da Marca Pearson 2016 Ícones de aplicativos
Uso dos pictogramas de uso Recortes criativos
Combinação de textos e gráficos
Acessibilidade e legibilidade
Usando somente texto
Ícones de aplicativosExemplo de ícones de aplicativos
ABC
Data
Blog
ABC
Data
Blog
ABC
Data
Blog
ABC
Data
Blog
ABC
Data
Blog
ABC
Data
Blog
ABC
Data
Blog
Sempre se certifique de que as cores e o texto atendem aos nossos padrões de acessibilidade. As combinações aceitas de texto e cores para os ícones de aplicativos são mostrados aqui, à direita.
1. Uso dos pictogramas de usoOs ícones de aplicativos apresentam um pictograma simples de uso, que está posicionado totalmente na área de fundo branco, como nos exemplos aqui apresentados.
2. Recortes criativosPara criar um ícone de aplicativo mais dinâmico, procure usar formas interessantes para cortar o pictograma. Ao recortar, sempre assegure de manter o branco como a cor de fundo, atrás do monograma de assinatura Pearson.
3. Combinação de textos e gráficosVocê também pode combinar textos ou números em seu pictograma da função. Para garantir que permaneçam legíveis em tamanho pequeno, use poucos caracteres e somente as combinações de cores que atenderem aos nossos padrões de acessibilidade. Todos os textos devem ter o tamanho e atipografia da nossa marca, Open Sans ou Playfair Display.
4. Uso de texto somenteÀs vezes, pode ser mais adequadousar uma única palavra ou números em vezde um pictograma de uso. Nesses casos,use apenas palavras curtas em azul-escuro, para evitar que os caracteres fiquem ilegível em tamanho pequeno. Todos os textos devem ter o tamanho e tipografia da nossa marca, Open Sans ou Playfair Display.
1 2
3 4
Cor da fonteAzul claro | #D4EAE4
Cor de fundoAzul-escuro | #003057
AaCor da fonte
Azul-escuro | #003057
Cor de fundoAzul claro | #D4EAE4
Aa AaCor da fonte
Azul-escuro | #003057 Cor de
fundoBranco | #FFFFFF
Pearson Travel
Pearson Learn
Pearson Photo
Pearson Data
Pearson Invent Pearson Think
Pearson Blog
5Diretrizes da Marca Pearson 2016 Ícones de aplicativos
Ícones de aplicações O que não fazer
Não use qualquer outra cor primária, de suporte ou de destaque além daquelas permitidas por estas orientações.
Não use fotografias nos ícones de aplicativos.
Não coloque imagens dentro da margem em torno do monograma de assinatura Pearson.
Não use padrões nos ícones de aplicativos.
Não use ilustrações complexas nos ícones de aplicativos.
Não use o nosso logotipo como uma imagem.
Não use muito texto dentro de seu desenho ou ele pode ficar ilegível.
Não altere o tamanho, a cor ou a posição do monograma de assinatura Pearson.
Aqui estão alguns itens que devem ser evitados durante a criação dos ícones de aplicativos.
Orientações para as lojas de aplicativosAs lojas de aplicativos de empresas como a Apple ou Google atualizam frequentemente as suas regras e regulamentos relativos ao desenho dos ícones de aplicativos. Certifique-se de verificar as orientações mais recentes dessas empresas antes de apresentar um novo aplicativo a elas.
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016
PearsonPublishing ConferenceAugust 2016