PRINCPIOS DO DESIGN

Referncia bibliogrfica
Esta apresentao se baseia na obra de Robin Williams intitulada:

Design para quem no Designer. Noes bsicas de planejamento visual. So Paulo: Callis, 2009
Disponvel no endereo:

http://tinyurl.com/35bd5k7

OS 4 PRINCPIOS BSICOS
Proximidade
Alinhamento Repetio

Contraste
ESCOLA DE BAUHAUS
Fundada a partir de um manifesto de Walter Gropius, em 12/04/1919, a Bauhaus tem suas origens na fuso entre a Academia de Artes e a Escola de Artes e Ofcios da Alemanha.

PROXIMIDADE
O princpio da proximidade oferece ao leitor uma pista visual imediata da organizao e do contedo da pgina. Os itens relacionados entre si devem ser agrupados e aproximados uns dos outros, para que sejam vistos como um conjunto coeso e no como um emaranhado de partes sem ligao.
WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009. p. 15

EXEMPLO

Programa Nas Ondas do Rdio O que voc entende por ...

SME/SP

PROTAGONISMO JUVENIL?

Maro - 2010

EXEMPLO

O que voc entende por...

PROTAGONISMO JUVENIL?

Programa Nas Ondas do Rdio SME/SP Maro 2010

ALINHAMENTO
O princpio do alinhamento avisa ao leitor que, mesmo separados, os itens fazem parte de nico material. Nenhum item colocado arbitrariamente numa pgina. Os itens devem ter uma conexo visual com algo na pgina. Uma vez alinhados, h uma linha invisvel que conecta todos os itens, tanto em relao aos seus olhos quanto a sua mente.
WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p.31

EXEMPLO
Curso Aprender e Comunicar Programa Nas Ondas do Rdio SME/SP
1. Encontro: Educomunicao (4h) Objetivo: promover o protagonismo infanto-juvenil por meio da TICs. Linguagem impressa e digital. 2. Encontro: Mediao de Comunicao (4h) Objetivo: ampliar redes sociais de aprendizagens. Linguagem Digital. 3. Encontro: Leitura Crtica da Comunicao (4h) Objetivo: promover a cultura da paz. Linguagem Audiovisual. 4. Encontro: Gesto do Conhecimento (4h) Objetivo: ampliar a base de conhecimento, visando o aumento da efetividade das aes promovidas no ambiente escolar. Linguagem Audiovisual. 5. Encontro: Gesto do Conhecimento (4h) Objetivo: ampliar a base de conhecimento, visando o aumento da efetividade das aes promovidas no ambiente escolar. Linguagem Audiovisual. 6. Encontro: Gesto de Processos Comunicacionais (4h) Objetivo: possibilitar o desenvolvimento da expresso comunicativa na consolidao do ecossistema educomunicativo. Linguagem Audiovisual.
Informaes e Reservas: http://nasondasdoradio.ning.com/

EXEMPLO
Curso Aprender e Comunicar
Programa Nas Ondas do Rdio SME/SP 1. Encontro: Educomunicao (4h) Objetivo: promover o protagonismo infanto-juvenil por meio da TICs. Linguagem impressa e digital. 2. Encontro: Mediao de Comunicao (4h) Objetivo: ampliar redes sociais de aprendizagens. Linguagem Digital. 3. Encontro: Leitura Crtica da Comunicao (4h) Objetivo: promover a cultura da paz. Linguagem Audiovisual. 4. Encontro: Gesto do Conhecimento (4h) Objetivo: ampliar a base de conhecimento, visando o aumento da efetividade das aes promovidas no ambiente escolar. Linguagem Audiovisual. 5. Encontro: Gesto do Conhecimento (4h) Objetivo: ampliar a base de conhecimento, visando o aumento da efetividade das aes promovidas no ambiente escolar. Linguagem Audiovisual. 6. Encontro: Gesto de Processos Comunicacionais (4h) Objetivo: possibilitar o desenvolvimento da expresso comunicativa na consolidao do ecossistema educomunicativo. Linguagem Audiovisual. Informaes e Reservas: http://nasondasdoradio.ning.com/

EXEMPLO
Protagonismo Juvenil
A comunicao mediada por recursos tecnolgicos pode estar a servio da educao, promovendo dilogos que gerem uma nova relao entre a escola e a sociedade.
_______________________________________________________________________________________________

Rede Nas Ondas Do Rdio http://nasondasdoradio.ning.com/

