SlideShare a Scribd company logo
1 of 57
Download to read offline
Design na prática
     Luís Lima
• 28 realidades
Elementos Visuais
   (fotos, texturas, fontes,
   grafismos, etc)


                   CONCEITO
                POSICIONAMENTO

                 FERRAMENTAS
                  DE CRIAÇÃO

                 FERRAMENTA
                  PRINCIPAL
Conteúdo 
(estratégico)




Assinatura Visual do CFA
• Assinatura Visual do CFA
• CONCEITO (posicionamento)
• FERRAMENTAS DE CRIAÇÃO
• Elementos Visuais (fotos, texturas, fontes, 
  grafismos, etc)
• Conteúdo
• FERRAMENTA PRINCIPAL
Video 1
Consistência
• DESAFIO: Como aplicar essa consistência no uso do 
  Símbolo da Administração?
  – Criando uma Cultura visual 
    (equilíbrio entre fazer tudo igual vs tudo diferente).
  – Manual de Identidade Visual
    (equilíbrio entre rigidez e maleabilidade)
• Banco de logos: ação do CFA para viabilizar o 
  uso do MIV
• Assinatura Visual do CFA
• CONCEITO (posicionamento)
• FERRAMENTAS DE CRIAÇÃO
• Elementos Visuais (fotos, texturas, fontes, 
  grafismos, etc)
• Conteúdo
• FERRAMENTA PRINCIPAL
Prêmio Belmiro Siqueira 2011

Solicitação da Câmara de Formação Profissional
Briefing
Divulgação foi dividida em 3 partes
          Estudantes
          Empresa Cidadã
          Editoras

Peças: 
         Cartaz, anúncios para revistas, email‐
marketing, banners para internet.




     Linguagem jovem!!
google.com/adplanner (plano de mídia)
Google trends (comparação entre termos)
Google insights (estatísticas de pesquisa)
Google insights (estatísticas de pesquisa)
Google Public Data Explorer
Google Analytics
Pesquisar tweets
Análise de Similares
(equilíbrio entre copiar e inspirar)
Formação de conceito visual
• Elementos visuais que reforcem o conteúdo:
Como juntar tudo isso?
• Assinatura Visual do CFA
• CONCEITO (posicionamento)
• FERRAMENTAS DE CRIAÇÃO
• Elementos Visuais (fotos, texturas, fontes, 
  grafismos, etc)
• Conteúdo
• FERRAMENTA PRINCIPAL
• Redução de custos
• Equilíbrio entre criação interna e terceirização
Software livre!
Exemplos
• Fluxo de trabalho usando apenas softwares 
  livres
Blender 3D
Blender 3D

• Video 2
• Video 3
GIMP – Manipulação de imagens



 Video 4
InkScape – Ilustração vetorial
InkScape – Ilustração vetorial
Scribus – Diagramação
Video 5
• Assinatura Visual do CFA
• CONCEITO (posicionamento)
• FERRAMENTAS DE CRIAÇÃO
• Elementos Visuais (fotos, texturas, fontes, 
  grafismos, etc)
• Conteúdo
• FERRAMENTA PRINCIPAL
Bancos de Imagem
• www.sxc.hu




NÃO ESQUEÇA A FONTE!
89 bancos de imagem FREE
•   Stock.XCHNG                    Twice Pix                    •   ARS
•   everystockphoto            •   Studio25                     •   Animal Pictures Archive
•   Morguefile                 •   star29                       •   Yellowstone Digital Slide File
•   Dreamstime                 •   Cromavista                   •   Insecta
•   Woophy                     •   9×13 glänzend                •   Insect Images
•   Pixel Perfect Digital      •   StickStock.com               •   FEMA
•   Abstract Influence         •   dieBlen.de                   •   Aarin Free Photo
•   Stockvault.net             •   Photogen                     •   Creativity 103
•   aboutpixel.de              •   DexHaus                      •   Truly Free Stock
•   Dns Fotografia Digital     •   OpenPhoto.Net                •   Jay Arraich’s Free Photos
•   CNICE                      •   graphicsarena.com            •   Piotr.Pix
•   Image*After                •   tripalbum.net                •   Public Domain Stock Photos
•   FreePixels                 •   La Chti’te galerie           •   LIGHTmatter
•   Big Foto                   •   OneOddDude.net               •   FreeStockPhotos
•   Fontplay                   •   MFX.de                       •   Imagetemple.com
•   FreeImages                 •   FotoDatebank                 •   A Digital Dreamer
•   FreeFoto                   •   Majestic Imagery             •   ArtFavor | Photo Collection
•   tOfz                       •   SPB
•   pixelio.de                 •   DesignPacks.com
•   FreePhotoBank              •   EssEndEmmE Stock Photos
•   Public‐domain‐photos.com   •   Fotobank
•   Free Photos Web            •   IronOrchid
•   FreePhotosBank.com         •   Vintage Pixels
•   freerangestock.com         •   Microshots.org (close‐up)
•   Visipix                    •   Pixalia
•   Burning Well               •   fotofree.org
•
•
    Cepolina Photos
    ImageBase
                               •
                               •
                                   PhotoRack
                                   Imageblowout
                                                               www.brunoavila.com.br
