SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Manual de Identidade Visual
1
Sumário
1) Apresentação dos logotipos
1.0 Logos em roxo 2
1.1 Logos em branco e preto 3
2) Aplicação da logo
2.0 Fundos sob a logo 4
2.1 Margens e reduções 5
2.2 Usos incorretos 6
3.0 Tipografia 8
4.0 Elementos gráficos 9
5.0 Peças para referência 10
Introdução
Apresentação
A NW Games Brasil é um grupo de
jogadores que produz conteúdo de
entretenimento relacionado a games,
apresentando formatos como
livestreams, gameplays e reviews.
A identidade do grupo é moderna e
divertida, assim como o visual
construído para ele.
Este manual contém diretrizes de uso
para apresentação da marca, devendo
ser apresentado a todos os integrantes
e que produzirão conteúdo visual para
promoção do grupo.
2
A logo possui versões diferentes para
serem usadas em situações específicas
para melhor aplicação. Elas estão
divididas entre as versões roxa, branca e
preta, cada uma com sua apresentação
em degradê e cor sólida.
Na versão original (roxa), o uso em
degradê é sempre preferível, estando a
em cor sólida reservada a situações de
restrição de cores.
Já nas versões branca e preta, deve-se
reservar as em desgradê para uso em
meio digital e as em cores sólidas aos
impressos.
A seguir serão apresentadas as logos e,
junto a elas, acompanham as
configurações cromáticas.
As versões em degradê tem suas cores de
extremidades representadas, e as
chapadas, as de sua totalidade.
#92278F
CMYK: 50/100/0/0
#64126D
CMYK: 58/100/0/30
#82489
CMYK: 55/100/0/5
Pantone 2612C
1.0 l Logos em roxo
3
1.1 l Logos em branco e preto
#FFFFFF
#D1D3D4
#FFFFFF
CMYK: 0/0/0/0
#404040
#000000
#000000
CMYK: 0/0/0/100
4
As logos podem ser aplicadas sobre
fundo contrastante e monocromático nas
cores relacionadas às outras versões da
logo que não esteja sendo usada na peça.
Não utilize de fundo a mesma cor da
versão da logo usada, pois não haverá
contraste, dificultando a vizualização.
Deve haver pouco ruído no fundo para
que não seja atrapalhada sua leitura.
Caso seja necessário aplicação em fundos
de outras cores e/ou ruidosos, aplique-a
sobre um dos elementos apresentados
posteriormente na seção 4.0.
2.0 l Fundos sob a logo
5
Ao aplicar a logo, para que haja espaço de
respiro e não haja elementos sobre ela, foi
definida a área de não intervenção como
a letra M presente na segunda linha da
logo.
Obs: As versões da logo contidas nos
anexos institucionais já estão em um box
transparente com esta margem, basta
importá-la corretamente.
Também, em prol de que a logo se
mantenha visível em impressos, deve ser
respeitada a redução mínima na medida
de 2,5 centímetros horizontais. Em mídia
digital, apenas manter a frase“Games
Brasil”legível.
2,5 cm
2.1 l Margens e reduções
6
Para esclarecer ainda mais as diretrizes de
aplicação da logo, para que se mantenha
uma estética uniforme e boa fixação da
identidade, serão apresentadas situações
comuns em que a apresentação da marca
é prejudicada devida a condição de
percepção visual – portanto, que não
devem ser reproduzidas.
Apresentação rotacionada
Uso de sombra projetada
demasiadamente opaca
Proporções distorcidas
2.2 l Usos incorretos
7
2.2 l Usos incorretos
Aplicação em fundos de cores fora
da gama institucional
Aplicação em fundos de cores
não-contrastantes
Aplicação em fundos com muito
ruído
Preenchimento das áreas vazadas
Uso de bordas
Alteração das cores sem definir
um outro segmento identitário
8
Junto à logo, as peças produzidas
também devem seguir padrões. Caso seja
necessário inserção de textos e elementos
que demandem estarem enquadrados
em algo, use as formas sugeridas para
fazer isso. Elas podem ser barras,
paralelogramos, trapézios, círculos e/ou
fragmento deles, nas cores da gama dos
degradês das logos nas seções 1.0 e 1.1.
Como referência, estão: o layout do
próprio manual, os exemplos ao lado e
peças já produzidas na seção 5.0.
O“W”presente no logotipo,
representando um joystick, também pode
ser usado como elemento ilustrativo.
TEXTO
TEXTO
TEXTO
Nº NºNº
TEXTO
TEXTO
3.0 l Elementos gráficos
9
Para produção de texto em peças, foram
escolhidas duas fontes para situações
distintas. A primeira, SquareFont, pode
ser utilizada em textos curtos e
sinalizações, por se tratar de uma fonte
gratuita para uso comercial e quadrada,
remetendo aos pixels, íntimo ao
segmento da NW. Recomenda-se usar
caixa alta-baixa para mais de uma frase.
A segunda, Myriad Pro, é mais simples e
legível, recomendada para textos longos
e também de fácil obtenção, por estar
contida no pacote Adobe, que contém
softwares indispensáveis para a produção
das peças. Suas famílias ao lado
representadas também podem ser usadas
em ocasiões apropriadas.
Myriad Pro Regular
AaBbCc
123456
Myriad Pro Semi Bold
AaBbCc
123456
Myriad Pro Bold
AaBbCc
123456
Myriad Pro Italic
AaBbCc
123456
Myriad Pro Italic Semi Bold
AaBbCc
123456
Myriad Pro Italic Bold
AaBbCc
123456
4.0 l Tipografia
sQUAREFONT
AaBbCc
123456
10
Capa para página de Facebook
Post para anúncio de live no Facebook
5.0 l Peças para referência
11
5.0 l Peças para referência
Capa para canal da Twitch
Painel para canal da Twitch
2014
NW Games Brasil - Manual de Identidade Visual
NW Games Brasil - Manual de Identidade Visual

