Design para internet

6

description

Palestra apresentada na FUPAC em Visconde do Rio Branco / MG para os Aluno do curso de Sistema de Informação.

Transcript of Design para internet

Page 1: Design para internet

DESIGN PARA INTERNET

Page 2: Design para internet
Page 3: Design para internet
Page 4: Design para internet
Page 5: Design para internet
Page 6: Design para internet
Page 7: Design para internet

OBJETIVOS DO DESIGN WEB

Page 8: Design para internet
Page 9: Design para internet

• O usuário

• A tarefa a ser executada

• A ferramenta necessária para a execução

da tarefa

Page 10: Design para internet

Esse é o objetivo de todo

webdesigner.

Contribuir para uma interface

gráfica não só bonita mas funcional.

Page 11: Design para internet

ELEMENTOS DO DESIGN WEB

Page 12: Design para internet

Elemento deOrientação

Elemento de Navegação

Elemento de Emoção

Elemento deConteúdo

Page 13: Design para internet
Page 14: Design para internet
Page 15: Design para internet
Page 16: Design para internet

Elementos de NavegaçãoAjuda o usuário a se mover dentro do site e acessar áreas específicas.

Elementos de OrientaçãoDiz ao usuário onde ele está dentro do site.

Elementos de InteraçãoProcessa informações e dados incluídos pelo usuário. Exemplo: uma busca, formulários, enquetes, etc.

Elementos de ConteúdoToda a informação em forma de texto, imagens, sons, vídeos ou animações.

Elementos de EmoçãoApelam para o sentimento do usuário, provocando curiosidade ou convidando a continuar a visitação, destacando alguma seção do site, produto ou serviço. Esses elementos podem ser imagens, animações, sons ou composições textuais.

Page 17: Design para internet
Page 18: Design para internet
Page 19: Design para internet
Page 20: Design para internet

USO ORIENTADO DO DESIGN WEB

Page 21: Design para internet

Trazendo isso para o design web, podemos dizer que é praticamente impossível agradar a todos ao mesmo tempo utilizando uma mesma linguagem visual.

Por isso é preciso decidir o público-alvo do site para a partir daí encontrar a linguagem que deverá ser utilizada.

Page 22: Design para internet
Page 23: Design para internet

O Briefing

Page 24: Design para internet

Podemos dizer que o briefing é um

conjunto de dados fornecidos pela

empresa-cliente para orientar você na

sua criação.

Page 25: Design para internet

Usabilidade

Page 26: Design para internet

Onde Estou?

Desorientação causa insegurança.

Page 27: Design para internet

Não me faça pensar

"Qual a coisa mais importante que eu devo fazer se quiser me assegurar que meu website seja fácil de usar?"

Page 28: Design para internet

Um exemplo típico de dificuldade

gratuita e sem necessidade são os nomes

das seções.

Quando tentam reinventar um nome já

conhecido, a coisa complica.

Page 29: Design para internet
Page 30: Design para internet
Page 31: Design para internet
Page 32: Design para internet

Cores

Page 33: Design para internet
Page 34: Design para internet
Page 35: Design para internet
Page 36: Design para internet
Page 37: Design para internet

Harmonia

Infinito

Eternidade

Nobre

Sobriedade

Lógica

Pensamento

Frio

Calmo

Confidência

Conservadorismo

Austeridade

Monotonia,

Dependência

Tecnologia

Page 38: Design para internet

Luxúria

Sofisticação

Sensualidade

Feminilidade

Desejo;

Espiritualidade

Criatividade

Realeza

Sabedoria

Resplandecência

Page 39: Design para internet

• AfeiçãoEncantamentoAmizadeJuventudeFloresDocesFemininoMeninaBebêsIngenuidadeDelicadeza

Page 40: Design para internet

• SólidoSeguroCalmoNaturezaRústicoEstabilidade,EstagnaçãoPesoAspereza.Antigo

Page 41: Design para internet

• PoderModernidadeSofisticaçãoFormalidadeMorteMedoAnonimatoRaivaMistérioNoite

Page 42: Design para internet

• Elegância

Humildade

Respeito

Reverência

Sutileza

Page 43: Design para internet

• PurezaInocênciaReverênciaPazSimplicidadeEsterilidadeClaridadeHonestidadeInocênciaDivindadeLuzRendição

Page 44: Design para internet

Processos para o desenvolvimento

de um Bom Site

Page 45: Design para internet
Page 46: Design para internet
Page 47: Design para internet
Page 48: Design para internet
Page 49: Design para internet
Page 50: Design para internet
Page 51: Design para internet
Page 52: Design para internet
Page 53: Design para internet
Page 54: Design para internet
Page 55: Design para internet
Page 56: Design para internet
Page 57: Design para internet
Page 58: Design para internet
Page 59: Design para internet
Page 60: Design para internet
Page 61: Design para internet
Page 62: Design para internet
Page 63: Design para internet
Page 64: Design para internet
Page 65: Design para internet

Processos para o desenvolvimento

de um Bom Site

Page 66: Design para internet

Wagner Amaro

www.wagneramaro.com.br