Design e conteúdo criam mensagem

2. FORMA E CONTEÚDO Você só tem uma chance FORMA: formas visíveis ou configurações criadas, ou como as diversas partes foram organizadas; CONTEÚDO: diz respeito a o que preenche esses diferentes elementos e também a quais pensamentos e tipos de informação são transmitidos

4. O Design gráfico leva o olhar do receptor para o lugar certo, e o conteúdo contribui para a compreensão do receptor. A interação entre o design e o conteúdo é o que cria aquele importante primeira impressão Design + conteúdo = mensagem

11. INTENÇÃO PROXIMIDADE RECEPÇÃO

12. COMO O DESIGNER ESCOLHE PLANEJAMENTO ESCOLHA ELIMINAÇÃO ORGANIZAÇÃO CUSTOS DESIGN

13. FORMATOS ESTIMULANTES  PAISAGEM – uma forte tensão entre altura e largura; o olhar se move fácil.  RETRATO – a tensão cria uma energia que impulsiona para cima e para baixo.  QUADRADO – sem tensão; um espaço onde nada acontece. Força interna para arranjos.  OUTROS – raros; grande potencial

20. FORMATOS ESTIMULANTES  PADRÃO OU ESPECIAL  ÁREA DE IMPRESSÃO - Espelhada (margem interna) - Cabeçalho (superior) - Margem externa - Rodapé

23. ATRAÇÃO E ORIENTAÇÃO  ATRAÇÃO - Um bom design atrai o receptor por meio da clareza e da força. Pelo todo e pela combinação dos elementos; - ‘Horror vaccui’

24. ATRAÇÃO E ORIENTAÇÃO  ORIENTAÇÃO - O receptor precisa ser guiado pelo material; - A ordem que os elementos visuais devem ser lidos deve ser clara

28. ATRAÇÃO E ORIENTAÇÃO  SIMETRIA E ASSIMETRIA - Simetria: calma e harmoniosa, fácil de ler e compreender; - Assimetria: cria dinamismo e tensão. Espaço para a interação de designs, cores e espaços contrastantes;

31. ATRAÇÃO E ORIENTAÇÃO  DESIGN ABERTO E FECHADO - Aberto: amplo e agradável. - Fechado: estimulante e dramático.

34. ATRAÇÃO E ORIENTAÇÃO  CENTRO ÓPTICO

36. FORMATOS ESTIMULANTES  DESIGN PSICOLÓGICO - Lei da proximidade

38. FORMATOS ESTIMULANTES  DESIGN PSICOLÓGICO - Lei da proximidade - Lei da semelhança - Lei da intimidade

39. QUATRO PRINCÍPIOS  CONTRASTE  ALINHAMENTO  EQUILÍBRIO  RITMO

43. CONTRASTE  TAMANHO  INTENSIDADE  FORMA  COR

44. CONTRASTE  O contraste de TAMANHO é particularmente útil, pois pode gerar uma forma de adentrar no arranjo visual, fato bem aceito pelo receptor. Da mesma forma que a porta de um prédio indica que o visitante deve bater e entrar ali, o contraste de tamanho sinaliza o que o receptor deve começar a olhar e ler.

45. ESTÁTICO DINÂMICO

47. CONTRASTE  Cria um design dinâmico e sugestivo  Uma boa introdução ao arranjo visual

48.  TAMANHO Uma imagem grande e um pequena  INTENSIDADE/FORÇA Pode conter arranjos chamativos de grandes títulos pretos e imagens escuras contrastando com uma tipografia suave a ilustrações leves FORMA Uma imagem sem margem com foto retangular; ou uma imagem redonda com outra quadrada  COR Uso de cores contrastantes oferece possibilidades infinitas

50. EQUILÍBRIO  O designer precisa ter certeza de que todos os diversos elementos estão equilibrados de forma que o leiaute não pese demais apenas para um dos lados.

52. EQUILÍBRIO  A simetria é uma boa forma de buscar o equilíbrio. Mas um bom designer pode criar equilíbrio num arranjo assimétrico.

53. ALINHAMENTO  Manchetes de um jornal sempre na mesma altura;  Imagens em um padrão estabelecido;  Margens do mesmo tamanho;  Ferramentas de navegação em todas páginas de um site.

56. RITMO / CONTINUIDADE  Movimento propulsor visual;  Pasicologia da aprendizagem;  Esquemas de reforço;  Impacto na memória;  Qualidade.

63. "Preto-e-branco pode dar um aspecto de documentário que nos faz acreditar em algo na imagem. Da mesma maneira, uma fotografia em preto-e-branco nos leva a um mundo sugestivo, transformando-nos em participantes de uma sequência fílmica”

74. Planejamento Gráfico 28 de novembro

75. TIPOGRAFIA NARRATIVA – VISÍVEL Revela o emissor por trás da mensagem, com o propósito de dar vida a esta última e firtalecê-la pelo uso do tipo

