Ferramentas de Desenvolvimento do Webdesign

Tamanho: px
Começar a partir da página:

Download "Ferramentas de Desenvolvimento do Webdesign"

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:

Universidade 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 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 mais

Conceitos de Design Gráfico. Disciplina de Design Gráfico

Conceitos 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 mais

COMPUTAÇÃ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. 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 mais

Cores em Computação Gráfica

Cores 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 mais

ELABORAR APRESENTAÇÕES NO POWERPOINT

ELABORAR 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 mais

Elementos de linguagem: A cor

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 mais

Manual de Identidade Visual

Manual 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 mais

MANUAL DE IDENTIDADE VISUAL

MANUAL 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 mais

SIGNIFICADOS DAS CORES

SIGNIFICADOS 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 mais

FTIN - Módulo de Web Design. Prof. Iran Pontes

FTIN - Módulo de Web Design. Prof. Iran Pontes FTIN - Módulo de Web Design Prof. Iran Pontes FTIN FORMAÇÃO TÉCNICA EM INFORMÁTICA PHOTOSHOP PARA WEB O QUE VAMOS APRENDER? Imagens Bitmap x vetorial; Resolução; Cores; Psicologia das cores; Introdução

Leia mais

Estrutura e estética: Organização, layout, cores e tipos

Estrutura 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 mais

Evandro 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 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 mais

Cor. A cor como ferramenta. Cor-luz. Percepção das cores. Cor-pigmento. Tipos de estímulos cromáticos. Design & Percepção 2. www.ligiafascioni.com.

Cor. A cor como ferramenta. Cor-luz. Percepção das cores. Cor-pigmento. Tipos de estímulos cromáticos. Design & Percepção 2. www.ligiafascioni.com. Design & Percepção 2 A cor como ferramenta Lígia Fascioni Cor Disco de Newton Muita gente estudou o fenômeno: Filósofos (Platão) Matemáticos (Newton) Físicos (Kepler, Descartes) Escritores (Goethe) Pintores

Leia mais

Apresentação 3. Conceitos Básicos 4. Conceito da Marca 6

Apresentaçã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 mais

Turma 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 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 mais

Uso correto da Marca ONS. versão 1.0 dezembro 2012

Uso 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 mais

Interface Homem-Computador

Interface 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 mais

manual de identidade visual instituto fonte

manual 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 mais

Manual de Identidade Visual. Uso e aplicação do logotipo

Manual 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 mais

REVISÃO GESTALT. Viviane Aiex

REVISÃ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 mais

DIREÇÃO DE ARTE Prof. Breno Brito

DIREÇÃO DE ARTE Prof. Breno Brito CURSO: COMUNICAÇÃO SOCIAL PUBLICIDADE E PROPAGANDA TURMA: CS2/CS3 DIREÇÃO DE ARTE Apostila 3 O USO DAS CORES NA PROPAGANDA FEVEREIRO 2009 O USO DAS CORES NA PROPAGANDA Não há como negar que, psicologicamente

Leia mais

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.

Design 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 mais

Guia - Apresentações de Slides

Guia - 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 mais

CECOM/IFC MANUAL DE IDENTIDADE VISUAL CURSOS DO IFC

CECOM/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 mais

Customização de Interface - Página Inicial

Customização de Interface - Página Inicial Customização de Interface - Página Inicial Sumário 1. Logo... 4 1.1. Edição... 4 2. Inputs - formulários... 4 2.1. Busca... 4 2.2. Novidades... 4 3. Fontes... 5 3.1. Cores (color)... 5 3.2. Tamanho (font-size)...

Leia mais

Deixo, em baixo, o significado de algumas cores.

Deixo, 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 mais

serifa inclinada TIMES serifa

serifa inclinada TIMES serifa TIPOLOGIA NA WEB CLASSIFICAÇÃO DOS TIPOS Com Serifa Serifa é uma haste perpendicular que termina os principais traços de algumas letras. Este recurso facilita a leitura de textos impressos, aglutiando

Leia mais

COMO MELHORAR SUAS APRESENTAÇÕES

COMO MELHORAR SUAS APRESENTAÇÕES Conceitos e Dicas Por: Paulo Kazuo Kato +55-81-34453505 / 87412841 paulo@dotk.com.br 1. O Desafio (02/18) Quer ser bem sucedido em suas apresentações? 1. O Desafio (03/18) ( Ivan Teorilang ) 2. O que fazer