Mais conteúdo relacionado

Mais procurados

Metodos de Design
Metodos de DesignMetodos de Design
Metodos de Design
prismatica
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de moda
Marcio Duarte
 
Experience Design Presentation
Experience Design PresentationExperience Design Presentation
Experience Design Presentation
Shannon Barrow
 

Mais procurados (20)

Design Thinking and Lean UX
Design Thinking and Lean UXDesign Thinking and Lean UX
Design Thinking and Lean UX
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Business Design: A Category on the Rise?
Business Design: A Category on the Rise?Business Design: A Category on the Rise?
Business Design: A Category on the Rise?
 
Design de Serviço, Inovação e UX
Design de Serviço, Inovação e UXDesign de Serviço, Inovação e UX
Design de Serviço, Inovação e UX
 
Intangible design
Intangible designIntangible design
Intangible design
 
UX and Service Design for Healthcare
UX and Service Design for HealthcareUX and Service Design for Healthcare
UX and Service Design for Healthcare
 
Metodos de Design
Metodos de DesignMetodos de Design
Metodos de Design
 
Light and lens photography in the digital age.pdf
Light and lens photography in the digital age.pdfLight and lens photography in the digital age.pdf
Light and lens photography in the digital age.pdf
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Op Art
Op ArtOp Art
Op Art
 
Think Out of The Box
Think Out of The BoxThink Out of The Box
Think Out of The Box
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de moda
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication Design
 
Design thinking for Startups: An introduction
Design thinking for Startups: An introductionDesign thinking for Startups: An introduction
Design thinking for Startups: An introduction
 
Animation extension tasks
Animation extension tasksAnimation extension tasks
Animation extension tasks
 
Serigrafia - Uma impressão
Serigrafia - Uma impressão Serigrafia - Uma impressão
Serigrafia - Uma impressão
 
UX STRAT Online 2021 Presentation by Vikas Vaishnav Autodesk
UX STRAT Online 2021 Presentation by Vikas Vaishnav AutodeskUX STRAT Online 2021 Presentation by Vikas Vaishnav Autodesk
UX STRAT Online 2021 Presentation by Vikas Vaishnav Autodesk
 
Speculative Design and Experiential Futures
Speculative Design and Experiential Futures Speculative Design and Experiential Futures
Speculative Design and Experiential Futures
 
Experience Design Presentation
Experience Design PresentationExperience Design Presentation
Experience Design Presentation
 
Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013Sharpie UX @ Fluxible 2013
Sharpie UX @ Fluxible 2013
 

Destaque

Mercado de games no brasil
Mercado de games no brasilMercado de games no brasil
Mercado de games no brasil
westdragon
 
Pesquisa sobre o Mercado de Games no Brasil. #Números3P
Pesquisa sobre o Mercado de Games no Brasil. #Números3PPesquisa sobre o Mercado de Games no Brasil. #Números3P
Pesquisa sobre o Mercado de Games no Brasil. #Números3P
3Pontos Comunicação
 
O panorama e a evolução do mercado de games no Brasil - Sebrae
O panorama e a evolução do mercado de games no Brasil  -  SebraeO panorama e a evolução do mercado de games no Brasil  -  Sebrae
O panorama e a evolução do mercado de games no Brasil - Sebrae
Marta Caregnato
 

