09/05/2017. Noções de Designer Gráfico APRESENTAÇÃO

Transcrição

1 APRESENTAÇÃO Noções de Designer Gráfico Professora Janaide Nogueira Técnica: Secretária Escolar(FDR) Graduação: Bacharelado em Sistemas de Informação(FIED) Pós-Graduação: Especialização em Engenharia de Software(FGF) MBA em Sistemas de Informação(ESAB) Mestranda em Ciências da Computação (UECE) Atividades Profissionais: Profª. Faculdade IEducare. NOÇÕES DE DESIGNER GRÁFICO 1 NOÇÕES DE DESIGNER GRÁFICO 2 CURSO TÉCNICO EM INFORMÁTICA Disciplina: Noções de Designer Gráfico Semestre: 4º Turno: Tarde Carga Horária: 80 horas Horários Segunda Terça Quarta Quinta Sexta 18:30 X 19:20 X 20:10 Intervalo Intervalo Intervalo Intervalo Intervalo 20:20 X 21:10 X NOÇÕES DE DESIGNER GRÁFICO 3 NOÇÕES DE DESIGNER GRÁFICO 4 NOÇÕES DE DESIGNER GRÁFICO Profª. Esp.: Janaide Nogueira nogueirajanaide@gmail.com WhatsApp:(88) EMENTA DA DISCIPLINA 1. Introdução ao design gráfico: conceitos, princípios, tipos e aplicações. 2. Estudo das cores: psicologia, combinações e paletas. 3. Estudo e criação de interfaces: usabilidade, acessibilidade e produção em ambientes heterogêneos de acordo com princípios reconhecidos como boas práticas. 4. Principais ferramentas de designer NOÇÕES DE DESIGNER GRÁFICO 5 NOÇÕES DE DESIGNER GRÁFICO 6 1

2 CONTEÚDOS A SEREM ESTUDADOS Unidade I Introdução ao Design Gráfico Conceitos básicos; Princípios básicos; Aplicações do design gráfico; Elementos, layouts, temas e projetos; Projeto, planejamento e arquitetura de informação; CONTEÚDOS A SEREM ESTUDADOS Unidade II Elementos visuais Estudo das cores; Textos e fontes; Tipografia; Unidade III Usabilidade e Acessibilidade Conceitos e elementos; Desafios; Aspectos técnicos; Legislação; NOÇÕES DE DESIGNER GRÁFICO 7 NOÇÕES DE DESIGNER GRÁFICO 8 CONTEÚDOS A SEREM ESTUDADOS Unidade IV Estudo dirigido em ambientes heterogêneos Ambiente WEB; Ambiente Desktop; Modelagem Prática e exercícios. AVALIAÇÃO Em fórmulas: x1 = ((2 *exercícios manuscritos) + (1* seminário) +(2 *avaliação teórico) ) /5 x2 = ((3 * avaliação teórica) + (1 * trabalhos)+(2* exercícios manuscritos)+ (2*seminários)) /8 MS = (2 * x1 + 3 * x2) / 5 Se MS >= 6 EntãoAprovado Senão Se MS >= 3 EntãoExame Final SenãoReprovado MF = (MS + AF) / 5 Se MF >= 5 EntãoAprovado SenãoReprovado. Legendas: x1 = Média da Primeira Etapa x2 = Média da Segunda Etapa MF= Média Final AF= Avaliação Final NOÇÕES DE DESIGNER GRÁFICO 9 NOÇÕES DE DESIGNER GRÁFICO 10 OBJETIVOS DA DISCIPLINA PERGUNTAS, DÚVIDAS, SUGESTÕES,... Conhecer os princípios do Design Gráfico; Contextualizar as variadas aplicações do design gráfico no mundo do desenvolvimento de softwares; Diferenciar e adequar combinação de cores conforme critérios de psicologia das cores; Perceber os diferentes tipos de textos e fontes; Visualizar os conceitos sobre usabilidade e acessibilidade; Realizar estudo prático de produção de interfaces em ambientes heterogêneos (WEB, desktop e móvel) usando ferramentas. NOÇÕES DE DESIGNER GRÁFICO 11 NOÇÕES DE DESIGNER GRÁFICO 12 2

3 AGENDA LEITURAS -Introdução e conceitos básicos; NOÇÕES DE DESIGNER GRÁFICO 13 NOÇÕES DE DESIGNER GRÁFICO 14 LINHA DO TEMPO LINHA DO TEMPO NOÇÕES DE DESIGNER GRÁFICO 15 NOÇÕES DE DESIGNER GRÁFICO 16 LINHA DO TEMPO Design Concepção de um projeto ou modelo; - Planejamento. Designer Indivíduo que planeja ou concebe um projeto ou modelo. Web design e web designer. NOÇÕES DE DESIGNER GRÁFICO 17 NOÇÕES DE DESIGNER GRÁFICO 18 3

