5
Ícones de aplicativos

Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

Ícones de aplicativos

Page 2: Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

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

Page 3: Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

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

Page 4: Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

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

Page 5: Ícones de aplicativos - Pearson · “interrobang”) no monograma de assinatura Pearson. Pearson News 4. Diretrizes da Marca Pearson 2016 Ícones de aplicações 3 Para reconhecimento

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