desenho . idade da pedra . arte pré-histórica

desenho . idade da pedra . arte pré-histórica . 40.000a.c.
pinturas rupestres . gruta de lascaux frança
desenho . egípcios, assírios e babilônios . 6.000a.c.
estudo da astrologia e da astronomia
07 . 31
desenho . brasões . 900a.c.
famílias nobres usavam os símbolos nos pertences da família
08 . 31
desenho . reis e cavaleiros . idade média XII
usavam o desenho de símbolos para se identificar
09 . 31
desenho . igreja . cruz . idade média XII
símbolo da igreja católica; ao longo da história variações em seus desenhos
desenho . artesãos, artistas e pequenos comerciantes. XV
símbolo usavam os desenhos para “assinar” seus trabalhos
desta forma evitavam o roubo e representavam a garantia da origem dos seus produtos!
bauhaus . alemanha . pequenos e grandes empresários . 1919
utilização do desenho/ilustração para caracterizar o produto ou serviço
designer
design: úquêéissu?
[ingl. | design] s.m.
projeto, planejamento;
é a forma de representação visual de
uma idéia manifestando estilo e personalidade
concepção de
14 . 31
design gráfico, produto, web, moda, jóias, motion...
gráfico|programação visual
é a comunicação através de elementos gráficos
ex: marca, folheto, cartaz e anúncio
produto|projeto de produto
é a criação de objetos tridimensionais
ex: embalagem, stand, display e mobiliário urbano
web|projeto para web
é a criação de web sites
ex: intranet, internet e sistemas de informação
15 . 31
programador de computador + design = web designer
web designer | novo profissional no mercado ?
é o profissional de
design industrial + linguagem web
conhecimento específico
é quem projeta|cria ou mantém um site para a internet,
determinando previamente suas características visuais,
planejando e diagramando o conteúdo/informações a
serem apresentados visualmente na interface do usuário
16 . 31
gerações de concepção de site . websites
são três os estilos de site|design na internet
atualmente;
primeira geração
segunda geração
terceira geração
não são fases da web, mas estilos de design e edição que
convivem no mesmo espaço virtual!
17 . 31
estruturalismo . primeira geração
características principais
réguas horizontais;
muitos elementos horizontais;
textos grandes, complexos e exibidos
em linhas grandes;
limitado pela infra-estrutura original da internet.
18 . 31
estruturalismo . primeira geração www.canecao.com.br
estruturalismo . primeira geração www.culturabrasil.pro.br
estruturalismo + design . segunda geração
características principais
similaridade | sites muito parecidos e previsíveis;
hierarquia | organização estrutural complexa;
horizontalidade | ainda com muitos elementos horizontais;
simetria | equilíbrio visual baseado na simetria entre os
elementos das páginas;
excesso de imagens e luzes.
21 . 31
estruturalismo . segunda geração www.terra.com.br
estruturalismo . segunda geração www.uol.com.br
estruturalismo . segunda geração www.bol.uol.com.br
estruturalismo + design + design + design + design . terceira geração
características principais
programação visual | equilíbrio visual das cores e disposição
artística dos elementos;
interface limpa | baseada na importância de uma navegabilidade
segura do usuário | interatividade;
otimização | acesso rápido, eficiente e com tempo
de visitação otimizado;
galerias de informação | maior número de páginas com menos
informação exibida em cada uma delas.
25 . 35
estruturalismo . terceira geração www.nike.com
estruturalismo . terceira geração www.cocacola.com
estruturalismo . terceira geração www.havaianas.com.br
estruturalismo . terceira geração www.gaetanopesce.com
estruturalismo . segunda com características de terceira geração www.globo.com.br