76. TIPOGRAFIA INVISÍVEL A ligação entre o emissor e o receptor – entre autor e leitor – não revela nada de si. O silêncio deve servir ao conteúdo.

84. CAPITULARES ROMANAS

103. • • • • • • • • • • Tipo Caixa alta e caixa baixa Tamanho do corpo do tipo Espaçamento entre linhas Configuração das colunas Espaçamento entre palavras Espaçamento ente caracteres Texto contra fundo Tinta e papel Linguagem, conteúdo e leitor

104. Encontro Internacional de Voleibol, realizado pelo Grêmio de Subtenentes e Sargentos de Boa Vista (Gressb), inicia na próxima segundafeira (9). A abertura da competição será o jogo da categoria Mirim entre as escolas Pedro Elias e Objetivo, às 17h, no ginásio do COB. Participam das disputas 40 equipes de Roraima, Amazonas e Venezuela. Ao todo participam 24 equipes de Roraima, oito do Amazonas e oito da Venezuela. Todos os times estão confirmados com cerca de 250 pessoas, entre atletas e comissão técnica para o Encontro Internacional. Os jogos acontecem no ginásio do COB e nas quadras do Instituto Federal de Ciência e Tecnologia de Roraima (IFRR). A competição tem times das categorias Mirim à Adulto.

105. ENCONTRO INTERNACIONAL DE VOLEIBOL, REALIZADO PELO GRÊMIO DE SUBTENENTES E SARGENTOS DE BOA VISTA (GRESSB), INICIA NA PRÓXIMA SEGUNDA-FEIRA (9). A ABERTURA DA COMPETIÇÃO SERÁ O JOGO DA CATEGORIA MIRIM ENTRE AS ESCOLAS PEDRO ELIAS E OBJETIVO, ÀS 17H, NO GINÁSIO DO COB. PARTICIPAM DAS DISPUTAS 40 EQUIPES DE RORAIMA, AMAZONAS E VENEZUELA. AO TODO PARTICIPAM 24 EQUIPES DE RORAIMA, OITO DO AMAZONAS E OITO DA VENEZUELA. TODOS OS TIMES ESTÃO CONFIRMADOS COM CERCA DE 250 PESSOAS, ENTRE ATLETAS E COMISSÃO TÉCNICA PARA O ENCONTRO INTERNACIONAL. OS JOGOS ACONTECEM NO GINÁSIO DO COB E NAS QUADRAS DO INSTITUTO FEDERAL DE CIÊNCIA E TECNOLOGIA DE RORAIMA (IFRR). A COMPETIÇÃO TEM TIMES DAS CATEGORIAS MIRIM À ADULTO.

110. A altura do corpo humano e a medida do umbigo até o chão. A altura do crânio e a medida da mandíbula até o alto da cabeça. A medida da cintura até a cabeça e o tamanho do tórax. A medida do ombro à ponta do dedo e a medida do cotovelo à ponta do dedo. O tamanho dos dedos e a medida da dobra central até a ponta. A medida da dobra central até a ponta dividido e da segunda dobra até a ponta.

120. Encontro Internacional de Voleibol, realizado pelo Grêmio de Subtenentes e Sargentos de Boa Vista (Gressb), inicia na próxima segundafeira (9). A abertura da competição será o jogo da categoria Mirim entre as escolas Pedro Elias e Objetivo, às 17h, no ginásio do COB. Participam das disputas 40 equipes de Roraima, Amazonas e Venezuela.

126. Encontro Internacional de Voleibol, realizado pelo Grêmio de Subtenentes e Sargentos de Boa Vista (Gressb), inicia na próxima segunda-feira (9). A abertura da competição será o jogo da c a t e g o r i a M i r i m e n t r e a s e s c o l a s P e d r o E l i a s e Objetivo, às 17h, no ginásio do COB. Participam das disputas 40 equipes de Roraima, Amazonas e V e n e z u e l a . Ao todo participam 24 equipes de Roraima, oito do Amazonas e oito da Venezuela. To d o s o s t i m e s e s t ã o c o n f i r m a d o s com cerca de 250 pessoas, entre atletas e comissão técnica para o Encontro Internacional. Os jogos acontecem no ginásio do C O B e n a s q u a d r a s d o

131. Atividade de Análise Tipográfica Objeto: capa do jornal ou página inicial de reportagem em revista • Utiliza tipografia visível, invisível ou ambas? • Quantos tipos diferentes utiliza? • Identificar tipos serifados ou sem serifa. • Há combinação dos dois grupos? • Qual a percepção do grupo sobre a combinação dos grupos ou ausência dela. • A que famílias tipográficas pertencem.

132. Romanas Antigas (Garaldas)

133. Romanas Modernas (Didonas)

134. Egípcias (Mecanas)

135. Sem Serifa geométricas

136. Sem Serifa neo-grotesca

137. Sem Serifa Humanística