Fonte: Acervo NCE/USP

EXEMPLO
Protagonismo Juvenil

_______________________________________________________________________________________________

Rede Nas Ondas Do Rdio http://nasondasdoradio.ning.com/

Fonte: Acervo NCE/USP

A comunicao mediada por recursos tecnolgicos pode estar a servio da educao, promovendo dilogos que gerem uma nova relao entre a escola e a sociedade.

REPETIO
O princpio da repetio afirma que algum aspecto do design deve repetir-se no material inteiro. O elemento repetitivo pode ser uma fonte em bold (negrito), um fio (linha) grosso, algum sinal de tpico, um elemento do design, algum formato especfico, relaes espaciais etc. A repetio pode ser considerada como consistncia em um texto.
WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p. 49

REPETIO
Ao olhar para um newsletter (jornal) de oito pginas, justamente a repetio de alguns elementos sua consistncia que faz com que cada uma dessas oito pginas parea pertencer ao mesmo newsletter. (...) a repetio vai alm da simples consitncia: um esforo consciente para unificar todos os elementos do design.
WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p. 49

EXEMPLO
ELEMENTOS DE UM PROJETO
CRIAO Ttulo Concepo Justificativa GESTO Objetivos Metas Desenvolvimento: tarefas, cronograma, organograma Recursos necessrios Avaliao e Registro

ELEMENTOS DE UM PROJETO
CRIAO Ttulo Concepo Justificativa GESTO Objetivos Metas Desenvolvimento a. Tarefas b. Cronograma c. Organograma Recursos necessrios Avaliao e Registro

CONTRASTE
O contraste uma maneira mais eficaz de acrescentar algum atrativo visual a uma pgina (algo que realmente faa o leitor olhar para ela) criando uma hierarquia organizacional entre diferentes elementos.

WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p. 63

CONTRASTE
Cria-se o contraste quando dois elementos so diferentes. Se eles diferirem um pouco mas no muito, no acontecer o contraste e sim um conflito. Este o segredo: segundo o princpio do contraste, se dois itens no forem exatamente os mesmos, diferencieos completamente.
WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p. 63

CONTRASTE
Podemos alcanar o contraste de vrias maneiras:
uma letra grande pode ser contrastada com uma pequena; uma fonte em estilo antigo contrasta-se com uma fonte em bold sem serifa; um fio fino com um grosso; uma cor fria com uma mais quente; uma textura spera com uma lisa;

WILLIAMS, Robin. Design para quem no designer. So Paulo:Callis, 2009, p. 63

Exemplo
Faa seu Currculo
S e u C u r r i c u l u m V i t a e A n o 2 010

A apresentao
Prefira uma apresentao discreta. Evite o uso de fontes chamativas. No utilize efeitos especiais nem muitas cores ou imagens. Prefira as fontes como Arial, Times NewRoman ou Garamond. So fontes de fcil leitura e de bom gosto comprovado. Para os ttulos do seu currculo use uma fonte alguns pontos maior que o corpo de texto. Trabalhe com os estilos do Word e formate corretamente o documento, pois comum a apresentao do currculo em formato digital.

A identificao bsica deve conter nome completo, endereo residencial, cidade, estado, CEP, nmero de telefone residencial com DDD, e-mail, idade, nacionalidade, naturalidade, estado civil e nmero de filhos. Se possvel, deixe um telefone adicional para recados.

Objetivo
Mencione o cargo ou ocupao pretendida. Voc pode mencionar mais de uma opo.

Qualificao
Esta parte aparece primeiro, mas deve ser elaborada por ltimo.Funciona como um resumo do que voc capaz como profissional. Crie as demais partes do seu curriculum para depois resumir suas qualificaes. Relacione seus pontos fortes que condizem com seu objetivo. Faa a descrio desses pontos em formas de tens, com frases curtas e objetivas.

As partes
O currculo comea com o ttulo geral: Curriculum Vitae (do latim) ou Currculo (em portugus). No se usa: Currculo Vitae, ou Curriculum. Para comear o seu currculo importante que voc faa um levantamento de todos seus dados pessoais, profissionais, educacionais e extra-profissionais, para organiz-los de maneira lgica e objetiva. O seu currculo deve conter:

Experincia profissional
Apresente nesta parte as informaes de sua experincia profissional, como empregos, atividades autnomas, empresariais, etc.. Informe com clareza suas experincias nas empresas onde trabalhou. Especifique em cada cargo ocupado suas atividades de destaque, procurando refletir a sua capacidade de desempenhar a funo pretendida. Comece da experincia mais recente para a mais antiga. Mencione os perodos em que trabalhou, citando ms e ano de entrada e sada.

