Os códigos de barras convencionais são capazes de armazenar um máximo de aproximadamente 20 dígitos, QR Code é capaz de lidar com várias dezenas a várias centenas de vezes mais informação. QR Code é capaz de manipular todos os tipos de dados, tais como caracteres numéricos e alfabéticos,símbolos binários e códigos de controle. Até 7089 caracteres podem ser codificados em uma etiqueta de papel, já pensou?! Dá para fazer muita coisa, você pode colocar um texto, um símbolo, um alfanumérico ou uma URL, dentre outras coisas.
Este blog é um canal aberto ao debate sobre Design em geral. Aqui vamos falar sobre Artes Gráficas, Identidade Visual Corporativa, Impressos Fiduciários, Design Comercial, Desenvolvimento Sustentável, Novas Tecnologias, Publicidade Viral, Marketing, Mershandising, Endomarketing, Redes Sociais, etc...Vamos trocar informações? Conto com vocês colegas designers e estudantes.
quarta-feira, março 09, 2011
terça-feira, março 08, 2011
QR-Code ou Código Bidimensional
Quick Response Code ou Código de Resposta Rápida é um código de barras bi-dimensional muito usado fora do Brasil e que não consegue emplacar aqui de jeito nenhum, já tentei usá-lo em alguns trabalhos mas a dificuldade é imensa e por um simples fato: Aparelhos celulares para realizar a transcodificação.
A seguir um breve relato da história do QR-Code:
Inicialmente usados para catalogar diferentes partes na construção de veículos, hoje o QR Code é usado no gerenciamento de inventário em uma grande variedade de indústrias. Desde 2003, estão sendo desenvolvidas aplicações direcionadas para ajudar os usuários na tarefa de adicionar dados em telefones celulares usando a câmara fotográfica. Os QR Codes são muito comuns também em revistas e propagandas, onde usam-se os códigos para guardar endereços e URLs, além de informações pessoais detalhadas, no caso de cartões de visitas, facilitando muito a inserção destes dados em agendas de telefones celulares. Consumidores com programas de captura ou PCs com interface RS-232C, podem usar um scanner para capturar as imagens.
O padrão Japonês para QR Code, JIS X 0510, foi disponibilizado em Janeiro de 1999 e corresponde ao padrão internacional ISO/IEC 18004. Foi aprovado em Junho de 2000. "QR Code é aberto para uso e sua patente, pela Denso-Wave, não é praticada." (retirado do site da Denso-Wave).
A banda Pet Shop Boys utilizou imagens do código QR no clipe da música "Integral". São dezenas de códigos que aparecem durante o clipe. Todas as imagens quando decodificadas apresentam links para diferentes sites, em geral tratando da questão da privacidade no mundo contemporâneo.
No Brasil, o primeiro anúncio publicitário a utilizar o código QR foi publicado pela Fast Shop em dezembro de 2007. Mais tarde a Nova Schin publicou um anúncio com o código em junho de 2008 e a Claro fez uma campanha utilizando o Código QR em novembro de 2008.A Revista Galileu da Editora Globo também aderiu QR para que o usuario tivesse acesso a informações extras atraves do seu celular.
Também em novembro de 2008, durante o Salão do Automóvel, a Volkswagen aproveitou o código para uma pequena ação em sua estande.
O Jornal A TARDE, localizado na cidade de Salvador - Bahia [1] tem usado o QR Code desde 10 de dezembro de 2008. Foi o primeiro jornal impresso no País - reconhecido pela Associação Nacional de Jornais(ANJ) - a utilizar o código em suas páginas como selo integrador de mídias; levando o leitor do papel-jornal ao dispositivo móvel(celular)*
Escrevi um texto sobre minha dificuldade de implantação,o resultado está aí ao lado.Que quando transcodificado ficará assim:
A seguir um breve relato da história do QR-Code:
Inicialmente usados para catalogar diferentes partes na construção de veículos, hoje o QR Code é usado no gerenciamento de inventário em uma grande variedade de indústrias. Desde 2003, estão sendo desenvolvidas aplicações direcionadas para ajudar os usuários na tarefa de adicionar dados em telefones celulares usando a câmara fotográfica. Os QR Codes são muito comuns também em revistas e propagandas, onde usam-se os códigos para guardar endereços e URLs, além de informações pessoais detalhadas, no caso de cartões de visitas, facilitando muito a inserção destes dados em agendas de telefones celulares. Consumidores com programas de captura ou PCs com interface RS-232C, podem usar um scanner para capturar as imagens.
O padrão Japonês para QR Code, JIS X 0510, foi disponibilizado em Janeiro de 1999 e corresponde ao padrão internacional ISO/IEC 18004. Foi aprovado em Junho de 2000. "QR Code é aberto para uso e sua patente, pela Denso-Wave, não é praticada." (retirado do site da Denso-Wave).
A banda Pet Shop Boys utilizou imagens do código QR no clipe da música "Integral". São dezenas de códigos que aparecem durante o clipe. Todas as imagens quando decodificadas apresentam links para diferentes sites, em geral tratando da questão da privacidade no mundo contemporâneo.
No Brasil, o primeiro anúncio publicitário a utilizar o código QR foi publicado pela Fast Shop em dezembro de 2007. Mais tarde a Nova Schin publicou um anúncio com o código em junho de 2008 e a Claro fez uma campanha utilizando o Código QR em novembro de 2008.A Revista Galileu da Editora Globo também aderiu QR para que o usuario tivesse acesso a informações extras atraves do seu celular.
Também em novembro de 2008, durante o Salão do Automóvel, a Volkswagen aproveitou o código para uma pequena ação em sua estande.
O Jornal A TARDE, localizado na cidade de Salvador - Bahia [1] tem usado o QR Code desde 10 de dezembro de 2008. Foi o primeiro jornal impresso no País - reconhecido pela Associação Nacional de Jornais(ANJ) - a utilizar o código em suas páginas como selo integrador de mídias; levando o leitor do papel-jornal ao dispositivo móvel(celular)*
Escrevi um texto sobre minha dificuldade de implantação,o resultado está aí ao lado.Que quando transcodificado ficará assim:
"Meu nome é Júlio Vasconcellos também conhecido como jotacezar, sou designer e tento há anos implantar o QR-Code nos meus impressos e não consigo pelo simples fato dos celulares já não virem com transcodificador instalado!"
Brilhante e Muito esperto(tsc,tsc...),rs!...Brincadeiras à parte, seria excelente se os aparelhos celulares viessem de fábrica com o transcodificador instalado isso facilitaria e muito, a nossa vida e a dos fornecedores desavisados,rs!...É só lembrar o seguinte: As pessoas tem muita dificuldade em baixar e instalar aplicativos em computadores, o que dirá em celulares!...
Para piorar, na página dos fabricantes de celulares não diz absolutamente nada e pelas pesquisas que tenho realizado nem todos aparelhos são capazes de transcodificar o bi-dimensional e , quiça, instalar os plugins. Algumas páginas dizem qualquer celular moderno transcodifica o que não é verdade, acreditem!
* Wikipedia(material de consulta)
Link para Denso-Wave:DensoWave
Link para Reader QR-Code:Kaywa
quarta-feira, março 02, 2011
Parada para rir...Logomarcas de profundo mau gosto!
![]() |
| Boutique para troca de brinquedos para as crianças |
![]() |
| Instituto Brasileiro de Estudos Orientais |
![]() |
| Moda à Italiana |
![]() |
| Centro Pediátrico |
![]() | ||
| Farmácia para o tratamento do mal das costas (coluna?) | |
![]() |
| Chopperia.... |
![]() |
| Consertos de Computadores |
![]() |
| Clínica Dentária em algum lugar da América Latina |
Meu DEUUSSSS...quanta criatividade!!!
domingo, fevereiro 20, 2011
Olá galera!
Desculpem a parada, é que ando bastante ocupado mas breve estarei de volta escrevendo sobre Graphic Arts and Design, aguardem!
terça-feira, fevereiro 01, 2011
Impressos de Segurança I (Impressos Fiduciários)
Um pequeno intervalo para voltar a falar sobre impressos de segurança e, sobretudo, sobre este trabalho que foi elaborado pela Secretaria Municipal de Transportes/PREFEITURA do Rio de Janeiro, desenvolvido e aperfeiçoado pela CONTIPLAN. Este impresso de segurança foi escolhido entre diversos concorrentes (entre eles: a Casa da Moeda) como vencedor do 20º Prêmio Brasileiro em Excelência Gráfica Fernando Pini. Esta premiação foi concebida pela Abigraf - Associação Brasileira da Indústria Gráfica /ABTG - Associação Brasileira de Tecnologia Gráfica e existe desde 1991, já em 1996 passou a ser reconhecido internacionalmente pelo nível dos trabalhos apresentados e na sua sétima edição rompeu a barreira dos 1000 trabalhos inscritos, sendo que em 2001 o concurso recebeu da ABNT a certificação ISO 9000 garantindo, assim, a qualidade e a lisura no processo de premiação. Evoluiu e, durante este período, conquistou representatividade nacional passando a contar com a participação de empresas de 14 estados. A cêrimonia de entrega do prêmio é reconhecida como a maior festa da indústria gráfica do mundo.
Eu, por minha vez, fiquei profundamente envaidecido quando soube que este certificado que surgiu a partir do meu humilde lay-out e especificações, evoluiu e alcançou projeção a nível nacional divulgando assim o nome da SMTR/PREFEITURA através desta premiação.
Parabéns CONTIPLAN! Parabéns SMTR!
Eu, por minha vez, fiquei profundamente envaidecido quando soube que este certificado que surgiu a partir do meu humilde lay-out e especificações, evoluiu e alcançou projeção a nível nacional divulgando assim o nome da SMTR/PREFEITURA através desta premiação.
Os ítens de segurança foram propostos pensando na metodologia de fiscalização, de maneira que qualquer um possa identificar estes ítens sem ser perito ou seja através de identificação tátil e visual, sem no entanto esquecer a pericial e, é claro, sem ficar preso aos clichês dos impressos de segurança.
Fui obrigado a tirar o link para a lista classificatória, tiraram do ar...hahahaha
Vencedores do 20º Prêmio Fernando Pini.
domingo, janeiro 30, 2011
Identidade Visual - Branding: " O projeto gráfico" (continuação)