139. TIMES NEW ROMAN A Times New Roman é uma família tipográfica serifada criada em 1931 para uso do jornal inglês The Times of London1 2. Hoje é considerada um dos tipos mais conhecidos e utilizados ao redor do mundo (em parte por ser a fonte padrão em diversos processadores de texto). Seu nome faz referência ao jornal (Times) e também a uma releitura das antigas tipografias clássicas (new roman).

141. GARAMOND A palavra Garamond refere-se aos tipos originais baseados na escrita de Claude Garamond para sua tipografia em, aproximadamente, 1530. Atualmente, várias famílias tipográficas são derivadas (ainda que distantes) dos tipos originais de chumbo de Garamond e estão disponíveis para computadores digitais.

143. Alunos Alunos

144. Arial Helvética VS

145. HELVÉTICA Em 1957, Max Miedinger criou a família tipográfica chamada Neue Haas Grotesk, que foi comprada por Eduard Hoffman para a empresa Haas’sche Schriftgiesserei de Münchenstein, Suíça. Não foi até 1960 que a fonte foi renomeada para refletir o nome do país em latim – Helvetica. Espalhado como um símbolo de tecnologia-de-ponta suíça, Helvetica se tornou reconhecida mundialmente.

151. Revolução da Imagem Os indivíduos textuais podem perder um pouco de seu privilégio social. A atenção voltada para as habilidades linguísticas na criação e educação pode ser superada pela igualdade entre o verbal e o visual. A esperança não morre.

155. Amadorismo Amadorismo significa que, cada vez mais, o público geral abastece a imprensa com imagens e as empresas produzem suas próprias imagens publicitárias.

157. Nasce um novo jornalismo? As pessoas não querem mais se ver como simples consumidoras, mas como participantes. Isso transfere o centro de poder da mídia tradicional para a mídia pertencente aos cidadãos ativos e engajados.

158. Imagem A imagem visual é criada quando parte da realidade atinge a nossa retina. Torna-se imagem interna por meio de associações e interpretações. A Imagem técnica é produzida no papel, no filme ou na tela

159. Imagem Técnica Construção | Modo como a imagem é elaborada. Função | Adaptação da imagem à arte, notícia ou publicidade Circulação | Receptores consomem a imagem em diferentes mídias

160. Mensagem As imagens constroem mensagens – algumas bem fortes – e também as tornam possíveis.

161. Mensagem Informativa | Passa uma informação relevante sem juízo de valor.

162. Informativa

163. Mensagem Informativa | Passa uma informação relevante sem juízo de valor. Explicativa | explica uma ação, situação ou série de eventos

164. Explicativa

165. Mensagem Informativa | Passa uma informação relevante sem juízo de valor; Explicativa | Explica uma ação, situação ou série de eventos; Diretiva | Indica ou encoraja uma opinião;

166. Diretiva

167. Mensagem Informativa | Passa uma informação relevante sem juízo de valor; Explicativa | Explica uma ação, situação ou série de eventos; Diretiva | Indica ou encoraja uma opinião Expressiva | Transmite emoções forter

168. Diretiva

169. Retórica da imagem Imagem Representativa | mostra; Imagem Metonímica | esclarece; Imagem Sinedóquica | indica e prova Imagem Metafórica | compara

170. Representativa

171. Metonímica

172. Sinedóquica

173. Sinedóquica

174. Metafórica

175. Janelas e Espelhos

176. Janela

177. Espelho

178. Primeira Pessoa

179. Primeira Pessoa

180. Paisagem Horizontal

181. Retrato Vertical

182. Quadrado Estático

185. Simetria e Assimetria

192. Punctum e Studion

196. Ser explícito demais é algo terrível

197. Participação O receptor tem que contar o resto, preencher as lacunas, participar.

198. PALAVRAS X IMAGENS Fotógrafo X Poeta As palavras dilaceram as imagens! As imagens imobiliza as palavras!

199. SEMIÓTICA Palavras e imagens tem a mesma origem: O SIGNO

200. SEMIÓTICA

201. SEMIÓTICA

203. TERCEIRA LINGUAGEM

205. ESQUERDA E DIREITA Leitura cansa: Precisa ser decodificada e processada. A leitura confere ao receptor um bom controle da mensagem Imagem: Irracionalidade e intuição. A imagem confere ao receptor muito pouco controle da mensagem

206. ESQUERDA E DIREITA No centro deste continuum está a oportunidade de dar força à mensagem, combinando texto e imagem diante dos olhos do receptor, deixando que os dois trabalhem juntos

207. ENFIM, A INTERAÇÃO Harmonia X desarmonia Relais X Ancoragem

209. Hormonia Irritante

210. Desarmonia

211. Desarmonia

212. Desarmonia

213. Desarmonia

214. Desarmonia

215. Desarmonia

216. Desarmonia

Design e conteúdo criam mensagem

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Empfohlen

Empfohlen (20)

Design e conteúdo criam mensagem