Destaque (20)

Desenvolvimento, publicação, monetização e divulgação de jogos mobile
Desenvolvimento, publicação, monetização e divulgação de jogos mobileDesenvolvimento, publicação, monetização e divulgação de jogos mobile
Desenvolvimento, publicação, monetização e divulgação de jogos mobile
 
A história dos videogame
A história dos videogameA história dos videogame
A história dos videogame
 
Os games antigos
Os games antigosOs games antigos
Os games antigos
 
Mercado de Games - Brasil, Bahia e Salvador
Mercado de Games - Brasil, Bahia e SalvadorMercado de Games - Brasil, Bahia e Salvador
Mercado de Games - Brasil, Bahia e Salvador
 
Curso de Criação e Desenvolvimento de Games (ESPM - Porto Alegre)
Curso de Criação e Desenvolvimento de Games (ESPM - Porto Alegre)Curso de Criação e Desenvolvimento de Games (ESPM - Porto Alegre)
Curso de Criação e Desenvolvimento de Games (ESPM - Porto Alegre)
 
Palestra ECCA - Forum Economia Cultura Criatividade Artes
Palestra ECCA - Forum Economia Cultura Criatividade ArtesPalestra ECCA - Forum Economia Cultura Criatividade Artes
Palestra ECCA - Forum Economia Cultura Criatividade Artes
 
Mercado de games no brasil
Mercado de games no brasilMercado de games no brasil
Mercado de games no brasil
 
Nicho ou Pop? Os games na era casual.
Nicho ou Pop? Os games na era casual.Nicho ou Pop? Os games na era casual.
Nicho ou Pop? Os games na era casual.
 
Pesquisa sobre o Mercado de Games no Brasil. #Números3P
Pesquisa sobre o Mercado de Games no Brasil. #Números3PPesquisa sobre o Mercado de Games no Brasil. #Números3P
Pesquisa sobre o Mercado de Games no Brasil. #Números3P
 
Palestra Guilherme Tsubota (TDC 2011) - Como Fazer uma Empresa de Games dar C...
Palestra Guilherme Tsubota (TDC 2011) - Como Fazer uma Empresa de Games dar C...Palestra Guilherme Tsubota (TDC 2011) - Como Fazer uma Empresa de Games dar C...
Palestra Guilherme Tsubota (TDC 2011) - Como Fazer uma Empresa de Games dar C...
 
Mercado Brasileiro de Games
Mercado Brasileiro de GamesMercado Brasileiro de Games
Mercado Brasileiro de Games
 
Mercado de games no Brasil
Mercado de games no BrasilMercado de games no Brasil
Mercado de games no Brasil
 
Pesquisa: Game Brasil 2015
Pesquisa: Game Brasil 2015Pesquisa: Game Brasil 2015
Pesquisa: Game Brasil 2015
 
Pesquisa Game Mobile Brasil
Pesquisa Game Mobile BrasilPesquisa Game Mobile Brasil
Pesquisa Game Mobile Brasil
 
A indústria retrô e a Web 2.0
A indústria retrô e a Web 2.0A indústria retrô e a Web 2.0
A indústria retrô e a Web 2.0
 
Historia do videogame
Historia do videogameHistoria do videogame
Historia do videogame
 
Pro brasil gamers_2014
Pro brasil gamers_2014Pro brasil gamers_2014
Pro brasil gamers_2014
 
Defense of Dissertation of Master [Brazil 2009] - Games as emulators of infor...
Defense of Dissertation of Master [Brazil 2009] - Games as emulators of infor...Defense of Dissertation of Master [Brazil 2009] - Games as emulators of infor...
Defense of Dissertation of Master [Brazil 2009] - Games as emulators of infor...
 
Palestra GamerTalks InfNet - 2015 - Mercado e Oportunidades para empresas de ...
Palestra GamerTalks InfNet - 2015 - Mercado e Oportunidades para empresas de ...Palestra GamerTalks InfNet - 2015 - Mercado e Oportunidades para empresas de ...
Palestra GamerTalks InfNet - 2015 - Mercado e Oportunidades para empresas de ...
 
O panorama e a evolução do mercado de games no Brasil - Sebrae
O panorama e a evolução do mercado de games no Brasil  -  SebraeO panorama e a evolução do mercado de games no Brasil  -  Sebrae
O panorama e a evolução do mercado de games no Brasil - Sebrae
 

Semelhante a NW Games Brasil - Manual de Identidade Visual