Bom temos a LOGO definida mas não temos suas cores e aplicações, então vamos começar a pensar nas suas aplicações em cores sobre tecidos pois afinal o monograma será uma logomarca de uma confecção de roupas classe C e D, lembram-se? Então o mínimo que devemos fazer é aplicá-la em várias tonalidades de tecidos para ver o efeito.Claro que nossa imaginação viaja mas temos que ter consciência que bom gosto e visibilidade são fundamentais independente do publico, não se iludam com o poder aquisitivo do público comprador não é porque se tem pouco dinheiro na carteira que a pessoa tem mau gosto.Vamos estudando várias opções de aplicações sobre fundos diversos*, pensando que a fixação da marca (monograma) no momento é mais importante do que tudo, porque a nossa confecção é nova no mercado, porém na hora de apresentar ao cliente não leve mais do que três opções, confunde levar muitas opções de escolha. Lembrando, sempre, que a nossa marca é de uma confecção e, sendo assim, dá possibilidade para vários tipos de aplicações: tecidos, papelaria, propaganda, etc....





*Nunca esqueça que suas aplicações deverão seguir uma norma quanto sua aplicabilidade no material finalizado ou seja:
- RGB para quando usada em vídeo;
- CMYK para quando usada em impressão off-set;
Se forem cores exatas:
- Cor especificada pelo catálogo de cores do fabricante de tintas, ou na escala PANTONE, ou escala EUROPA, ou MUNSELL, etc;
O ideal é testá-los configurando os softwares para as duas aplicações assim evitando atropelos na padronização visual definitiva.
Identidade Visual - Branding: " O projeto gráfico" (continuação)
Algumas pessoas me perguntaram como foi realizada animação da logomarca FS...bem, meu processo de criação da logomarca da FS - Rio Style começou num bate papo informal, mas a construção foi a partir de um rascunho feito numa toalha de bar, vetorizada no Corel Draw, depois refeita e editada no 3D Studio, já animação foi realizada a partir do 3D Max, editada no PhotoShop/Image Ready e finalizada no Corel Photo-Paint.
Esclarecido?!
Esclarecido?!
sábado, janeiro 15, 2011
Identidade Visual - Branding: " O projeto gráfico"
![]() |
| Monograma* |
O cliente gostaria de uma logomarca que se reportasse a sua pessoa, então num bate papo informal fui levantando seus desejos e cheguei a idéia de criar um monograma, partindo das iniciais do seus dois primeiros nomes para que com isso, posteriormente, fizessemos uma associação NOME X MONOGRAMA X MARCA X PRODUTO e seus desdobramentos.
![]() |
| Alinhada pela direita |
![]() |
| Corel Draw |
![]() |
| Posicionamentos |
Prepare a logomarca para ser usada em softwares diferentes dos que você está acostumado a usar, de preferência a extensões que possam ser importadas ou inseridas em outros programas, arquivos do tipo: PNG, WMF, BMP, JPG , TIF, GIF, etc..observe e entenda que cada uma delas tem uma definição e aplicação com funções e qualidades diferentes, mas o cliente quer usá-la e se você não quiser correr riscos de ser importunado porque a marca ficou deformada, deixe tudo preparado para as aplicações nos modelos que o cliente venha a usar, principalmente para algum tipo de editor de texto como Word, hoje é muito comum usarem as impressoras domésticas ou birôs para imprimir trabalhos gráficos e deixar o material pronto já facilita, mas se você quer deixar tudo em arquivos fechados que não permita nenhum tipo de edição por parte do cliente, salve como PDF (se bem que hoje existem muitos softwares que quebram o PDF). Estas algumas pequenas medidas que irão melhorar o desempenho, acabamento e maior aproveitamento do seu material gráfico, e sem desperdícios. Faça um gabarito de construção da logomarca, caso queira registrá-la ou para envio para algum letrista(apesar de hoje raríssimamente se usar este tipo de mão de obra), mas é sempre bom ter guardado principalmente quando a logomarca é uma imagem abstrata ou uma fonte criada especialmente para o seu cliente, neste caso em particular foi criado um monograma coma as iniciais dos dois primeiros nomes do cliente. Guarde os estudos feitos a mão eles são essenciais para mostrar o passo a passo da construção da sua idéia e uma fonte para outras criações.![]() | ||
| Illustrator |
![]() |
| Margem de segurança |

