Professional Documents
Culture Documents
(http://www.designimador.com.br)
FREELANCER (HTTP://WWW.DESIGNIMADOR.COM.BR/CATEGORY/FREELANCER/) 0
O termo design responsivo um layout que se adapta para qualquer tela (http://www.designimador.com.br/design-responsivo/),
seja ele celular, computador, tablet, televiso ou qualquer outro dispositivo. E essa denio j no mais novidade e a sua
importncia no design de interfaces j est comprovada. Mas voc j pensou nesse conceito aplicado aos logotipos? Como ele
podeser aplicado a gesto de uma marca (Branding) ?
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 1/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
consumidor. Mesmo dentro de uma nica identidade, a variedade permite que as aplicaes da marca se adaptem a inmeras
funes.
Em pesquisa divulgada pela TIC Domiclios no nal de 2016 sobre o uso domiciliar de navegao informa que 89% dos usurios
utilizam um aparelho mobile, seguidos de 40% pelo computador de mesa, 39& notebooks, 19% tablets, 13% televiso e 8%
navegam pelo video game. (A pesquisa apresentou usurios que utilizam mais de um aparelho para navegar, por isso o resultado deu
mais do que 100% no total de somatria)
No projeto criado pelo designer de interaes, Joe Harrison (http://www.joeharrison.co.uk/), ele apresenta diferentes logotipos de
marcas bem conhecidas que reduzem sua complexidade medida que a janela do seu navegador diminui. Se o logotipo
reconhecvel sem um determinado detalhe visual, ento esse detalhe pode ser retirado. Como a criao de variedades desta
forma aumenta, voc aumenta o engajamento da marca, pois nos menores formatos, o smbolo ca mais simples e com menos
elementos para atrapalhar a leitura rpida da marca.
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 2/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
Ex. Vai executar um logotipo para uma pequena loja local em que o maior investimento de comunicao ser pintura de muros.
bom considerar um logotipo com menos efeitos, gradientes e cores que sejam mais baratas na compra do galo de tinta. A marca
da Coca-Cola um bom exemplo disso.
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 3/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
Desfoque a marca:nem sempre seu cliente vai ter tempo de olhar o material e conseguir guardar na memria qual o
logotipo que est ali. Ao desfocar voc perceber se o desenho ainda perceptvel ou se pode ser confundido com uma marca
concorrente.
Diminua o tamanho: veja qual o tamanho mnimo que a marca perceptvel. Teste variaes, como por exemplo, qual
otamanho mnimo com o slogan, sem o slogan e somente com o smbolo.
Opacidade:baixe a opacidade da marca e avalieat onde ela permanece perceptvel.
Faa um teste com os prximos projetos de identidade visual que voc desenvolver, diminua o logotipo em diversos tamanhos e
comece a retirar elementos e simplicar o seu logo para chegar at o tamanho mnimo possvel e mais simples possvel.
Essas variveis da marca ir contribuir muito com seu projeto e permitir que o consumidor tenha melhores interaes e
experincias com a sua identidade.
Voc j aplicou essa tcnica em alguma marca que voc desenvolveu? Deixe nos comentrios como foi trabalhar com um logotipo
responsivo.
Compartilhe isso:
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 4/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
(http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/?share=twitter&nb=1)
(http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/?share=facebook&nb=1)
754
(http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/?share=google-plus-1&nb=1)
Relacionado
(HTTPS://WWW.FACEBOOK.COM/SHARER/SHARER.PHP?
(HTTPS://TWITTER.COM/SHARE?
(//WWW.PINTEREST.COM/PIN/CREATE/BUTTON/?
(HTTPS://PLUS.GOOGLE.COM/SHARE?
(MAILTO:?
U=HTTP://WWW.DESIGNIMADOR.COM.BR/COMO-
URL=HTTP://WWW.DESIGNIMADOR.COM.BR/COMO-
URL=HTTP://WWW.DESIGNIMADOR.COM.BR/COMO-
URL=HTTP://WWW.DESIGNIMADOR.COM.BR/COMO-
BODY=HTTP://WWW.DESIGNIMADOR.CO
DESENVOLVER- DESENVOLVER- DESENVOLVER- DESENVOLVER- DESENVOLVER-
UMA- UMA- UMA- UMA- UMA-
IDENTIDADE- IDENTIDADE- IDENTIDADE- IDENTIDADE- IDENTIDADE-
VISUAL- VISUAL- VISUAL- VISUAL- VISUAL-
RESPONSIVA/) RESPONSIVA/) RESPONSIVA/) RESPONSIVA/) RESPONSIVA/)
FILIPE SALES
(HTTP://WWW.DESIGNIMADOR.COM.BR/AUTHOR/FILIPESALES_DESIGNIMADOR/
DIRETOR DE CRIAO
Publicitrio, Scio e Diretor de Criao da Urso Propaganda em Jundia. Trabalhando para deixar a sua marca no mundo.
N E T F L I X A N U N C I A CO N T E DO A D U L TO P E L A P R I M E I R A V E Z N A H I S T R I A ! ( S Q U E N O )
( H T T P : / / W W W. D E S I G N I M A DO R . CO M . B R / N E T F L I X - A N U N C I A - CO N T E U DO - A D U L TO / )
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 5/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
3 COMENTRIOS Designimador
1 Iniciar sesso
Celso Renato h um ms
Otimo artigo. Mas na primeira arte faltou um revisor.
Responder Partilhar
TAMBM NO DESIGNIMADOR
17 Canais sobre Design para conferir agora no Youtube [Vdeo Aula Tutorial] Como criar um Gif no Photoshop
4 COMENTRIOS h 4 meses 3 COMENTRIOS h 4 meses
David Arty Valeu Walter! Daniela Zambelli Show de bola!!!!! Amei!!!!!!
Celso Renato
Filipe Sales
Guto Giordano
Gosto muito de tentar fazer isso, sempre tento falar isso para meus clientes. Minha marca eu z CVRino, CV(o perl de um rinoceronte)
7(o perl de um rinoceronte) qu a menor forma dela.
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 6/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
(https://go.hotmart.com/U5283427T)
Designimador
Curtiu 60 mil curtidas
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 7/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
MAIS VISITADOS
C O M O F A Z E R U M P O R T F L I O : 7 F AT O S Q U E V O C P R E C I S A S A B E R PA R A C R I A R O S E U !
( H T T P : / / W W W . D E S I G N I M A D O R . C O M . B R / C O M O - F A Z E R - U M - P O R T F O L I O - 7 - F AT O S - Q U E -
V O C E - P R E C I S A - S A B E R - PA R A - C R I A R - O - S E U / )
que-voce-precisa-saber-para-criar-o-seu/) (http://www.designimador.com.br/como-fazer-um-portfolio-7-fatos-
(http://www.designimador.com.br/como-fazer-um-portfolio-7-fatos-que-voce-precisa-saber-para-criar-o-seu/)
C O M O D E S E N V O L V E R U M A I D E N T I D A D E V I S U A L R E S P O N S I VA ?
( H T T P : / / W W W. D E S I G N I M A DO R . CO M . B R /CO M O - D E S E N VO L V E R - U M A - I D E N T I DA D E -
V I S U A L - R E S P O N S I VA / )
identidade-visual-responsiva/) (http://www.designimador.com.br/como-desenvolver-uma-
(http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/)
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 8/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
1 7 C A N A I S S O B R E D E S I G N PA R A C O N F E R I R A G O R A N O Y O U T U B E
( H T T P : / / D E S I G N I M A D O R . C O M . B R / C A N A I S - S O B R E - D E S I G N - PA R A - C O N F E R I R - N O -
YOUTUBE/)
no-youtube/) (http://www.designimador.com.br/canais-sobre-design-para-conferir-
(http://www.designimador.com.br/canais-sobre-design-para-conferir-no-youtube/)
P C PA R A D E S I G N E R : C O M O M O N TA R O M E L H O R PA R A T R A B A L H A R C O M D E S I G N
( H T T P : / / D E S I G N I M A D O R . C O M . B R / P C - PA R A - D E S I G N E R / )
(http://www.designimador.com.br/pc-para-designer/)
(http://www.designimador.com.br/pc-para-designer/)
designer/) (http://www.designimador.com.br/designer-que-nao-quer-ser-
(http://www.designimador.com.br/designer-que-nao-quer-ser-designer/)
(https://www.facebook.com/designimador)
(https://www.youtube.com/user/designimador)
(https://www.instagram.com/designimador_ocial/)
hospedado por:
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 9/10
5/4/2017 Como desenvolver uma identidade visual responsiva?
(https://www.hostnet.com.br/)
http://www.designimador.com.br/como-desenvolver-uma-identidade-visual-responsiva/ 10/10