curso web faveni aula 27
DESCRIPTION
Teoria e prática do webdesignAula apresentada em 11/12/2010TRANSCRIPT
![Page 1: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/1.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Curso Web FAVENICurso Web FAVENIAula 27Aula 27
Teoria e prática do WebdesignTeoria e prática do Webdesign
11/12/201011/12/2010
![Page 2: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/2.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que é Design?O que é Design?
Denomina-se design qualquer processo técnico e criativo relacionado à
configuração, concepção, elaboração e especificação de um artefato. Esse
processo normalmente é orientado por uma intenção ou objetivo, ou para a solução de
um problema.
fonte
![Page 3: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/3.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Qual a diferença entre Design e Arte?Qual a diferença entre Design e Arte?
•A arte inspira. O Design motiva.
•A arte existe para ser interpretada. O design existe para ser entendido.
•A arte evoca uma mensagem diferente para cada pessoa. O design transmite a mesma mensagem para todas as pessoas.
•A arte é um talento nato. O design é uma habilidade adquirida.fonte
![Page 4: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/4.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que é Webdesign?O que é Webdesign?
“O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web.” (Alexandre Wollner).
fonte
![Page 5: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/5.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?
Habilidades pessoais:
•Criatividade
•Atenção ao detalhe
•Memória visual
•Pensamento lógico
•Habilidade em lidar com pessoas
•...
![Page 6: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/6.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?
Habilidades pessoais:
•Senso estético
•Determinação
•Organização
•Empreendedorismo – Capacidade de identificar e gerar oportunidades.
![Page 7: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/7.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?
Habilidades técnicas:•Tipografia – link
•Cores – link1 – link2
•Fotografia – link
•Redação – link
•E as tecnologias da web: HTML, CSS ...
![Page 8: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/8.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Quais as habilidades de um Quais as habilidades de um webdesigner?webdesigner?
Conceitos relacionados ao design:•Gestalt – link1 – link2 – link3
•Semiótica – link1 – link2
![Page 9: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/9.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Mas, o que é preciso para fazer um site? Mas, o que é preciso para fazer um site?
•Registro de um domínio
registro.br
•Hospedagem gratuita:
http://000webhost.com saiba mais
•Hospedagens pagas: UOL, Localweb, ...
![Page 10: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/10.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Recursos úteisRecursos úteis
•Bancos de imagens - link
•Ícones - link
•Scripts - link
•Tutoriais, CMS, sites de referência...
![Page 11: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/11.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Para fazer o seu site...Para fazer o seu site...
•Uma descrição sobre você e o seu trabalho
•Um portfólio de trabalhos realizados
•Formulário de contato
Transforme seu nome
em uma marca.
![Page 12: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/12.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Para fazer um site para um cliente...Para fazer um site para um cliente...
O que é um cliente?•Em economia, cliente é toda
pessoa física ou jurídica que adquire algum produto ou serviço.
•Parte compradora de um contrato de fornecimento. Geralmente é quem determina as especificações do produto.
![Page 13: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/13.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Quem pode ser seu cliente?Quem pode ser seu cliente?
•Você mesmo, a empresa em que você trabalha, a sua própria empresa, seu colega, um parente, um amigo, um contato, um conhecido...
![Page 14: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/14.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Escolha seus clientesEscolha seus clientes
Se você tentar agradar a todo mundo, não vai agradar ninguém.
![Page 15: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/15.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Cuidado com clientes que:Cuidado com clientes que:
•tentam de forma insistente negociar valor. Ele vai querer determinar quanto vale o seu trabalho;
•tem um site muito mal feito. A culpa pode ter sido deles;
•eles mesmos ou um funcionário fizeram o site atual;
•...
![Page 16: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/16.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Cuidado com clientes que:Cuidado com clientes que:
•querem fazer reuniões e discussões demais para tomar uma decisão. Provavelmente ele não sabe o que quer e não confia em você;
•não comunicam o que querem do site. Só depois de tudo pronto eles vão dizer que não era isso que eles queriam;fonte
![Page 17: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/17.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O cliente é o segredo do O cliente é o segredo do sucesso de um site sucesso de um site
•Se você não define o papel do cliente, ele define o seu.
•O cliente define os problemas, o webdesigner acha as soluções.
•O cliente é o gerador de conteúdo, o webdesigner organiza a comunicação.
![Page 18: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/18.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O cliente é o segredo do O cliente é o segredo do sucesso de um sitesucesso de um site
•O cliente define o que é prioritário para o seu negócio, o webdesigner escolhe a forma de apresentação.
•O cliente define qual é o objetivo do site. O webdesigner busca atingir este objetivo e mede os resultados.
fonte
![Page 19: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/19.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Como cobrar por um site?Como cobrar por um site?
Imaginado a situação de criar um site usando um CMS, como o XOOPS:
•Estabeleça um valor de instalação mínima, de instalação dos módulos e de criação de páginas de conteúdo;
•Defina os tipos de site que você irá atender e crie tabelas de preço para cada perfil de site;
![Page 20: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/20.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Como cobrar por um site?Como cobrar por um site?
•Defina um valor ideal para a criação de um site completo e distribua este valor entre os componentes do site;
•Complemente com outros serviços
•Documente cada etapa com contratos e recibos fonte
![Page 21: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/21.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Como planejar um site?Como planejar um site?
•BriefingLevantamento dos requisitos, objetivos,
conteúdo, prioridades.
•Arquitetura da InformaçãoEstratégias de organização do conteúdo
de forma a otimizar a comunicação.
•LayoutDefinições técnicas de apresentação
usando as tecnologias da webfonte
![Page 22: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/22.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que não fazer em um site?O que não fazer em um site?
O que você já sabe que não deve usar em um site:
•Musiquinha
•Muita coisa se mexendo e piscando
•Fontes diferentes em excesso
•Etc...
![Page 23: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/23.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que é importante lembrar:O que é importante lembrar:
•Um site deve ser encarado como um desafio de comunicação, não como um desafio tecnológico;
•Um site é projetado para comunicar a mensagem do seu cliente para o público-alvo dele, não tem nada a ver com o seu gosto pessoal;
![Page 24: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/24.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que é importante lembrar:O que é importante lembrar:
•Um elemento no site sem objetivo é poluição visual. Pergunte a si mesmo “e se eu tirar isso?”;
•Inovação visual não compensa falta de relevância do conteúdo e usabilidade ruim.
![Page 25: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/25.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
O que mais fazer além de sites?O que mais fazer além de sites?
•Email marketing
•Vídeos institucionais
•Páginas do Facebook
•Aplicativos para celular
•Atualização de conteúdo
•Monitoramento de redes sociais
![Page 26: Curso web faveni aula 27](https://reader036.vdocuments.mx/reader036/viewer/2022062419/557236b4d8b42a78548b47e3/html5/thumbnails/26.jpg)
Curso Web FAVENI – Aula 27 – Teoria e prática do webdesignProf. Luis Marcelo Zanlucki – [email protected]
Mãos à obra!