Prof. Felippe M Zancarli WEB DESIGN conceitos Prof. Felippe M Zancarli

Definição - Design “O ato de se fazer design acontece em diversas formas, das escolhas pessoais que fazemos diariamente quando pomos a mesa ou montamos o prato ou escolhemos a roupa a vestir às decisões coletivas feitas pelo mercado ou governo. Como ocorre em vários níveis, envolvendo processos e graus de experiência diversos, design pode ser compreendido de várias formas: habilidade, estilo, engenharia, invenção, planejamento, refinamento, simples exercício de bom gosto ou ato de livre escolha. Ele resiste a uma definição simples, e é isso que o torna tão fascinante.” - Texto de abertura da exposição “Design for Life”. Cooper Hewitt National Design Museum, Nova York, Estados Unidos

Percepção: um processo ativo 1. Organização entre elementos 2. Imagem vs. fundo

VALENTINE SPECIAL 3. Agrupamento de imagens 4. Figuras fortes são estáveis toy love piece chocolate spoon VALENTINE SPECIAL credit bag cookie dogs is

Relação palavra / imagem Redundante: os mesmos elementos são reproduzidos visual e verbalmente, repetindo as idéias principais e contando a mesma história. Complementar: texto e imagem apresentam conteúdos diferentes. É preciso ver os dois modos para que se entendam as idéias principais. Cenário: um dos elementos define um cenário (ou ambiente) e conta a situação. O segundo conta uma história dentro desse ambiente. Suplementar: os conteúdos de texto e imagens são diferentes. Um modo domina, mandando as idéias principais, enquanto o outro reforça, elabora ou as explica.

Planejar é preciso.... Objetivos Conteúdo Público Formato Resposta

Princípios Proximidade e Alinhamento: elementos que pertençam a um mesmo grupo devem estar próximos. Equilíbrio, proporção e simetria: todos os componentes devem ser complementares. Contrastes, cores e brancos: layouts dinâmicos chamam a atenção e causam impacto. Ordem , consistência e repetição: você pode criar regras, mas deve segui-las. Simplificação: sinônimo de elegância, objetividade, clareza. Legibilidade: textos são feitos para serem lidos. Integração: o design não pode desafinar.

Grids: cada coisa no seu lugar

Caligrafia, tipologia e legibilidade Serif - Sans-serif N N Jornais, livros e revistas Criação digital

O Texto FALA! Veja os resultados do XXIII Festival de Cannes

Alinhamentos Um texto pode ser alinhado a esquerda Textos centralizados costumas ser estáticos Textos alinhados a direita é uma solução de contraste bastante radical e chamam a atenção. Textos justificados são muito utilizados em layouts clássicos

O que você precisa saber www site website Home page IP Browser URL Editores wysiwyg HTML