Lembre-se sempre: DESIGN = PROJETO e você como é o DESIGNER...ou seja és o PROJETISTA, então não culpe a máquina, a gráfica, fabricante, o estúdio ou sei lá quem por um erro, porque você é quem fez o projeto, os fornecedores são meros produtores do seu trabalho, faça acompanhamento de toda a cadeia de produção para não ter reveses e aborrecimentos, peça uma prova e quando chegar o produto faça uma seleção por amostragem. Um projeto bem feito não é apenas um desenho bonito, tem que ter conteúdo, texto explicativo, a memória descritiva, justificativas e detalhamento de materiais, se puder fazer um manual explicativo melhor ainda. Se você já faz isso, parabéns, você é um projetista! Se não faz, não sabe e não gosta...acho melhor você mudar de ramo.(continua)
![]() |
| FS - Rio Style |
![]() |
| Rascunho |
![]() |
| Gabarito de construção |
quarta-feira, janeiro 12, 2011
Hello guys! Let's talk about design and graphic arts?
This blog is an open channel for discussion of Visual Communication and Design. Here we talk about Graphic Arts, Visual Identity, Print Management, Interior Design, Sustainable Development, New Technology, etc ... Let's ask questions and exchange information. I'm waiting for you!
sexta-feira, janeiro 07, 2011
Gif´s Animadas - Antiquíssimas