Identificao
A sua idenficao bsica deve estar no incio do currculo. Dados pessoais mais completos e secundrios podem ser colocados ao final. L voc pode detalhar nmeros de documentos, registro em rgos profissionais, filiao, etc..

Exemplo
Faa seu Currculo
S e u C u r r i c u l u m V i t a e A n o 2 010

A apresentao
Prefira uma apresentao discreta. Evite o uso de fontes chamativas. No utilize efeitos especiais nem muitas cores ou imagens. Prefira as fontes como Arial, Times NewRoman ou Garamond. So fontes de fcil leitura e de bom gosto comprovado. Para os ttulos do seu currculo use uma fonte alguns pontos maior que o corpo de texto. Trabalhe com os estilos do Word e formate corretamente o documento, pois comum a apresentao do currculo em formato digital.

A identificao bsica deve conter nome completo, endereo residencial, cidade, estado, CEP, nmero de telefone residencial com DDD, e-mail, idade, nacionalidade, naturalidade, estado civil e nmero de filhos. Se possvel, deixe um telefone adicional para recados.

Objetivo
Mencione o cargo ou ocupao pretendida. Voc pode mencionar mais de uma opo.

As partes
O currculo comea com o ttulo geral: Curriculum Vitae (do latim) ou Currculo (em portugus). No se usa: Currculo Vitae, ou Curriculum. Para comear o seu currculo importante que voc faa um levantamento de todos seus dados pessoais, profissionais, educacionais e extra-profissionais, para organiz-los de maneira lgica e objetiva. O seu currculo deve conter:

Qualificao
Esta parte aparece primeiro, mas deve ser elaborada por ltimo.Funciona como um resumo do que voc capaz como profissional. Crie as demais partes do seu curriculum para depois resumir suas qualificaes. Relacione seus pontos fortes que condizem com seu objetivo. Faa a descrio desses pontos em formas de tens, com frases curtas e objetivas.

Experincia profissional
Apresente nesta parte as informaes de sua experincia profissional, como empregos, atividades autnomas, empresariais, etc.. Informe com clareza suas experincias nas empresas onde trabalhou. Especifique em cada cargo ocupado suas atividades de destaque, procurando refletir a sua capacidade de desempenhar a funo pretendida. Comece da experincia mais recente para a mais antiga. Mencione os perodos em que trabalhou, citando ms e ano de entrada e sada.

Identificao
A sua idenficao bsica deve estar no incio do currculo. Dados pessoais mais completos e secundrios podem ser colocados ao final. L voc pode detalhar nmeros de documentos, registro em rgos profissionais, filiao, etc..

ELZA DIAS PACHECO

Rua Prof. Lcio Martins Rodrigues, 443 ECA/USP Brasil Fone: 0 xx 11- 30914081 Site: www.eca.usp.br/nucleos/lapic/ Habilidades Habilidade em coordenar equipe; Habilidade em reconhecer e resolver problemas; Habilidade para raciocnio lgico; Habilidade para trabalhar com crianas e jovens; Rapidez de raciocnio, esprito de desafio e trabalho em equipe; Formao 1991 - 1992 1989 1976 - 1981 1971 - 1974

Ps-Doutorado. Universidad Complutense de Madrid, U.C.M., Espanha. Livre-docncia. Universidade de So Paulo, USP, Brasil. Doutorado em Psicologia (Psicologia Social). Pontifcia Universidade Catlica de So Paulo, PUC/SP, Brasil. Mestrado em Psicologia (Psicologia Social). Pontifcia Universidade Catlica de So Paulo, PUC/SP, Brasil.

Experincia profissional