Leia mais

Té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 mais

Posicionamento e Layout com CSS

Posicionamento 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 mais

Resumo MANUAL DE MARCA. neodent.com.br/identidade-corporativa

Resumo 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 mais

O Guia Emocional das. Cores

O 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 mais

prof.nelson_urssi a cultura contemporânea em projeto

prof.nelson_urssi a cultura contemporânea em projeto prof.nelson_urssi dsg> cor, cultura e significado qualidades da cor cores aditivas e subtrativas harmonias e contrastes programação cromática psicologia das cores códigos+público alvo a cultura contemporânea

Leia mais

HARMONIA EQUILÍBRIO CONTRASTE

HARMONIA EQUILÍBRIO CONTRASTE Gestalt do Objeto Sistema de Leitura Visual da Forma Categorias Conceituais Fundamentais HARMONIA EQUILÍBRIO CONTRASTE Prof. Dr. João Gomes Filho I 2011 BIBLIOGRAFIA www.joaogomes.com.br João Gomes Filho

Leia mais

formação web design. 2013 01. 127

formação web design. 2013 01. 127 formação web design. 2013 01. 127 as cores a cor m a t i z o nome atual, como vermelho ou verde s a t u r a ç ã o indica a pureza da cor, o grau de pureza do matiz l u m i n o s i d a d e indica o quanto

Leia mais

Enap. Manual de uso da marca

Enap. 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 mais

USO DE CORES. Ruy Alexandre Generoso

USO DE CORES. Ruy Alexandre Generoso USO DE CORES Ruy Alexandre Generoso DEFINIÇÃO DE COR Cor é a sensação ou o efeito fisiológico que produz a decomposição da luz branca em radiações com larguras variáveis. veis. AS CORES Proporcionam uma

Leia mais

Manual de Identidade Visual

Manual 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 mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

Aplicações da Logomarca Logomarca Preferencial - Assinatura Horizontal - Secretaria Logomarca Preferencial - Assinatura Vertical - Secretaria

Aplicações da Logomarca Logomarca Preferencial - Assinatura Horizontal - Secretaria Logomarca Preferencial - Assinatura Vertical - Secretaria Índice 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Apresentação A logomarca da Prefeitura de Palmas Proporções e medições Zona de exclusão Redução mínima Variantes de cor Cores

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Customização Acionar modo debug 3 Propriedades Básicas 10 Arquivos de Customização 15 2 Customização Intermediário Com a definição do posicionamento

Leia mais

UNIVERSIDADE ESTÁCIO DE SÁ CURSO DE DESENHO INDUSTRIAL WEBDESIGN CAMPUS PRAÇA XI - NOITE VICTOR YAMAMOTO DE SOUZA 200901191267

UNIVERSIDADE ESTÁCIO DE SÁ CURSO DE DESENHO INDUSTRIAL WEBDESIGN CAMPUS PRAÇA XI - NOITE VICTOR YAMAMOTO DE SOUZA 200901191267 UNIVERSIDADE ESTÁCIO DE SÁ CURSO DE DESENHO INDUSTRIAL WEBDESIGN CAMPUS PRAÇA XI - NOITE VICTOR YAMAMOTO DE SOUZA 200901191267 Rio de Janeiro 2013 INTRODUÇÃO O presente projeto visa o desenvolvimento de

Leia mais

Dicas de design utilizando as ferramentas Jimdo. http://educacao.jimdo.com

Dicas 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 mais

Comércio Eletrônico Curso de Especialização SEBRAE

Comé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 mais

Teoria da Gestalt. Teoria da Forma

Teoria 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 mais

Fotografia Digital. Aula 1

Fotografia Digital. Aula 1 Fotografia Digital Aula 1 FOTOGRAFIA DIGITAL Tema da aula: A Fotografia 2 A FOTOGRAFIA A palavra Fotografia vem do grego φως [fós] ("luz"), e γραφις [grafis] ("estilo", "pincel") ou γραφη grafê, e significa

Leia mais

A cor e o computador. Teoria e Tecnologia da Cor. Unidade VII Pág. 1 /5