Oi Manual Da Marca
Oi Manual Da MarcaOi Manual Da Marca
Oi Manual Da Marca
Planno
 
Manual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR LabManual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR Lab
Victor Cavalcanti
 
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Marcela Miranda
 

Semelhante a NW Games Brasil - Manual de Identidade Visual (20)

Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)Logitech Brand Identity guidelines final_mini (1)
Logitech Brand Identity guidelines final_mini (1)
 
Manual de Identidade
Manual de Identidade Manual de Identidade
Manual de Identidade
 
Manual da marca Oi
Manual da marca OiManual da marca Oi
Manual da marca Oi
 
Oi Manual Da Marca
Oi Manual Da MarcaOi Manual Da Marca
Oi Manual Da Marca
 
Manual de Identidade Visual da Marca Oi (@comunicadores)
Manual de Identidade Visual da Marca Oi (@comunicadores)Manual de Identidade Visual da Marca Oi (@comunicadores)
Manual de Identidade Visual da Marca Oi (@comunicadores)
 
Oi manual-identidade-visual-marca
Oi manual-identidade-visual-marcaOi manual-identidade-visual-marca
Oi manual-identidade-visual-marca
 
Dropes - Manual de Identidade Visual
Dropes - Manual de Identidade VisualDropes - Manual de Identidade Visual
Dropes - Manual de Identidade Visual
 
Manual de estilo, Agência Brasil
Manual de estilo, Agência Brasil Manual de estilo, Agência Brasil
Manual de estilo, Agência Brasil
 
Projeto Interativo | Manual de Identidade Visual - Dobra
Projeto Interativo | Manual de Identidade Visual - DobraProjeto Interativo | Manual de Identidade Visual - Dobra
Projeto Interativo | Manual de Identidade Visual - Dobra
 
Branding Book - Náutica Indaiá
Branding Book - Náutica IndaiáBranding Book - Náutica Indaiá
Branding Book - Náutica Indaiá
 
dvertr: Manual da Marca Rev. 00
dvertr: Manual da Marca Rev. 00dvertr: Manual da Marca Rev. 00
dvertr: Manual da Marca Rev. 00
 
Manual de Identidade Visual Nick Cont
Manual de Identidade Visual Nick ContManual de Identidade Visual Nick Cont
Manual de Identidade Visual Nick Cont
 
Manual de Identidade Visual | IAP
Manual de Identidade Visual | IAPManual de Identidade Visual | IAP
Manual de Identidade Visual | IAP
 
Anna Quilt e Patchwork - Manual de Identidade Visual
Anna Quilt e Patchwork - Manual de Identidade VisualAnna Quilt e Patchwork - Manual de Identidade Visual
Anna Quilt e Patchwork - Manual de Identidade Visual
 
Manual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR LabManual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR Lab
 
Manual de Identidade | Logo Ativa Protensão
Manual de Identidade | Logo Ativa ProtensãoManual de Identidade | Logo Ativa Protensão
Manual de Identidade | Logo Ativa Protensão
 
Manual hellohome
Manual hellohomeManual hellohome
Manual hellohome
 
Manual de Identidade Visual - TESQ
Manual de Identidade Visual  - TESQManual de Identidade Visual  - TESQ
Manual de Identidade Visual - TESQ
 
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
 
GuiaDeMarcas_Telecine.pdf
GuiaDeMarcas_Telecine.pdfGuiaDeMarcas_Telecine.pdf
GuiaDeMarcas_Telecine.pdf
 