1996 Coordenadora do LAPIC - Laboratrio de Pesquisa sobre Infncia, Imaginario e Comunicacao ECA/USP 1996 Coordenadora do LAPIC - Laboratrio de Pesquisa sobre Infncia, Imaginario e Comunicacao ECA/USP 1996 Membro do Conselho Nacional de Desenvolvimento Cientfico e Tecnolgico, CNPq. 1996 - Consultora ad doc em Cincias da Comunicao, MEC. 1970 Professora Associada e Livre-Docente ECA/USP. 1970 Consultora em Cincias da comunicao, ECA/USP.
Experincia profissional Minha experincia teve incio com a graduao em Fonoaudiologia pela Pontifcia Universidade Catlica de So Paulo (1982) , graduao em Pedagogia pela Pontifcia Universidade Catlica de So Paulo (1968) , especializao em Educao de Excepcionais pela Pontifcia Universidade Catlica de So Paulo (1961) , especializao em Fonoaudiologia pela Pontifcia Universidade Catlica de So Paulo (1962) , mestrado em Psicologia (Psicologia Social) pela Pontifcia Universidade Catlica de So Paulo (1974) , doutorado em Psicologia (Psicologia Social) pela Pontifcia Universidade Catlica de So Paulo (1981) e posdoutorado pela Universidad Complutense de Madrid (1992) . Professora Associada e Livre Docente da Universidade de So Paulo, Consultora do Conselho Nacional de Desenvolvimento Cientfico e Tecnolgico e Consultora do Ministrio da Educao. Tem experincia na rea de Comunicao , com nfase em Teoria da Comunicao. Atuando principalmente nos seguintes temas: ECA - Escola de Comunicaes e Artes da USP, Jovens e ensino superior, Escola e trabalho.

ELZA DIAS PACHECO

Rua Prof. Lcio Martins Rodrigues, 443 ECA/USP Brasil Site: www.eca.usp.br/nucleos/lapic/

Formao
1991 - 1992 1989 1976 - 1981 1971 - 1974 Habilidades Habilidade em coordenar equipe. Habilidade em reconhecer e resolver problemas. Habilidade para raciocnio lgico. Habilidade para trabalhar com crianas e jovens. Rapidez de raciocnio, esprito de desafio e trabalho em equipe. Experincia profissional 1996 Coordenadora do LAPIC - Laboratrio de Pesquisa sobre Infncia, Imaginario e Comunicacao ECA/USP 1996 Membro do Conselho Nacional de Desenvolvimento Cientfico e Tecnolgico, CNPq. 1996 - Consultora ad doc em Cincias da Comunicao, MEC. 1970 Professora Associada e Livre-Docente ECA/USP. 1970 Consultora em Cincias da comunicao, ECA/USP Experincia pessoal Minha trajetria iniciou com a graduao em Fonoaudiologia pela Pontifcia Universidade Catlica de So Paulo (1982) , graduao em Pedagogia pela Pontifcia Universidade Catlica de So Paulo (1968) , especializao em Educao de Excepcionais pela Pontifcia Universidade Catlica de So Paulo (1961) , especializao em Fonoaudiologia pela Pontifcia Universidade Catlica de So Paulo (1962) , mestrado em Psicologia (Psicologia Social) pela Pontifcia Universidade Catlica de So Paulo (1974) , doutorado em Psicologia (Psicologia Social) pela Pontifcia Universidade Catlica de So Paulo (1981) e pos-doutorado pela Universidad Complutense de Madrid (1992) . Professora Associada e Livre Docente da Universidade de So Paulo, Consultora do Conselho Nacional de Desenvolvimento Cientfico e Tecnolgico e Consultora do Ministrio da Educao. Tem experincia na rea de Comunicao , com nfase em Teoria da Comunicao. Atuando principalmente nos seguintes temas: ECA - Escola de Comunicaes e Artes da USP, Jovens e ensino superior, Escola e Trabalho. Ps-Doutorado. Universidad Complutense de Madrid, U.C.M., Espanha. Livre-docncia. Universidade de So Paulo, USP, Brasil. Doutorado em Psicologia (Psicologia Social). Pontifcia Universidade Catlica de So Paulo, PUC/SP, Brasil. Mestrado em Psicologia (Psicologia Social). Pontifcia Universidade Catlica de So Paulo, PUC/SP, Brasil.

REFERNCIAS
Livro e artigo

Rede Nas Ondas do Rdio

MACHADO, Eliany & LOURENO, Silene. Comunicao e Protagonismo Juvenil. In: MDIAS NA EDUCAO, NCE-USP/ UFPE/ MEC. 2007. WILLIAMS, Robin. Design para quem no designer. Noes Bsicas de Planejamento Visual. 3 ed, So Paulo : Callis. 2009. Sites Portal Secretaria Municipal de Educao da Cidade So Paulo http://portalsme.prefeitura.sp.gov.br/default.aspx Rede Nas Ondas do Rdio http://nasondasdoradio.ning.com/ Biblioteca digital Domnio Pblico http://www.dominiopublico.gov.br/pesquisa/PesquisaObraForm.jsp