4 Responsabilidade Social O produto do Design estabelece uma relação física direta com o homem. Para o Design, o homem é um usuário. O produto do Design visa atender às necessidades do homem. Características do Design Ver e transmitir experiência visual para interlocutores. Levar em conta: Dinamismo; Legibilidade; Equilíbrio. Para o Design, o homem é parte da sociedade. NOÇÕES DE DESIGNER GRÁFICO 19 NOÇÕES DE DESIGNER GRÁFICO 20 Características do Design Ser inteligente; Saber transmitir uma mensagem usando representações visuais; DESIGN EM DIAGRAMAÇÃO NOÇÕES DE DESIGNER GRÁFICO 21 NOÇÕES DE DESIGNER GRÁFICO 22 DESIGN EM DIAGRAMAÇÃO DESIGN EM DIAGRAMAÇÃO Diagramação: *Ato ou efeito de criar diagramas ou ordenação e distribuição de elementos gráficos para melhor conduzir o fluxo de leitura, de ideias e de conceitos. Princípios Básicos (CRAP): *Proximidades; *Alinhamento; *Repetição; *Contraste; NOÇÕES DE DESIGNER GRÁFICO 23 NOÇÕES DE DESIGNER GRÁFICO 24 4

5 PRINCÍPIOS DE CONTRASTE Acrescentar algum atrativo visual à página, criando uma hierarquia organizacional entre diferentes elementos. Cria-se um contraste quando dois elementos são diferentes. Se eles diferirem só um pouco, não acontecerá o contraste, mas um conflito. Se dois elementos não forem exatamente os mesmos, diferencie completamente. NOÇÕES DE DESIGNER GRÁFICO 25 NOÇÕES DE DESIGNER GRÁFICO 26 PRINCÍPIOS DA REPETIÇÃO Dar consistência ao material gráfico: Através do uso do princípio da repetição, o material terá uniformidade, ou seja, uma parte será reconhecida como pertencente ao restante do todo. É um esforço consciente para unificar todos os elementos do design. NOÇÕES DE DESIGNER GRÁFICO 27 NOÇÕES DE DESIGNER GRÁFICO 28 PRINCÍPIOS DO ALINHAMENTO *Repetições: *Fonte bold / Fonte *Indentações *Espaçamento *Alinhamentos *Sinais de tópicos quadrados Dar coesão aos elementos. Mesmo elementos separados fisicamente uns dos outros, se estiverem alinhados, haverá uma linha invisível conectando-os, tanto em relação aos seus olhos quanto a sua mente. Avisar ao leitor que, mesmo não estando próximos, os itens fazem parte do mesmo grupo de elementos. NOÇÕES DE DESIGNER GRÁFICO 29 NOÇÕES DE DESIGNER GRÁFICO 30 5

6 Elementos jogados em qualquer lugar. Nenhum dos elementos tem qualquer conexão com outro elemento do cartão. Informações organizadas ; Além de terem sido agrupadas pelo Princípio da Proximidade; NOÇÕES DE DESIGNER GRÁFICO 31 NOÇÕES DE DESIGNER GRÁFICO 32 Alinhamento Fantasia NOÇÕES DE DESIGNER GRÁFICO 33 NOÇÕES DE DESIGNER GRÁFICO 34 PRINCÍPIOS DA PROXIMIDADE Itens relacionados entre si, devem ser agrupados. Quando vários itens estão próximos, tornam-se uma unidade visual e não várias unidades individualizadas. Isso ajuda a organizar informações e reduz a desordem. NOÇÕES DE DESIGNER GRÁFICO 35 NOÇÕES DE DESIGNER GRÁFICO 36 6

7 Agrupe as informações graficamente. No início de uma criação determine, pela lógica, quais informações devem ser enfatizadas e quais devem ser abrandadas. NOÇÕES DE DESIGNER GRÁFICO 37 NOÇÕES DE DESIGNER GRÁFICO 38 EXEMPLO CRAP EXEMPLO CRAP NOÇÕES DE DESIGNER GRÁFICO 39 NOÇÕES DE DESIGNER GRÁFICO 40 BIBLIOGRAFIA Prof. Wanderlei Paré (Oficina de Produção Gráfica); *Graciana Somoni Fischer (Design na Web); *Prof. Régis Pires (Curso de Introdução ao Web Design) *Prof. Nécio (Noções de Design Gráfico) NOÇÕES DE DESIGNER GRÁFICO 41 NOÇÕES DE DESIGNER GRÁFICO 42 7