6dicas– veda 4

9
6 dicas de identidade visual para websites – VEDA 4 Feito por: Andréa Souza

Transcript of 6dicas– veda 4

Page 1: 6dicas– veda 4

6 dicas de identidade visual para websites – VEDA 4Feito por: Andréa Souza

Page 2: 6dicas– veda 4

Dica 1• Para a identidade visual do seu site recomenda-se pensar

sobre a apresentação de: aspectos técnicos (cores, fontes, formatos gráficos, dentre outros), variações de assinatura (símbolo, nome, da marca a ser representada por exemplo).

• Uma dica para testar é colocar a imagem da marca no menor tamanho possível, para ver se fica legível, e também, em cores preto e branco e colorido, verificando se há algum problema de visualização/entendimento (ASCOM, 2012).

Page 3: 6dicas– veda 4

Dica 2• Além de pensar sobre a organização, aqui vão mais perguntas

que podem abrir mais as ideias sobre o publico alvo:• Quem você espera que visite o seu sitio e porque eles vêm? • O que você sabe sobre os seus visitantes? • São pessoas de todas as idades, diferentes gostos, variedade

de opiniões?• O que você quer que seu sitio faça pelos seus visitantes?

(DUCKETT, 2010)

Page 4: 6dicas– veda 4

Dica 3• Teste várias ideias. Não se apague a primeira que surgir, faça

quantos layouts for necessário até se sentir satisfeito. Sempre é bom pesquisar a respeito do que mais lhe agrada.

• Há a possibilidade de fazer uma enquete com o publico alvo em questão, o type form, google doc, por exemplo, são bons para isso e gerando gráficos com as estatísticas das respostas.

Page 5: 6dicas– veda 4

Dica 4• Autores que indico ler sobre o assunto de identidade visual

são:• Ligia Fascioni: DNA Empresarial: identidade corporativa como

referência estratégica.• Pinho: O poder das marcas • Também ajudam a elaborar um briefing averiguando quais as

informações mais relevantes para serem aplicadas. O briefing é uma descrição de todas as informações relevantes aos interessados no projeto. Terá o proposito de ajudar a esclarecer especificações da parte técnica de forma mais completa e útil possível (PHILLIPS, 2007 p.2).

Page 6: 6dicas– veda 4

Dica 5• O Modelo de acessibilidade em Governo Eletrônico (e-MAG)

fornece tabelas de cores que podem também ser sugestões a seguir pensando na identidade visual:

Cores contrastantes com a cor pretaFonte: EMAG, 2016.

Cores contrastantes com a cor brancaFonte: EMAG, 2016.

Page 7: 6dicas– veda 4

Dica 6 • É importante que a identidade visual reflita quem a pessoa é

profissionalmente e traga uma boa impressão de eficiência destacando as principais qualidades e virtudes.

• Quando se aprende a valorizar o que tem é possível chamar a atenção para os clientes criando uma experiência positiva.

Page 8: 6dicas– veda 4

Obrigada por assistir! Inscreva-se no canal ;)

Page 9: 6dicas– veda 4

Referências • ASCOM – DNT. Manual de Identidade Visual. Disponível em:

https://books.google.com.br/books?id=IFfEAgAAQBAJ&pg=PA7&dq=identidade+visual&hl=pt-BR&sa=X&ved=0ahUKEwiis4m1_PXLAhUJlZAKHWgeBjcQ6wEIPTAC#v=onepage&q=identidade%20visual&f=false . Ministério dos Transportes, 2012

• Departamento de Governo Eletrônico 2011. Modelo de acessibilidade em Governo Eletrônico e-MAG. Gestão, Secretaria de Logística e Tecnologia da Informação; Ministério da Educação, Secretaria de Educação Profissional e Tecnológica. Brasília, 2011. Disponível em: <http://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG>

• DUCKETT, Jon. Acessible XHTML and CSS – Web Problem – Design Solution. Indiana: Ed.: Wiley Publishing. 2010.

• FASCIONI, Ligia. Disponível em: http://www.ligiafascioni.com.br/livros/dna-empresarial-identidade-corporativa-como-referencia-estrategica/. Acessado em Abril, 2016.

• PINHO, J. O poder das Marcas. Disponível em: https://books.google.com.br/books?id=xg5xXtXBrBsC&pg=PA29&dq=identidade+visual&hl=pt-BR&sa=X&ved=0ahUKEwjbg9TQhvbLAhWCjZAKHepdAKYQ6wEIODAB#v=onepage&q=identidade%20visual&f=false. Acessado em Abril, 2016.

• PHILLIPS, Peter. Briefing: A Gestão do Projeto de Design. SP: Ed. Blucher, 2007.