NW Games Brasil - Manual de Identidade Visual

  • 2.
  • 3. 1 Sumário 1) Apresentação dos logotipos 1.0 Logos em roxo 2 1.1 Logos em branco e preto 3 2) Aplicação da logo 2.0 Fundos sob a logo 4 2.1 Margens e reduções 5 2.2 Usos incorretos 6 3.0 Tipografia 8 4.0 Elementos gráficos 9 5.0 Peças para referência 10 Introdução Apresentação A NW Games Brasil é um grupo de jogadores que produz conteúdo de entretenimento relacionado a games, apresentando formatos como livestreams, gameplays e reviews. A identidade do grupo é moderna e divertida, assim como o visual construído para ele. Este manual contém diretrizes de uso para apresentação da marca, devendo ser apresentado a todos os integrantes e que produzirão conteúdo visual para promoção do grupo.
  • 4. 2 A logo possui versões diferentes para serem usadas em situações específicas para melhor aplicação. Elas estão divididas entre as versões roxa, branca e preta, cada uma com sua apresentação em degradê e cor sólida. Na versão original (roxa), o uso em degradê é sempre preferível, estando a em cor sólida reservada a situações de restrição de cores. Já nas versões branca e preta, deve-se reservar as em desgradê para uso em meio digital e as em cores sólidas aos impressos. A seguir serão apresentadas as logos e, junto a elas, acompanham as configurações cromáticas. As versões em degradê tem suas cores de extremidades representadas, e as chapadas, as de sua totalidade. #92278F CMYK: 50/100/0/0 #64126D CMYK: 58/100/0/30 #82489 CMYK: 55/100/0/5 Pantone 2612C 1.0 l Logos em roxo
  • 5. 3 1.1 l Logos em branco e preto #FFFFFF #D1D3D4 #FFFFFF CMYK: 0/0/0/0 #404040 #000000 #000000 CMYK: 0/0/0/100
  • 6. 4 As logos podem ser aplicadas sobre fundo contrastante e monocromático nas cores relacionadas às outras versões da logo que não esteja sendo usada na peça. Não utilize de fundo a mesma cor da versão da logo usada, pois não haverá contraste, dificultando a vizualização. Deve haver pouco ruído no fundo para que não seja atrapalhada sua leitura. Caso seja necessário aplicação em fundos de outras cores e/ou ruidosos, aplique-a sobre um dos elementos apresentados posteriormente na seção 4.0. 2.0 l Fundos sob a logo
  • 7. 5 Ao aplicar a logo, para que haja espaço de respiro e não haja elementos sobre ela, foi definida a área de não intervenção como a letra M presente na segunda linha da logo. Obs: As versões da logo contidas nos anexos institucionais já estão em um box transparente com esta margem, basta importá-la corretamente. Também, em prol de que a logo se mantenha visível em impressos, deve ser respeitada a redução mínima na medida de 2,5 centímetros horizontais. Em mídia digital, apenas manter a frase“Games Brasil”legível. 2,5 cm 2.1 l Margens e reduções
  • 8. 6 Para esclarecer ainda mais as diretrizes de aplicação da logo, para que se mantenha uma estética uniforme e boa fixação da identidade, serão apresentadas situações comuns em que a apresentação da marca é prejudicada devida a condição de percepção visual – portanto, que não devem ser reproduzidas. Apresentação rotacionada Uso de sombra projetada demasiadamente opaca Proporções distorcidas 2.2 l Usos incorretos
  • 9. 7 2.2 l Usos incorretos Aplicação em fundos de cores fora da gama institucional Aplicação em fundos de cores não-contrastantes Aplicação em fundos com muito ruído Preenchimento das áreas vazadas Uso de bordas Alteração das cores sem definir um outro segmento identitário
  • 10. 8 Junto à logo, as peças produzidas também devem seguir padrões. Caso seja necessário inserção de textos e elementos que demandem estarem enquadrados em algo, use as formas sugeridas para fazer isso. Elas podem ser barras, paralelogramos, trapézios, círculos e/ou fragmento deles, nas cores da gama dos degradês das logos nas seções 1.0 e 1.1. Como referência, estão: o layout do próprio manual, os exemplos ao lado e peças já produzidas na seção 5.0. O“W”presente no logotipo, representando um joystick, também pode ser usado como elemento ilustrativo. TEXTO TEXTO TEXTO Nº NºNº TEXTO TEXTO 3.0 l Elementos gráficos
  • 11. 9 Para produção de texto em peças, foram escolhidas duas fontes para situações distintas. A primeira, SquareFont, pode ser utilizada em textos curtos e sinalizações, por se tratar de uma fonte gratuita para uso comercial e quadrada, remetendo aos pixels, íntimo ao segmento da NW. Recomenda-se usar caixa alta-baixa para mais de uma frase. A segunda, Myriad Pro, é mais simples e legível, recomendada para textos longos e também de fácil obtenção, por estar contida no pacote Adobe, que contém softwares indispensáveis para a produção das peças. Suas famílias ao lado representadas também podem ser usadas em ocasiões apropriadas. Myriad Pro Regular AaBbCc 123456 Myriad Pro Semi Bold AaBbCc 123456 Myriad Pro Bold AaBbCc 123456 Myriad Pro Italic AaBbCc 123456 Myriad Pro Italic Semi Bold AaBbCc 123456 Myriad Pro Italic Bold AaBbCc 123456 4.0 l Tipografia sQUAREFONT AaBbCc 123456
  • 12. 10 Capa para página de Facebook Post para anúncio de live no Facebook 5.0 l Peças para referência
  • 13. 11 5.0 l Peças para referência Capa para canal da Twitch Painel para canal da Twitch
  • 14. 2014