A cor e o computador. Teoria e Tecnologia da Cor. Unidade VII Pág. 1 /5 A cor e o computador Introdução A formação da imagem num Computador depende de dois factores: do Hardware, componentes físicas que processam a imagem e nos permitem vê-la, e do Software, aplicações que

Leia mais

inovarti Sugestão baseada em estudo para redesenho da logotipo loja Brazil V1.0 - R1-30/11/2014 soluções avançadas em e-commerce

inovarti Sugestão baseada em estudo para redesenho da logotipo loja Brazil V1.0 - R1-30/11/2014 soluções avançadas em e-commerce inovarti soluções avançadas em e-commerce Sugestão baseada em estudo para redesenho da logotipo loja Brazil V1.0 - R1-30/11/2014 Porque mudar? 1. Expansão dos negócios para novos mercados, segmentos de

Leia mais

Uso de Cores no Design de Interfaces

Uso 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 mais

WEB DESIGN LAYOUT DE PÁGINA

WEB DESIGN LAYOUT DE PÁGINA LAYOUT DE PÁGINA Parte 3 José Manuel Russo 2005 17 Introdução A Cor é um factor importante em qualquer Web Site não só reforça a identificação de uma Empresa como o ambiente psicológico pretendido (calma,

Leia mais

Manual de Identidade Visual Golin Módulo II Guia Rápido de Utilização do Logotipo / Meios Digitais. Manual de Identidade Visual junho 2010

Manual de Identidade Visual Golin Módulo II Guia Rápido de Utilização do Logotipo / Meios Digitais. Manual de Identidade Visual junho 2010 1 Manual de Identidade Visual Golin Módulo II Guia Rápido de Utilização do Logotipo / Meios Digitais Manual de Identidade Visual junho 2010 Sumário 2 A marca 3 Introdução 4 Comunicação através de Símbolos

Leia mais

Cor. 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

Cor. 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 mais

Construção de Marcas - Caso It's¹ Bruna MELO² Marília DIÓGENES³ Ms. Maria Iglê de MEDEIROS 4 Universidade Federal do Rio Grande do Norte, Natal, RN

Construção de Marcas - Caso It's¹ Bruna MELO² Marília DIÓGENES³ Ms. Maria Iglê de MEDEIROS 4 Universidade Federal do Rio Grande do Norte, Natal, RN Construção de Marcas - Caso It's¹ Bruna MELO² Marília DIÓGENES³ Ms. Maria Iglê de MEDEIROS 4 Universidade Federal do Rio Grande do Norte, Natal, RN RESUMO Este estudo mostra o desenvolvimento da criação

Leia mais

CLASSIFICAÇÃO DA CORES

CLASSIFICAÇÃ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 mais

Unificação Fechamento Continuidade

Unificaçã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 mais

CSS - Background, Color e Fontes. Prof. Bruno Medeiros bruno.medeiros@sc.senai.br http://www.bruno.dump.com.br

CSS - 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 mais

Teoria de Gestalt aplicada a IHM

Teoria 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 mais

MANUAL DE IDENTIDADE VISUAL

MANUAL 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 mais

K H O R O Z N H V C S D K H O R C V

K H O R O Z N H V C S D K H O R C V 50 :: Webdesign K H O R O Z N H V C S D K H O R C V Legibilidade: garanta a clareza no olhar digital Não, essas combinações de letras não são códigos especiais que revelarão segredos incríveis, elas apenas

Leia mais

Fundamentos de design

Fundamentos 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 mais

MANUAL DE IDENTIDADE VISUAL

MANUAL 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 mais

CURSO PROFISSIONAL TÉCNICO DE DESIGN GRÁFICO. Planificação anual

CURSO 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 mais

Manual de Identidade Visual

Manual 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 mais

Manual de Identidade Visual Diretrizes de uso e gestão da marca

Manual de Identidade Visual Diretrizes de uso e gestão da marca Manual de Identidade Visual Diretrizes de uso e gestão da marca Manual de Identidade Visual - 1 Um projeto de identidade visual tem o propósito de desenvolver a marca e os elementos gráficos que constituem

Leia mais

Manual de Identidade Visual Do Poder Judiciário de Santa Catarina. Normas e Padrões de Utilização Atualizado em 04/01/2015

Manual de Identidade Visual Do Poder Judiciário de Santa Catarina. Normas e Padrões de Utilização Atualizado em 04/01/2015 Manual de Identidade Visual Do Poder Judiciário de Santa Catarina Normas e Padrões de Utilização Atualizado em 04/01/2015 3 Índice 1. Marca...5 Conceito - Design...6 Cores Institucionais...8 Família Tipográfica...9

Leia mais

Fundamentos de design

Fundamentos 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 mais

A Identidade Visual de uma empresa é um de seus principais patrimônios.

A 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 mais

Gramática Visual. A cor

Gramática Visual. A cor Gramática Visual A cor Os nossos olhos são sensíveis às radiações luminosas propagadas no espaço em diferentes comprimentos de onda, o que origina a percepção visual das coisas que nos rodeiam. Temos

Leia mais

COR. Prof. Wanderlei Paré

COR. 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 mais

SUMÁ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 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 mais

SUMÁRIO MARCA... 06 TIPOGRAFIA... 12. CORES... 13 CORES - Versão Escala de Cinza... 14 - Versões Monocromáticas... 15

SUMÁRIO MARCA... 06 TIPOGRAFIA... 12. CORES... 13 CORES - Versão Escala de Cinza... 14 - Versões Monocromáticas... 15 SUMÁRIO MARCA... 06 CONSTRUÇÃO - Malha Construtiva da Marca... 07 - Assinaturas... 08 - Redução... 09 - Área de Proteção... 10 - Assinatura Conjunta... 11 TIPOGRAFIA... 12 CORES... 13 CORES - Versão Escala

Leia mais

Frederico Silva Mesquita. Memorial Descritivo

Frederico 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 mais

seguros IASA manual de identidade visual

seguros 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 mais

Design Web - Percepção. Elisa Maria Pivetta

Design 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 mais

COMBINAÇÕES EFICAZES DE CORES. Rosa: Sugere doçura, simplicidade, intimidade, feminilidade, criança, calma, afeto, delicadeza.

COMBINAÇÕES EFICAZES DE CORES. Rosa: Sugere doçura, simplicidade, intimidade, feminilidade, criança, calma, afeto, delicadeza. AS CORES NA WEB A percepção da cor é o mais emocional dos elementos específicos do processo visual, ela tem grande força e pode ser usada com muito proveito para expressar e intensificar a informação visual.

Leia mais

Este é o Manual de Identidade Visual da Fundação CERTI. Ele serve para você conhecer melhor a nossa marca.

Este é o Manual de Identidade Visual da Fundação CERTI. Ele serve para você conhecer melhor a nossa marca. Manual de Para que serve este Manual Este é o Manual de Identidade Visual da Fundação CERTI. Ele serve para você conhecer melhor a nossa marca. Pag. 03 Pag. 04 Pag. 05 Pag. 06 Pag. 08 Pag. 12 Pag. 22 Pag.

Leia mais

Atividade: matrizes e imagens digitais

Atividade: 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 mais

MANUAL MANUAL DE USO DA MARCA SELO SOLAR

MANUAL MANUAL DE USO DA MARCA SELO SOLAR MANUAL MANUAL DE USO DA MARCA SELO SOLAR ÍNDICE 01. Uso do Manual 02. Construção da marca 03. Área de proteção 04. Dimensão minima 05. Especificações Cromáticas 06. Uso em monocromia 07. Tipografia 08.

Leia mais

Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO

Interaçã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 mais

Fraternidade Espírita Irmãos de Cascais

Fraternidade Espírita Irmãos de Cascais Fraternidade Espírita Irmãos de Cascais 1 1.0 Grid da Logomarca 03 2.0 Área de proteção 05 3.0 Definição das Cores 06 3.1 Cores em Policromia 06 3.2 Cores em Pantone 07 3.3 Cores em Escala de Cinza 08

Leia mais

Psicologia Experimental Psicologia Cognitiva Aplicada. Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br

Psicologia 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 mais

Manual de Identidade Visual Corporativa

Manual 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 mais

Leia estas instruções:

Leia estas instruções: Leia estas instruções: 1 2 3 4 5 6 7 8 9 10 11 12 Confira se os dados contidos na parte inferior desta capa estão corretos e, em seguida, assine no espaço reservado para isso. Caso se identifique em qualquer

Leia mais

NORMAS DE APLICAÇÃO DO LOGOTIPO CENTRO HOSPITALAR DE SÃO JOÃO

NORMAS DE APLICAÇÃO DO LOGOTIPO CENTRO HOSPITALAR DE SÃO JOÃO NORMAS DE APLICAÇÃO DO LOGOTIPO CENTRO HOSPITALAR DE SÃO JOÃO IMPORTANTE O LOGOTIPO CENTRO HOSPITALAR DE SÃO JOÃO É UM SÍMBOLO PROTEGIDO LEGALMENTE. NÃO PODE SER ALTERADO EM PARTE OU NO SEU TODO. TODA

Leia mais

ÍNDICE. 1. Marca 1.1 Valores 1.2 Conceito visual

ÍNDICE. 1. Marca 1.1 Valores 1.2 Conceito visual 09.05.2013 ÍNDICE 1. Marca 1.1 Valores 1.2 Conceito visual 2. Elementos Visuais 2.1 Construção 2.2 Área de protecção 2.3 Dimensão mínima 2.4 Tipografia 2.5 Cores 2.6 Marca Registada 3. Assinatura 3.1 Conceito

Leia mais

Manual de Identidade Visual

Manual 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 mais

Manual de uso da marca do Governo Federal

Manual de uso da marca do Governo Federal Manual de uso da marca do Governo Federal SECOM / PR - 2011 Manual de uso da marca do Governo Federal 1.1 Introdução 03 1.2 Logomarca do Governo Federal 04 1.3 Proporções e medições 05 1.4 Zona de eclusão

Leia mais

MANUAL DE IDENTIDADE. inside office

MANUAL 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 mais

Contexto. Interface Gráfica. A Informação na Web. A Informação na Web. Nos anos 80, surgem as primeiras ferramentas de Desktop Publishing: Web Design

Contexto. Interface Gráfica. A Informação na Web. A Informação na Web. Nos anos 80, surgem as primeiras ferramentas de Desktop Publishing: Web Design Interface Gráfica Web Design Contexto Nos anos 80, surgem as primeiras ferramentas de Desktop Publishing: Edição e publicação de documentos via ferramentas de editoração eletrônica, computador e impressora.

Leia mais

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA

MANUAL 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 mais

Guia de Uso DAMARCA V1.0 - Maio. 2011

Guia de Uso DAMARCA V1.0 - Maio. 2011 Guia de Uso DAMARCA V1.0 - Maio. 2011 Apresentação 3 Elementos da marca 4 Versões de uso preferencial 5 Cores 6 Aplicação em substrato metalizado 7 Versão degradê 8 Versões em P&B 9 Área de não interferência

Leia mais

Formatação de documentos: mais qualidade e produtividade

Formatação de documentos: mais qualidade e produtividade Formatação de documentos: mais qualidade e produtividade Judith Adler Levacov Diretora da JAL Design, pós-graduada em Design de Interfaces pela Unicarioca judith@jaldesign.com.br Introdução Com a informatização

Leia mais

M A N U A L D E NOR M A S

M A N U A L D E NOR M A S MANUAL DE NORMAS A Construção de uma Marca é o resultado de uma pesquisa apurada. A sua construção obedece a regras precisas, que asseguram o equilíbrio da sua composição. Qualquer alteração das proporções

Leia mais

A extensa região territorial que abrange a estrutura multicampi da Unoesc é fator de orgulho

A extensa região territorial que abrange a estrutura multicampi da Unoesc é fator de orgulho Manual de Marca Apresentação A marca da Unoesc foi desenvolvida a partir de um estudo baseado no perfil histórico representativo da instituição Universidade do Oeste de Santa Catarina (Unoesc), tomando

Leia mais

MANUAL DE APLICAÇÃO DA MARCA

MANUAL DE APLICAÇÃO DA MARCA MANUAL DE APLICAÇÃO DA MARCA 1. APRESENTAÇÃO Este manual apresenta, documenta e normatiza a utilização da identidade visual do Circo Crescer e Viver e de seu selo comemorativo de 10 anos. É fundamental

Leia mais

Identidade Digital Padrão de Governo

Identidade 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 mais

Tema 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 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 mais

Sumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio

Leia mais

Como Começar? Criação Páginas. Etapas. Apresentação INTERNET

Como 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 mais

Manual de identidade visual

Manual 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 mais