Desenvolvemos um trabalho eu e meu amigo Bernardo Brik para Web em 1998, o trabalho todo ficou lindo mas infelizmente por problemas jurídicos não foi adiante, no entanto alguma coisa eu guardei, aqui temos umas pérolas, não critiquem elas foram realizadas há mais de 13 anos atrás ou seja a " long time ago", as tecnologias de hoje estavam engatinhando era tudo muito artesanal, 13 anos para quem trabalha com TI é uma eternidade, portanto são trabalhos antiquissimos. As Gif´s animadas, ícones e botões foram desenvolvidos em 3D Max, em Photo Paint (ele mesmo), em Photoshop, Corel, FreeHand e por aí vai , eram trabalhos simplistas e apaixonantes em uma realidade bem diferente da atual, os softwares tinham poucos recursos e hardwares para plataforma gráfica caríssimos, este nosso trabalho foi desenvolvido em um PC Pentium 233 MMX, um Pentium I 266 e SO Windows 98, vocês sabem lá o que era isso? Uma carroça! Fazíamos tudo de noite e deixávamos o micro renderizando a noite inteira, às vezes(para falar a verdade na maioria das vezes) o computador acordava travado, era um inferno!...rs. Não sei qual era a sistemática do jogo( nem me interessei em saber) mas sei que foi um trabalho gostoso de fazer e que infelizmente não foi adiante, ossos do ofício. Lembrando que este trabalho foi antes da proibição dos Bingos(sem apologia) e que cada desenho era referente a uma modalidade.
Alguns colegas me pergutaram porque você não fizeram em Flash? É óbvio que se ele existisse como é hoje, amigável, simples de operar(hoje ele é muito simples), fôsse compatível com que estávamos fazendo e se nós tivessemos pleno domínio do programa (quase ninguém conhecia e/ou usava)...claro que usaríamos, ora bolas! Quem não viveu a situação e este período de tempo, não vai entender nunca. Mas tudo bem, que fique o registro deste trabalho desenvolvido há 13 anos atrás, uma experiência única que eu e Bernardo passamos, quem diria, no século passado!...rs. A logomarca surgiu após uma reunião de brainstorm com os clientes, captamos que a idéia do pote com o ouro passaria bem a informação que eles queriam, não colocamos o arco íris porque tiraria a atenção para a marca e a idéia da marca.terça-feira, janeiro 04, 2011
Sinalização de trânsito
Hoje me perguntaram o que existe de criativo na sinalização de trânsito e viária? Trabalhei anos com sinalização e pensei...é claro que existe e lembrei de alguns exemplos, simples, mas bem interessantes:
- Placa de sinalização de proibição: Qual a direção que fica a barra cortando e indicando a proibição? Uma maneira fácil de você não errar quando for fazer qualquer placa de proibição é imaginando o seguinte: Como se escreve a letra N? Mas como"N"? Isso mesmo "N" de NÃO!...Veja bem os modelos laterais! Fácil né!...Junta-se a placa de obrigação/restrição/limitação com o "N" da palavra NÃO, soma-se com o símbolo daquilo que você deseja que NÃO seja realizado e está completa a sinalização.
Exemplo: Não fume, Não estacione, etc...
- Placa de sinalização para desvio(ou andorinha) e, seu desdobramento, o zebrado: Como reconhecer e entender?...O desvio com a andorinha indicando a direção não tem mistério, para onde ela apontar é a direção onde você vai fazer seu desvio. Mas e o zebrado ou a andorinha cortada(esse tipo de sinal denomina-se andorinha)? Como entender?!? Olhe, veja que ele corresponde a "andorinha" cortada pelo meio e aponta para a mesma direção como se estivesse inteira e nada mais.
Outra placa fácil de decorar é a de Proibido Parar e Estacionar, também conhecida coloquialmente como "Expressamente Proibido parar e Estacionar" , pense no seguinte "é eXpressamente proibido", olha o "X" aí que é comumente usado quando você quer suprimir algo ou invalidar algo, ela é bem fácil de compreender.
O Código de Trânsito Brasileiro e seu
projeto gráfico de comunicação visual possue muita linguagem subliminar e a população, de uma maneira geral, não consegue entender bem seu significado. E o projeto é ruim? Negativo! Talvez seja mal divulgado mas a qualidade é incontestável, tudo não passa de uma questão cultural e entendimento. Vou tentar ser claro e objetivo usando como exemplo o zebrado: Pense o seguinte, se você tem um obstáculo pontiagudo na sua frente, o que você faz você vai em frente, se esborracha nele ou desvia? Óbvio que você executa a transposição ou ultrapassagem em sentido ortogonal ao obstáculo, certo!? Certíssimo! A não ser que você queira colidir com o obstáculo a frente, o que não creio! Pressupondo que seja uma pintura no asfalto, um guarda corpo, um poste ou uma placa, o que você faz? Você passa por cima ou desvia?...É isso! E isso está previsto na sinalização descrita no Código de Trânsito Brasileiro/CTB.
Esta técnica de sinalização poderá, também, ser utilizada na frota de veículos como ilustrado a seguir:
Mas observe que,o veículo quando usado para realizar a interdição de uma via, deverá estar sempre com a área do zebrado(desvio) voltada para o lado que o operador queira que seja feito o desvio.
![]() |
| Errado |
![]() |
| Certo |
- Placa de sinalização de proibição: Qual a direção que fica a barra cortando e indicando a proibição? Uma maneira fácil de você não errar quando for fazer qualquer placa de proibição é imaginando o seguinte: Como se escreve a letra N? Mas como"N"? Isso mesmo "N" de NÃO!...Veja bem os modelos laterais! Fácil né!...Junta-se a placa de obrigação/restrição/limitação com o "N" da palavra NÃO, soma-se com o símbolo daquilo que você deseja que NÃO seja realizado e está completa a sinalização.![]() |
| Errado |
![]() |
| Certo |
- Placa de sinalização para desvio(ou andorinha) e, seu desdobramento, o zebrado: Como reconhecer e entender?...O desvio com a andorinha indicando a direção não tem mistério, para onde ela apontar é a direção onde você vai fazer seu desvio. Mas e o zebrado ou a andorinha cortada(esse tipo de sinal denomina-se andorinha)? Como entender?!? Olhe, veja que ele corresponde a "andorinha" cortada pelo meio e aponta para a mesma direção como se estivesse inteira e nada mais.
![]() |
| Expressamente Proibido |
![]() |
| Andorinha |
![]() |
| "O" de obrigação |
projeto gráfico de comunicação visual possue muita linguagem subliminar e a população, de uma maneira geral, não consegue entender bem seu significado. E o projeto é ruim? Negativo! Talvez seja mal divulgado mas a qualidade é incontestável, tudo não passa de uma questão cultural e entendimento. Vou tentar ser claro e objetivo usando como exemplo o zebrado: Pense o seguinte, se você tem um obstáculo pontiagudo na sua frente, o que você faz você vai em frente, se esborracha nele ou desvia? Óbvio que você executa a transposição ou ultrapassagem em sentido ortogonal ao obstáculo, certo!? Certíssimo! A não ser que você queira colidir com o obstáculo a frente, o que não creio! Pressupondo que seja uma pintura no asfalto, um guarda corpo, um poste ou uma placa, o que você faz? Você passa por cima ou desvia?...É isso! E isso está previsto na sinalização descrita no Código de Trânsito Brasileiro/CTB.
![]() |
| Andorinha |
Mas observe que,o veículo quando usado para realizar a interdição de uma via, deverá estar sempre com a área do zebrado(desvio) voltada para o lado que o operador queira que seja feito o desvio.Então da próxima vez que vocês forem dirigir, observem que na sinalização de trânsito, tem muita coisa implícita, de fácil entendimento, muita criatividade e técnica.!
Acreditem.
![]() | |
| Desvio do zebrado |
![]() |
| Desvio pela esquerda |
Dirijam com atenção!
![]() | |||||||
| Desvio pela direita |
Assinar:
Postagens (Atom)




