•   DHD Multimedia Gallery     •   Bajstock.com
•   ZURBphotos                 •   FreeMediaGoo
•   stock.diwiesign.com        •   PIX
•   Stockcache                 •   Apostroph | Freshpics
•   Orange Trash               •   Four Bees
•   UnProfound                 •   FotoImpact.ro
•   unices.org                 •   Plants of Hawaii
•   Amygdela’s atmosphere      •   Farmphoto
Texturas
• http://www.cgtextures.com/
Tipografia (fontes)
• www.dafont.com
Grafismos, pincéis, ações e muito mais
• www.deviantart.com  (não esqueça a fonte)
• Assinatura Visual do CFA
• CONCEITO (posicionamento)
• FERRAMENTAS DE CRIAÇÃO
• Elementos Visuais (fotos, texturas, fontes, 
  grafismos, etc)
• Conteúdo
• FERRAMENTA PRINCIPAL
Ferramenta Principal:



COMPROMETIMENTO
luislima@cfa.org.br
  (61) 3218‐1825

www.luislima.com
Obrigado!

More Related Content

Viewers also liked

Identidade visual de uma marca
Identidade visual de uma marcaIdentidade visual de uma marca
Identidade visual de uma marcaLorena Orílio
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALAndrea Dalforno
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...DESIGN DIGITAL UNIARA 2012
 
MOODLE: uso pedagógico das principais ferramentas
MOODLE: uso pedagógico das principais ferramentasMOODLE: uso pedagógico das principais ferramentas
MOODLE: uso pedagógico das principais ferramentasAndrea Dalforno
 
AULA 1: Psicologia da Forma
AULA 1: Psicologia da FormaAULA 1: Psicologia da Forma
AULA 1: Psicologia da FormaW.COM
 
Sintaxe da linguagem visual
Sintaxe da linguagem visualSintaxe da linguagem visual
Sintaxe da linguagem visualBruno Marques
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contrasteDaniela Fiuza
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALAndrea Dalforno
 
Aula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualAula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualKárita Garcia
 
Manual de Identidade Visual da Caixa Econômica Federal - CEF
Manual de Identidade Visual da Caixa Econômica Federal - CEFManual de Identidade Visual da Caixa Econômica Federal - CEF
Manual de Identidade Visual da Caixa Econômica Federal - CEFUERN
 
Fundamentos da linguagem visual
Fundamentos da linguagem visualFundamentos da linguagem visual
Fundamentos da linguagem visualItamir Beserra
 
Linguagem da Arte
Linguagem da ArteLinguagem da Arte
Linguagem da ArteJoão Gomes
 
As linguagens da arte
As linguagens da arteAs linguagens da arte
As linguagens da artedpport
 

Viewers also liked (20)

Identidade visual de uma marca
Identidade visual de uma marcaIdentidade visual de uma marca
Identidade visual de uma marca
 
Miv pet shop
Miv pet shopMiv pet shop
Miv pet shop
 
Design Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem VisualDesign Digital I Anatomia Mensagem Visual
Design Digital I Anatomia Mensagem Visual
 
LINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUALLINGUAGEM VISUAL | ESTILO VISUAL
LINGUAGEM VISUAL | ESTILO VISUAL
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
 
MOODLE: uso pedagógico das principais ferramentas
MOODLE: uso pedagógico das principais ferramentasMOODLE: uso pedagógico das principais ferramentas
MOODLE: uso pedagógico das principais ferramentas
 
AULA 1: Psicologia da Forma
AULA 1: Psicologia da FormaAULA 1: Psicologia da Forma
AULA 1: Psicologia da Forma
 
Sintaxe da linguagem visual
Sintaxe da linguagem visualSintaxe da linguagem visual
Sintaxe da linguagem visual
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Design Digital Técnicas Visuais
Design Digital Técnicas VisuaisDesign Digital Técnicas Visuais
Design Digital Técnicas Visuais
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contraste
 
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUALLINGUAGEM VISUAL | O ALFABETISMO VISUAL
LINGUAGEM VISUAL | O ALFABETISMO VISUAL
 
Aula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visualAula - DONIS - Sintaxe da linguagem visual
Aula - DONIS - Sintaxe da linguagem visual
 
Manual de Identidade Visual da Caixa Econômica Federal - CEF
Manual de Identidade Visual da Caixa Econômica Federal - CEFManual de Identidade Visual da Caixa Econômica Federal - CEF
Manual de Identidade Visual da Caixa Econômica Federal - CEF
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
Fundamentos da linguagem visual
Fundamentos da linguagem visualFundamentos da linguagem visual
Fundamentos da linguagem visual
 
Linguagem da Arte
Linguagem da ArteLinguagem da Arte
Linguagem da Arte
 
Linguagem Visual - Comunicação e Linguagem. Prof. Garcia Junior
Linguagem Visual - Comunicação e Linguagem. Prof. Garcia JuniorLinguagem Visual - Comunicação e Linguagem. Prof. Garcia Junior
Linguagem Visual - Comunicação e Linguagem. Prof. Garcia Junior
 
As linguagens da arte
As linguagens da arteAs linguagens da arte
As linguagens da arte
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 

Design na prática