Ferramentas de Desenvolvimento do Webdesign
|
|
- Filipe Cunha Regueira
- 8 Há anos
- Visualizações:
Transcrição
1 Webdesign Ferramentas de Desenvolvimento do Webdesign Ferramentas de Desenvolvimento, design, cores e Posicionamento de Elementos
2 Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em:
3 Objetivos Trabalhar a construção de Layout Observar a utilização de algumas ferramentas essenciais para o trabalho do Webdesigner
4 Tópicos da Aula 1. Resolução de Tela 2. Cores 3. Definição de Tamanhos e Proporções 4. Definição de Fontes 5. Icones, fotos, imagens, patterns e textyras 6. Construção de Layout
5 Introdução O Design é dividido em uma série de princípios básicos e ferramentas que se aplicam a todo o projeto, seja ele gráfico ou voltado para web. No entanto, especialmente na web, às vezes essas regras tendem a ser esquecidas e nós apenas trabalhamos com o que sentimos ser o certo.
6 Cores
7 Cores
8 Cores Isaac Newton, além de ter feito importantes descobertas como as leis da física, gravidade... Também contribuiu para o Design quando resolveu analisar um feixe de luz branca, e descobriu que este era composto de um espectro de cores: vermelho, laranja, amarelo, verde, azul, índigo e violeta.
9 Cores Isaac Newton organizou o que é hoje chamado de ciclo cromático. A partir do circulo cromático, pode-se dividir as cores em Primárias, Secundárias e Terciárias.
10 Cores Primárias São cores que NÃO podemos obter através da combinação de outras.
11 Cores Secundárias São obtidas através da mistura de duas cores primárias. Ex. verde, laranja, violeta...
12 Cores Terciárias São obtidas através da mistura de uma cor primária e uma secundária. Ex. verdeamarelado, laranja-avermelhado...
13 Cores O estudo das cores também observou relações entre elas: Cores complementares São cores opostas no círculo cromático, e produzem um forte efeito contrastante.
14 Cores
15 Cores Cores quentes São cores que exprimem sensação de calor. Cores frias São cores que exprimem sensação de calor.
16 Cores O verde limão esta tanto nas cores quentes quanto nas frias. Isso porque ele não pertence a uma categoria fixa, quando inserido em um contexto quente, se comporta como uma cor quente e quando inserido em um contexto frio, age como cor fria.
17 Cores Cores análogas São cores vizinhas no círculo cromático, e são facilmente equilibradas na composição.
18 Cores Esquema Triádico É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho. Esse tipo de combinação consegue dar um efeito visual muito atraente.
19 Cores Esquema Tetrádico Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si. Denominado por alguns como tetradas, estas combinações são as mais ricas de todas as harmonias, porque utiliza quarto cores sendo elas complementares em pares. É no entanto uma harmonia muito difícil de trabalhar. Se as quatro cores são utilizadas em iguais proporções, a harmonia parecerá desequilibrada, pelo qual deverá sempre ser escolhida uma cor como a dominante e com esta dominar as restantes.
20 Cores Complemento dividido É a harmonia conseguida através da mistura de uma tonalidade da escala com as duas vizinhas da cor directamente oposta a primeira. Esta é uma variante da combinação de harmonia de complementares. Que utiliza uma cor como principal e as duas cores adjacentes ao seu complementar. Esta é uma harmonia que oferece um grande contraste sem a tensão do esquema complementar.
21 Cores Esquema de Cores
22 Cores Paleta de Cores
23 Cores Para produção de websites, o sistema de cor mais utilizado é o RGB (red, green e blue) Para formar uma imagem, diferentes porcentagens de cada cor se sobrepõem.
24 Cores As cores podem ter alguns significados e provocar lembranças e sensações diferentes às pessoas dependendo de sua cultura: Cinza: elegância, humildade, respeito, reverência, sutileza; Vermelho: paixão, força, energia, amor, velocidade, liderança, masculinidade, alegria (China), perigo, fogo, raiva, revolução, "pare"; Azul: harmonia, confidência, conservadorismo, austeridade, monotonia, dependência, tecnologia, liberdade; Azul ciano: tranqüilidade, paz, sossego, limpeza, frescor; Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza, dinheiro (Estados Unidos), boa sorte, ciúmes, ganância; Amarelo: concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza; Magenta: luxúria, sofisticação, sensualidade, feminilidade, desejo; Violeta: espiritualidade, criatividade, realeza, sabedoria, resplandecência, dor; Branco: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição; Preto: poder, modernidade, sofisticação, formalidade, morte, medo, anonimato, raiva, mistério.
25 Ferramenta para trabalhar com Cores
26 Princípios do Design Equilíbrio Proporção Ritmo Dominância (ou ênfase) Unidade
27 Equilíbrio Existem dois tipos de equilíbrio: Equilíbrio simétrico e equilíbrio assimétrico. Enquanto o equilíbrio simétrico é fácil de detectar (as coisas aparecem como imagens num espelho), o equilíbrio assimétrico é menos perceptível, mas, aparentemente, mais importante.
28 Equilíbrio Assimétrico
29 Equilíbrio Assimétrico
30 Equilíbrio Simétrico
31 Equilíbrio Simétrico
32 Equilíbrio Simétrico
33 Proporção Escolher o tamanho certo para os elementos vai além de simplesmente selecionar um tamanho legível para o corpo do conteúdo ou a largura das colunas. Deve-se levar em conta a proporção, baseados nas proporções de certos objetos. Auxilia na atribuição de importância aos elementos na página. Menu Conteúdo Distribuição de Conteúdo Topo
34 Proporção GRID Proporção Auréa Lei dos Terços
35 GRID
36 GRID
37 GRID Ferramentas
38 Proporção Auréa É na verdade um número irracional que resulta de um quociente específico. Para o obter, os sábios da Antiguidade Clássica definiram a seguinte fórmula: dividindo um segmento de reta em duas partes desiguais, a relação (ou proporção) entre a parte maior e a parte menor tem de ser igual à proporção do todo relativamente à parte maior. Este número irracional é denotado pela letra grega Phi e com o valor arredondado a três casas decimais de 1,618 (número de ouro)
39 Proporção Auréa
40 Proporção Auréa
41 Proporção Auréa
42 Proporção Auréa
43 Proporção Auréa
44 Proporção Auréa Se você tiver o todo e quiser achar o tamanho do segmento áureo: Todo x 0,618. Assim: 1000 pixels x 0,618 = 618 pixels
45 Lei dos Terços A lei dos terços é bastante simples. Consiste em dividir a área de trabalho em 3 partes horizontais e 3 partes verticais. Os 4 pontos onde ocorrem os cruzamentos das linhas, são considerados pontos fortes, ou seja, elementos próximos a estes pontos, serão atraídos por eles.
46 Lei dos Terços
47 Ritmo Ritmo na web é algo presente principalmente em dados. É especialmente importante para sites que contêm páginas compridas e/ou grandes quantidades de informação.
48 Ritmo
49 Ritmo O site cria um ponto de partida no cabeçalho com sua navegação horizontal estabelecendo a direção de leitura (1) para, logo em seguida, cair no conteúdo principal, que é idêntico para cada artigo. Isso cria um ritmo consistente que o usuário segue inconscientemente (2). Esta técnica é repetida na barra lateral.
50 Ritmo
51 Ênfase Ocorre quando um elemento visual chama mais atenção que outro.
52 Ênfase
53 Ênfase
54 Unidade "O todo é maior que a soma das partes". E a unidade trabalha de forma que todas os elementos visuais trabalhem de uma única forma.
55 Gestault É o estudo de como o ser humano percebe as coisas ao seu redor. O cérebro humano em um momento que não é percebido, tende a "captar" discrepâncias visuais, ou elementos associativos.
56 Gestault Existem cinco leis básicas da Gestalt: Semelhança Proximidade Continuidade Pregnância Fechamento
57 Proximidade Elementos que estão próximos uns dos outros se agrupam entre si e são percebidos como uma única unidade.
58 Proximidade
59 Semelhança Objetos semelhantes tendem a se agrupar, podendo essa semelhança ser na cor, forma ou tamanho.
60 Semelhança
61 Continuidade Diz respeito ao alinhamento de elementos que produzem um conjunto harmônico e passam a impressão de que os elementos estão relacionados.
62 Continuidade
63 Fechamento Diz que nossa mente interpreta um objeto completo simplesmente se os elementos parecerem se agrupar.
64 Fechamento
65 Pregnância Diz que nossa experiência passada favorece a compreensão e associação de objetos incompletos, desde que nossa consciência tenha conhecimento de sua existência.
66 Tipografia (Fontes) Tipografia é a arte e o processo de criação na composição de um texto, fisica ou digitalmente. Assim como no design gráfico em geral, o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação.
67 Tipografia (Fontes) Legibilidade Uma fonte simples tende ser mais legível em meio digital. Fontes sem serifas são melhores
68 Tipografia (Fontes) O contraste deve ser elevado, e o tamanho para massas tipográficas não devem ser menor que 12px. Quantidade de fontes em um mesmo texto também não devem ser superior que três.
69 Tipografia (Fontes) O Estilo A fonte escolhida em um site é uma das chaves do sucesso de um projeto. Ela deve estar alinhada com os conceitos e a linguagem visual aplicada ao layout.
70 Tipografia (Fontes)
71 Tipografia (Fontes)
72 Tipografia (Fontes)
73 Tipografia (Fontes) No desenvolvimento de um projeto web, é recomendável utilizar para as massas de texto fontes websafe, que são famílias de fontes que são encontradas em diversos sistemas operacionais. São elas: Arial, Arial Black, Century Gothic, Comic Sans MS, Helvetica, Impact, Trebuchet MS, Verdana e Times New Roman
74 Tipografia (Fontes) No desenvolvimento de um projeto web, é recomendável utilizar para as massas de texto fontes websafe, que são famílias de fontes que são encontradas em diversos sistemas operacionais. São elas: Arial, Arial Black, Century Gothic, Comic Sans MS, Helvetica, Impact, Trebuchet MS, Verdana e Times New Roman
75 Tipografia (Fontes) Ferramenta:
76 Imagens, Icones e Fotos Ferramenta:
77 Imagens, Icones e Fotos Ferramenta:
Elementos de linguagem: A cor
Profa Ana Rezende Ago /set 2006 A todo o momento recebemos informações através dos sentidos, da visão, do olfacto,... em cada cem informações que recebemos oitenta são visuais dessas, quarenta são cromáticas,
Leia maisELABORAR APRESENTAÇÕES NO POWERPOINT
ELABORAR APRESENTAÇÕES NO POWERPOINT Carlos Fernandes MCT 08 a 11 de outubro de 2014 08 a 11 de outubro de 2014 Planejamento Storyboard Dividir para conquistar Domínio do assunto Storyboard Apoia o planejamento.
Leia maisCOMPUTAÇÃO GRÁFICA CORES. Curso: Tecnológico em Análise e Desenvolvimento de Sistemas Disciplina: COMPUTAÇÃO GRÁFICA 4º Semestre Prof.
COMPUTAÇÃO GRÁFICA CORES Curso: Tecnológico em Análise e Desenvolvimento de Sistemas Disciplina: COMPUTAÇÃO GRÁFICA 4º Semestre Prof. AFONSO MADEIRA CORES EM COMPUTAÇÃO GRÁFICA O uso de cores permite melhorar
Leia maisUniversidade Ferederal de Santa Maria Campus de Frederico Wesphalen - RS. Cores. Prof. Elisa M. Pivetta. Cores 1
Universidade Ferederal de Santa Maria Campus de Frederico Wesphalen - RS Cores Prof. Elisa M. Pivetta Cores 1 COR Adicionam impacto, interesse e informação a documentos e gráficos; Vários fatores envolvidos
Leia maisManual de Identidade Visual
Manual de Identidade Visual Introdução Este é o manual de identidade visual da GTB do Brasil. Ele traz importantes informações sobre como deve ser utilizada a marca e o logotipo. Como o próprio nome sugere,
Leia maisCores em Computação Gráfica
Cores em Computação Gráfica Uso de cores permite melhorar a legibilidade da informação, possibilita gerar imagens realistas, focar atenção do observador, passar emoções e muito mais. Colorimetria Conjunto
Leia maisMANUAL DE IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL ÍNDICE 1. MARCA Definições de Interesse... 03 Conceito... 04 Desenho... 06 Cores... 07 Tipografia... 08 Uso Incorreto da Marca... 09 Redução da Marca... 10 Versões Monocromáticas...
Leia maisPosicionamento e Layout com CSS
Posicionamento e Layout com CSS Esquemas de posicionamento: absolute e relative Construção de layouts com divs e regras CSS Existem quatro tipos de posicionamento em CSS: estático, relativo, absoluto
Leia maismanual de identidade visual instituto fonte
manual de identidade visual instituto fonte por quê um manual de identidade visual é importante para o instituto fonte? Por uma razão de sentido. Faz sentido para nós conseguir comunicar, em um conjunto
Leia maisConceitos de Design Gráfico. Disciplina de Design Gráfico
Conceitos de Design Gráfico Disciplina de Design Gráfico Índice Projeto de Design Gráfico Layouts Efetivos Elementos de Design Princípios de Design Referências Bibliográficas 2 Projeto de Design Gráfico
Leia maisCECOM/IFC MANUAL DE IDENTIDADE VISUAL CURSOS DO IFC
CECOM/IFC MANUAL DE IDENTIDADE VISUAL CURSOS DO IFC O OBJETIVO DO PROJETO A criação dos ícones dos cursos tem como objetivo construir uma identidade visual única para os cursos ofertados pelo IFC, principalmente
Leia maisDesign Web - Percepção. Elisa Maria Pivetta
Design Web - Percepção Elisa Maria Pivetta GESTALT Percepção Visual Elisa Maria Pivetta Percepção visual No sentido da psicologia e das ciências cognitivas é uma de várias formas de percepção associadas
Leia maisUso correto da Marca ONS. versão 1.0 dezembro 2012
Uso correto da Marca ONS versão 1.0 dezembro 2012 O ONS desempenha com eficiência e eficácia seu papel no setor elétrico. A Marca ONS identifica e representa a organização e todos que a formam. Este documento
Leia maisDesign para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.
Resolução - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim. Resolução Exemplo de imagem com diferentes resoluções de Pontos/Pixels por polegada". Em uma imagem digital quanto mais
Leia maisUso de Cores no Design de Interfaces
Especialização em Tecnologias de Software para Ambiente Web Uso de Cores no Design de Interfaces Prof. Dr. Sandro Ronaldo Bezerra Oliveira srbo@ufpa.br www.ufpa.br/srbo Projeto e Avaliação de Interfaces:
Leia maisCLASSIFICAÇÃO DA CORES
CLASSIFICAÇÃO DA CORES Na nossa vida cotidiana, estamos cercados por cores e as escolhemos regularmente, para nos vestir, decorar nossas casas ou mesmo para comprar um carro. Ter um olhar para as cores
Leia maisTema UFPel 2.0 WP Institucional Guia de Opções de Personalização
Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de
Leia maisInterface Homem-Computador
Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Percepção Visual e de Cores - Parte I Professor: M.Sc. Flávio Barros flathbarros@gmail.com Conteúdo Percepção Visual e de
Leia maisTécnicas de Exposição de Produtos CONCEITO DE EXPOSIÇÃO DE PRODUTOS A idéia básica: Mostrar ou destacar alguma coisa. Mostrar também significa: Comunicar O produto deve atrair, seduzir, mexer com os sentidos
Leia maisTeoria da Gestalt. Teoria da Forma
Teoria da Gestalt Teoria da Forma O Que é a Gestalt? Trata- se de uma corrente da psicologia que surge na Alemanha no início do século XX. Não existe uma tradução precisa para Gestalt, mas uma das palavras
Leia maisTutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.
Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT. PÁGINA: 2 de 21 Nenhuma parte deste documento pode ser utilizado ou reproduzido, em qualquer meio
Leia maisComércio Eletrônico Curso de Especialização SEBRAE
Comércio Eletrônico Curso de Especialização A N A L I S T A DE N E G Ó C I O Apoio Realização SEBRAE 1 WEB DESIGN Módulo 2 NatãMorais de Oliveira 2 Objetivo Treinar o Analista de Negócio no planejamento
Leia maisREVISÃO GESTALT. Viviane Aiex
REVISÃO GESTALT Viviane Aiex 1. Leitura Visual do Objeto pelas Leis da Gestalt 1) Unidades: que são os elementos que configuram a forma; 2) Segregação: que é o ato se separar, perceber ou identificar as
Leia maisManual de Identidade Visual. Uso e aplicação do logotipo
Manual de Identidade Visual Uso e aplicação do logotipo 2 Apresentação O Manual de Identidade Visual da Fundação de Apoio à Universidade Federal de São Paulo, FapUnifesp, é um documento técnico, elaborado
Leia maisFundamentos de design
Fundamentos de design Uma das empresas de comunicação e marketing mais destacadas de Ottawa, Canadá, o gordongroup oferece um design premiado para uma oferta completa de produtos de comunicação de identidades
Leia maisO Guia Emocional das. Cores
O Guia Emocional das Cores 84,7% dos consumidores acham que a cor é mais importante que muitos outros fatores ao escolher um produto. 1% decidem pelo som ou pelo cheiro 6% decidem pela textura 93% das
Leia maisTIPOGRAFIA. Seguem-se alguns exemplos de tipografia forte, fraca, de oportunidade e e ameaçadoras para as respectivas empresas.
TIPOGRAFIA As letras, tal como as árvores aparecem por elas próprias e quando as letras se juntam, lutam por espaço, pelo direito de serem reconhecidas, de serem lidas - Erik Spiekermann A tipografia é
Leia maisManual de Identidade Visual da Marca Fiat
Manual de Identidade Visual da Marca Fiat Conceito A construção de um logo...é Em última instância o reflexo da integração da empresa que simboliza. Seu efeito depende consideravelmente da sua exposição
Leia maisIdentidade Digital Padrão de Governo
Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e
Leia maisManual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania
Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o
Leia maisInteração Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO
Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO Introdução Nossa inteligência pode ser caracterizada pela nossa capacidade de identificar padrões, e o sistema visual é o nosso
Leia maisManual de Identidade Visual
Manual de Marca Sumário 1. Apresentação 03 2. Uso do Manual 04 3. Componentes do Design 05 4. Logomarca 06 5. Assinatura 09 6. Área de Proteção 10 7. Alinhamento 11 8. Grade de Construção 12 9. Tipologia
Leia maisSUMÁRIO INTRODUÇÃO ELEMENTOS E PROPORÇÕES DA ASSINATURA HORIZONTAL VERSÕES DA ASSINATURA HORIZONTAL SÍMBOLO CHAPADO
SUMÁRIO INTRODUÇÃO ELEMENTOS E PROPORÇÕES DA ASSINATURA HORIZONTAL VERSÕES DA ASSINATURA HORIZONTAL SÍMBOLO CHAPADO ELEMENTOS E PROPORÇÕES DA ASSINATURA VERTICAL VERSÕES DA ASSINATURA VERTICAL SÍMBOLO
Leia maisAtividade: matrizes e imagens digitais
Atividade: matrizes e imagens digitais Aluno(a): Turma: Professor(a): Parte 01 MÓDULO: MATRIZES E IMAGENS BINÁRIAS 1 2 3 4 5 6 7 8 Indique, na tabela abaixo, as respostas dos 8 desafios do Jogo dos Índices
Leia maisManual de identidade visual
Manual de identidade visual A empresa Chrysalis Nutri Essences nasceu de uma necessidade de atender a uma grande demanda na área de saúde, qualidade de vida e educação alimentar, com a finalidade de prestar
Leia maisManual de Identidade Visual Corporativa
Manual de Identidade Visual Corporativa SUMÁRIO A Marca Cores 3 Aplicações 5 Slogan 8 Área de reserva 10 Versão P&B 12 Aplicações incorretas 14 Tipografia Estilos e padrões 16 CORES E PADRÕES 3 CORES A
Leia maisEnap. Manual de uso da marca
Manual de uso da marca O símbolo transmite seriedade, objetividade e contemporaneidade compatíveis com a instituição e também continuidade em relação ao sinal de identificação anteriormente usado. O desenho
Leia maisGuia - Apresentações de Slides
Guia - Apresentações de Slides Recomendações O guia a seguir tem o objetivo de auxiliar na criação e design de apresentações de Slides Procure seguir as instruções desse guia para garantir que seu projeto
Leia maisComo Começar? Criação Páginas. Etapas. Apresentação INTERNET
Como Começar? Criação Páginas Apresentação Etapas Como começar Para que um site tenha sucesso é necessário um correcto planeamento do mesmo. Todos os aspectos de desenho de um site devem ser pensados de
Leia maisComunique a Sua Certificação MANUAL DE UTILIZAÇÃO DA MARCA DE CERTIFICAÇÃO. Para as Empresas. Para as Pessoas.
Comunique a Sua Certificação MANUAL DE UTILIZAÇÃO DA MARCA DE CERTIFICAÇÃO Para as Empresas. Para as Pessoas. Bureau Veritas Certification Sumário 1. INTRODUÇÃO 2. POLÍTICA DO BUREAU VERITAS CERTIFICATION
Leia maisAbaixo você conhecerá algumas técnicas de SEO utilizadas para obter grande sucesso com as postagens no WordPress.
1 TUTORIAL PARA DEIXAR POSTAGENS E PÁGINAS BEM POSICIONADAS Abaixo você conhecerá algumas técnicas de SEO utilizadas para obter grande sucesso com as postagens no WordPress. Conhecimento básico de Html
Leia maisManual de Identidade Visual
Manual de Identidade Visual Este manual foi elaborado com a finalidade de orientar a aplicação da marca da Compugraf em peças gráficas impressas e digitais. Para tanto, contém normas técnicas de uso do
Leia maisCSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br
Web Introdução Design CSS - Background, Color e Fontes Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br O que veremos... CSS Cores e fundos Fontes Cores e fundos Algumas propriedades
Leia maisApresentação 3. Conceitos Básicos 4. Conceito da Marca 6
Sumário Apresentação 3 Conceitos Básicos 4 O Clube 5 Conceito da Marca 6 Versões da Marca Assinatura Principal 7 Assinatura Secundária 8 Escala de Cinza 9 Colorida 9 Preto e Branco positivo 9 Preto e Branco
Leia maisUNIVERSIDADE FEDERAL DE SANTA CATARINA CENTRO DE COMUNICAÇÃO E EXPRESSÃO DEPARTAMENTO DE EXPRESSÃO GRÁFICA CURSO DE DESIGN
UNIVERSIDADE FEDERAL DE SANTA CATARINA CENTRO DE COMUNICAÇÃO E EXPRESSÃO DEPARTAMENTO DE EXPRESSÃO GRÁFICA CURSO DE DESIGN TEORIA DA FORMA Prof. Dr. Isaac A. Camargo INTRODUÇÃO À TEORIA DA GESTALT 1 A
Leia maisMANUAL DE IDENTIDADE. inside office
ÍNDICE APRESENTAÇÃO 3 CORES 4 FAMÍLIA TIPOGRÁFICA 5 APLICAÇÕES DA MARCA 6 USOS INCORRETOS 0 REDUÇÃO DA MARCA AREJAMENTO DA MARCA VERSÕES MONOCROMÁTICAS MARCA EM NEGATIVO 1 4 2 3 APRESENTAÇÃO Esta é a marca
Leia maisCURSO PROFISSIONAL TÉCNICO DE DESIGN GRÁFICO. Planificação anual
Agrupamento de Escolas Júlio Dantas 1515 ESCOLA SECUNDÁRIA JÚLIO DANTAS LAGOS (00312) CURSO PROFISSIONAL TÉCNICO DE DESIGN GRÁFICO Disciplina: sign Gráfico - 10ºH Professores: Mara Taquelim, Rui Calmeiro.
Leia maisInteraçã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
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisGestalt do Objeto Sistema de Leitura Visual da Forma
Gestalt do Objeto Sistema de Leitura Visual da Forma Fundamentado Cientificamente na Psicologia da Percepção da Forma Prof. Dr. João Gomes Filho I 2010 BIBLIOGRAFIA João Gomes Filho Escrituras Editora.
Leia maisGERENCIADOR DE CONTEÚDO
1/1313 MANUAL DO USUÁRIO GERENCIADOR DE CONTEÚDO CRISTAL 2/13 ÍNDICE 1. OBJETIVO......3 2. OPERAÇÃO DOS MÓDULOS......3 2.1 GERENCIADOR DE CONTEÚDO......3 2.2 ADMINISTRAÇÃO......4 Perfil de Acesso:... 4
Leia maisA marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu
A marca de uma empresa é construída ao longo de sua existência e inclui seu nome, sua logomarca e identidade visual, suas peças de comunicação, seu relacionamento com todos os públicos de interesse, seus
Leia maisCOMUNIQUE A SUA CERTIFICAÇÃO MANUAL DE UTILIZAÇÃO DA MARCA DE CERTIFICAÇÃO PARA AS EMPRESAS. PARA AS PESSOAS. SF127 MAR.13
COMUNIQUE A SUA CERTIFICAÇÃO MANUAL DE UTILIZAÇÃO DA MARCA DE CERTIFICAÇÃO PARA AS EMPRESAS. PARA AS PESSOAS. Sumário 1 Introdução 2 Política do Bureau Veritas Certification 3 As Marcas de Certificação
Leia maisCOR. Prof. Wanderlei Paré
DEFINIÇÃO Cada fonte, ou centro luminoso, emana ondas ou vibrações que, impressionando a vista, dão precisamente a sensação de luz. A luz se compõe de uma mistura de radiações de diferentes longitudes
Leia maisFundamentos de design
Fundamentos de design gordongroup Sobre o gordongroup gordongroup é uma agência de marketing e comunicação de tempo integral e de balcão único, que oferece um conjunto exclusivo de serviços criativos,
Leia maisComo incluir artigos:
Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados
Leia maismega instalações Manual de uso de marca
Manual de uso de marca Palavra do Presidente Nós respeitamos nossa marca, sabemos de sua importância, por isso solicitamos a criação desse manual de aplicação, para que em suas diversas aplicações ela
Leia mais1 2 3 W O R K S H O P 4 5 6 W O R K S H O P 7 W O R K S H O P 8 9 10 Instruções gerais para a realização das Propostas de Actividades Para conhecer em pormenor o INTERFACE DO FRONTPAGE clique aqui 11 CONSTRUÇÃO
Leia maisAnálise sobre projeto Passo Certo
UNIVERSIDADE FEDERAL DO CEARÁ INSTITUTO UNIVERSIDADE VIRTUAL SISTEMAS E MÍDIAS DIGITAIS Disciplina de Cognição e Tecnologias Digitais Professor Dr. José Aires de Castro Filho Análise sobre projeto Passo
Leia maisTeoria de Gestalt aplicada a IHM
Teoria de Gestalt aplicada a IHM José Gustavo de Souza Paiva Introdução [1] Gestalt: teoria de estudo de como os seres humanos percebem as coisas Percepção: visão de TODO, e não de PONTOS ISOLADOS Relações,
Leia maisLocalização dos inquéritos de rua para Arroios e Gulbenkian
Project IAAPE Pedestrian Accessibility and Attractiveness Indicators: Tool for Urban Walkability Assessment and Management Working Paper No. WP-8 Localização dos inquéritos de rua para Arroios e Gulbenkian
Leia maisEstrutura e estética: Organização, layout, cores e tipos
Design Web Estrutura e estética: Organiação, layout, cores e tipos Apresentação: Estrutura e Estética Organiação Navegação Layout Cores e Tipografia! " Representação e Apresentação Representação Utiliar
Leia maisManual de Identidade Visual
2 Índice Apresentação A Marca Criação da Marca Elementos Tipografia Cores Redução Máxima Área de Proteção Grid de Construção Versão Monocromática Aplicação Aplicação - Fundo Preto Aplicação - Fundo Especial
Leia maisCor. Módulo III. Objectivos. Identificar o sistema de captação da cor. Reconhecer a teoria das cores - seus princípios básicos -o seu potencial
Módulo III Cor Objectivos. Identificar o sistema de captação da cor. Reconhecer a teoria das cores - seus princípios básicos -o seu potencial. Compreender os princípios da psicodinâmica das cores e relacionar
Leia maisA Identidade Visual de uma empresa é um de seus principais patrimônios.
Apresentação A Identidade Visual de uma empresa é um de seus principais patrimônios. É por meio dela que uma instituição apresenta, seus valores, sua filosofia, sua postura profis-sional, torna-se visível
Leia maisMANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA
MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA Índice 1. Introdução 03 2. Elementos Padronizados 2.1. Topo 2.2. Rodapé 2.3. Menu 2.4. Cores e Fontes 2.5. Títulos 2.6. Banners 04 04
Leia maisPIXEL - DO DESENHO À PINTURA DIGITAL
F PIXEL - DO DESENHO À PINTURA DIGITAL Carga Horária: 96 horas/aulas Módulo 01: Desenho de observação DESCRIÇÃO: Neste módulo o você irá praticar sua percepção de linhas e formas, bem como a relação entre
Leia maisImportação de Dados no Sphinx
Importação de Dados no Sphinx A importação de dados refere-se à transferência de dados coletados em outro ambiente para dentro do software Sphinx. No software, encontre a opção Importar dados no estágio
Leia maisManual de Identidade Visual
Manual de Identidade Visual Normas e padrões de utilização Versão 1.3 Alterada em 13/11/2014 Alteração: inclusão do elemento de marca registrada, após a concessão do registro da marca pelo INPI. Sumário
Leia maisMANUAL DE IDENTIDADE VISUAL
MANUAL DE IDENTIDADE VISUAL INTRODUÇÃO A marca de uma empresa é seu símbolo mais importante. Através dela o público reconhece a presença da empresa, suas conquistas, sua tradição e seus ideais. Ela nos
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisFrederico Silva Mesquita. Memorial Descritivo
Frederico Silva Mesquita Memorial Descritivo 1. Introdução Meu nome é Frederico Silva Mesquita, sou acadêmico na Faculdade de Tecnologia Senac (Goiânia) do curso Produção Multimídia. Esta é a apresentação
Leia maisSIGNIFICADOS DAS CORES
SIGNIFICADOS DAS CORES A cor é assimilada pelo ser humano através do sentido da visão. A visão é dos cinco sentidos o que mais rapidamente conduz a informação até ao cérebro. Dessa forma os olhos são os
Leia maisGoogle Drive. Passos. Configurando o Google Drive
Google Drive um sistema de armazenagem de arquivos ligado à sua conta Google e acessível via Internet, desta forma você pode acessar seus arquivos a partir de qualquer dispositivo que tenha acesso à Internet.
Leia maisIT- MKT-001-COM Data: 28/01/2015 versão: 04. Manual de aplicação da marca
Manual de aplicação da marca IT- MKT-001-COM Data 15/08/2014 versão 02 SumárioApresentação 3 A marca 4 Memorial descritivo... 5 Versão preferencial... 6 Padrões cromáticos... 7 Versões positiva/negativa...
Leia maisManual de Normas Gráficas
Manual de Normas Gráficas Introdução Este manual de normas gráficas constitui um guia dos elementos da identidade visual da, bem como, as respectivas normas para a sua correcta utilização e reprodução,
Leia maisPsicologia Experimental Psicologia Cognitiva Aplicada. Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br
Interface Homem/Máquina Aula 5 Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184 Roteiro da Aula de Hoje
Leia maisUnificação Fechamento Continuidade
UNIVERSIDADE COMUNITÁRIA DA REGIÃO DE CHAPECÓ Curso: 1081 - COMUNICAÇÃO SOCIAL PUBLICIDADE E PROPAGANDA Matriz: 421 - COMUNICAÇÃO SOCIAL PUBLICIDADE E PROPAGANDA Componente Curricular: EXPRESSÃO GRÁFICA
Leia maisMANUAL DE IDENTIDADE VISUAL
Sumário Apresentação 3 Logotipo - Versões Cromáticas 4 Diagrama de Construção, Área de Reserva e Redução 5 Convivência com Outras Marcas 6 Patrocínio 7 Aplicações sobre Fundos 8 Aplicações Incorretas 9
Leia maisMANUAL DE NORMAS GRÁFICAS
MANUAL DE NORMAS GRÁFICAS O presente manual de normas tem um papel fundamental na aplicação da identidade visual do IPN. Integra os elementos básicos que a constituem, as regras que determinam a sua correcta
Leia maisManual do Painel Administrativo
Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...
Leia maisBarra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas
Microsoft Power Point 2003 No Microsoft PowerPoint 2003, você cria sua apresentação usando apenas um arquivo, ele contém tudo o que você precisa uma estrutura para sua apresentação, os slides, o material
Leia maisDicas de design utilizando as ferramentas Jimdo. http://educacao.jimdo.com
Dicas de design utilizando as ferramentas Jimdo. http://educacao.jimdo.com Organize suas ideias Defina um plano de trabalho Estruture a informação Planeje as seções e o conteúdo de cada uma delas Defina
Leia maisTurma 1222 Unidade Curricular INTERFACE HOMEM-COMPUTADOR Professor CLÁUDIA SANTOS FERNANDES Aula 4 Abordagens Teóricas em IHC
Turma 1222 Unidade Curricular INTERFACE HOMEM-COMPUTADOR Professor CLÁUDIA SANTOS FERNANDES Aula 4 Abordagens Teóricas em IHC Introdução -Apesar de IHC ser uma área bastante prática, muitos métodos, modelos
Leia maisSUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2
SUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2 1.1 Introdução... 2 1.2 Estrutura do IP... 3 1.3 Tipos de IP... 3 1.4 Classes de IP... 4 1.5 Máscara de Sub-Rede... 6 1.6 Atribuindo um IP ao computador... 7 2
Leia maisMontar planilhas de uma forma organizada e clara.
1 Treinamento do Office 2007 EXCEL Objetivos Após concluir este curso você poderá: Montar planilhas de uma forma organizada e clara. Layout da planilha Inserir gráficos Realizar operações matemáticas 2
Leia maisDeixo, em baixo, o significado de algumas cores.
{include_content_item 526} Criar apresentações em Powerpoint nem sempre é uma tarefa simples, principalmente quando não sabemos que cores utilizar. Seguir o gosto pessoal poderá não ser a melhor opção.
Leia maisSimulado OBM Nível 2
Simulado OBM Nível 2 Gabarito Comentado Questão 1. Quantos são os números inteiros x que satisfazem à inequação? a) 13 b) 26 c) 38 d) 39 e) 40 Entre 9 e 49 temos 39 números inteiros. Questão 2. Hoje é
Leia maisResumo MANUAL DE MARCA. neodent.com.br/identidade-corporativa
neodent.com.br/identidade-corporativa MANUAL Resumo DE MARCA 01 a Componentes da marca Cores da marca As cores podem incitar uma emoção e evocar uma associação com a marca. A importância da cor não está
Leia maisManual de Identidade Visual
Manual de Identidade Visual Introdução A logomarca Rio+20 - Conferência das Nações Unidas sobre Desenvolvimento Sustentável - e o material de campanha foram desenhados pela Graphic Design Unit, nas Nações
Leia maisManual de Identidade Visual
Manual de Identidade Visual 02 ÍNDICE Introdução Elementos Básicos Logotipo 2. Slogan 3. Logomarca 4. Aplicações 5. Aplicações não aceitáveis 6. Versão Horizontal 7. Limites 8. Redução 9. Alfabeto Padrão
Leia maisAPOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)
APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 - Área de trabalho e personalizando o sistema... 3 A área de trabalho... 3 Partes da área de trabalho.... 4 O Menu Iniciar:...
Leia maisApresentação Prática
Apresentação Prática Este curso contém exercícios com editor de texto Word e também exemplos de acesso à Internet e deve ser utilizado para a apresentação do Método de ensino a pessoas que já tenham tido
Leia maisTÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB
TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB Tiago Volpato 1, Claudete Werner 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil tiagovolpatobr@gmail.com,
Leia mais2013: Ano da Contabilidade no Brasil. Manual de aplicação da marca
Apresentação A profissão contábil é um ofício antigo, que evoluiu e continua evoluindo, mas a sociedade não tem consciência dessa visão histórica, nem mesmo da importância dessa profissão para os dias
Leia maisConceitos e fórmulas
1 Conceitos e fórmulas 1).- Triângulo: definição e elementos principais Definição - Denominamos triângulo (ou trilátero) a toda figura do plano euclidiano formada por três segmentos AB, BC e CA, tais que
Leia maisUma empresa que já atua há tanto tempo no mercado de maneira tão sólida e vitoriosa precisa, através dos tempos, portar-se institucionalmente de um
Uma empresa que já atua há tanto tempo no mercado de maneira tão sólida e vitoriosa precisa, através dos tempos, portar-se institucionalmente de um modo que justifique e reafirme o seu lugar na vanguarda.
Leia maisseguros IASA manual de identidade visual
manual de identidade visual Sumário A marca Sobre a Marca... 03 Assinaturas da Marca... 04 Versões da Marca... 05 Padrão Cromático... 06 Mallha Construtiva... 07 Limite de Redução... 08 Área de Proteção...
Leia maisEvandro Myller Trabalhando com desenvolvimento web Entusiasta de programação de aplicativos web e software livre Criador de um framework JavaScript
Evandro Myller Trabalhando com desenvolvimento web Entusiasta de programação de aplicativos web e software livre Criador de um framework JavaScript (em desenvolvimento constante) O que é "design web"?
Leia maisOCOMON PRIMEIROS PASSOS
OCOMON PRIMEIROS PASSOS O OCOMON ainda não possui um arquivo de Help para atender a todas questões relacionadas ao sistema. Esse arquivo serve apenas para dar as principais instruções para que você tenha
Leia mais