- PDF Free Download

Tamanho: px

Começar a partir da página:

Download ""

Mateus Coimbra Leão
8 Há anos
Visualizações:

1 Sumário Prefácio 1 1 Apresentação Introdução Entendendo o Webdesign A Evolução da Internet Design de Internet Harmonia As Formas e suas Funções Equilíbrio entre Elementos Atração entre Elementos Simplicidade Palavra-chave do Website bem Sucedido Exercícios 19 Parte I - Estrutura de um Website 21 2 Como Utilizar este Livro 23 3 Fundamentos Básicos para Gráficos na Web Extensões de Gráficos para a Web Resoluções de Imagem e Resoluções de Tela Teoria da Cor A Psicologia da Cor Modos de Cor e Teoria Hexadecimal Combinações de Sucesso e Combinações Desastrosas Acerte Sempre Muito Cuidado com Recomendações Gerais Exercite seus Conhecimentos 39

Livro 23 3 Fundamentos Básicos para Gráficos na Web 25 3 1 Extensões de Gráficos para a Web 25 3 2 Resoluções de Imagem e Resoluções de Tela 28 3 3 Teoria da Cor 29 3 3 1 A Psicologia da Cor 29 3 3 2

2 4 Portais e Websites Institucionais O que é um Portal? Websites Institucionais Design Geral de um Portal Antes de Começar O Layout de um Portal Introdução Por que Seguir um Padrão para os Portais? Público-alvo Estruturas Dinâmicas e Recursos ao Usuário Os Principais Elementos da Home Page de um Portal O Topo de um Portal O Principal Elemento Identificador Alguns Exemplos de Topos Menus de Navegação A Área de Conteúdo da Home Page Hierarquização da Área de Conteúdo Divisão das Áreas de Conteúdo de uma Home Page Organização Visual de Quadros A Importância da Comunicação Visual Anúncios, Pop-ups e demais Espaços Publicitários Websites Corporativos Caracterizando os Websites Corporativos Corporativo x Portal Alguns Exemplos Elementos de Design de um Website Corporativo Antes de Começar Tipos de Sites Corporativos A Home Page de um Website Corporativo Comunicação com o Usuário: Uma Página de Contato Ideal Como Posso Estudar a Melhor Forma de Apresentação do Contato? O Formulário de Contato: Design e Usabilidade 175

55 4 3 2 3 Público-alvo 59 4 3 2 4 Estruturas Dinâmicas e Recursos ao Usuário 59 4 4 Os Principais Elementos da Home Page de um Portal 72 4 4 1 O Topo de um Portal O Principal Elemento Identificador

3 6 Websites Profissionais O que é um Website Profissional? Antes de Continuar Elementos de Websites Profissionais A Home Page Analisando Componentes de Conteúdo Analisando Componentes de Design da Página Currículos On Line O Trabalho Gráfico em um Currículo Profissional Estrutura Cores Layout A Importância de ter um Portfólio Pessoal Exemplos A Temática do Design e a Área de Atuação Websites Pessoais Seus Quinze Minutos de Fama Chegaram! Diários Digitais: Os Weblogs Invadem a Rede Estrutura Exemplos Elementos de Design de um Weblog O Logotipo Aspectos a Serem Considerados na Apresentação de um Logotipo As Cores O Layout de Conteúdo Menus e Opções de Navegação O Rodapé Itens Diversos 247 Parte II Criando Elementos para a Web Componentes de Navegação Botões Tipos de Botões Os Botões e a Página em que são Inseridos 255

190 6 3 Currículos On Line 197 6 3 1 O Trabalho Gráfico em um Currículo Profissional 199 6 3 1 1 Estrutura 201 6 3 1 2 Cores 203 6 3 1 3 Layout 207 6 4 A Importância de ter um Portfólio Pessoal 216 6

4 8 1 3 Organizando as Pastas de Exercícios Configurando a Área de Trabalho do Photoshop Criando Botões Exemplo Exemplo Menus de Navegação Concepção e Criação Ícones Por que Usar Ícones? Exemplos da Internet Exemplo Exemplo Exemplo 3: Bullets Modelo Modelo Modelo Segredos da Composição Visual Manipulação de Imagens: Mágica ou Técnica? Mesclando Imagens Temáticas para um Site Esportivo Marcas e Logotipos Marca x Logotipo x Logomarca? Os Fundamentos da Criação de Logotipos e Marcas A Importância de um Logotipo O Estudo e Planejamento Visual de um Logotipo Os Erros mais Comuns de Design em um Logotipo Efeito de Chanfro e Entalhe Sombras e Brilho Arco-íris? Marcas: O Poderoso Efeito das Formas O Uso de Formas ou Imagens em uma Marca Escolhendo a Forma Adequada à sua Marca Exercícios Criando um Logotipo no Photoshop Questões 450

359 9 2 Exemplos da Internet 361 9 3 1 Exemplo 1 363 9 3 2 Exemplo 2 375 9 3 3 Exemplo 3: Bullets 394 9 3 3 1 Modelo 1 395 9 3 3 2 Modelo 2 397 9 3 3 3 Modelo 3 399 10 Segredos da Composição Visual

5 12 Outros Itens Introdução Ilustrações Tipos de Ilustrações Em quais Situações Devo Usar Ilustrações em meu Site? Programas para Criação de Ilustrações Rodapé Copyright? Yes, please Criando um Rodapé Tipografia Famílias de Fontes Serifadas Sem Serifa Monoespaçadas Bitmap Caligráficas Fantasia Tipografia: Do que o seu Site Precisa? Público-alvo Legibilidade Disponibilidade Combinações e Tratamento Exercícios Considerações Finais 479 Referências Bibliográficas 481 Livros 481 Manuais e Apostilas 481 Websites Citados neste Livro 481 Websites Utilizados como Referência de Pesquisa 485 Apêndice 487 Atalhos de Visualização 487 Atalhos de Seleção e Posicionamento 488 Atalhos de Pintura 489 Atalhos de Edição de Texto e outros itens 490

Yes, please 459 12 3 2 Criando um Rodapé 459 12 4 Tipografia 467 12 4 1 Famílias de Fontes 471 12 4 1 1 Serifadas 471 12 4 1 2 Sem Serifa 471 12 4 1 3 Monoespaçadas 473 12 4 1 4 Bitmap 473 12 4 1 5

Documentos relacionados

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam