quarta-feira, março 09, 2011

QR-Code ou Código Bidimensional

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.

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: 
"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!"
qrcodeÉ uma realidade difícil de explicar, teve uma ocasião em que eu estava fazendo um estudo sobre a aplicabilidade em nossos trabalhos (isso em 2007), um fornecedor levou a idéia para sua empresa (sem nossa autorização) e usou em um trabalho como se fôsse novidade, ele só esqueceu deste PEQUENO DETALHE: COMO FAZER A TRANSCODIFICAÇÃO SEM O APARELHO E, PIOR AINDA, SEM O APLICATIVO INSTALADO EM NENHUM DOS NOSSOS EQUIPAMENTOS DE FISCALIZAÇÃO!
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!
Vocês devem estar perguntando: Como usar o QR-Code como elemento de segurança?Ahhh...aí é onde está meu pulo do gato, estou estudando sua utilização e seus desdobramentos e isso ainda  não posso comentar, só depois que tiver absoluta certeza da sua viabilidade.

* 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
Meu colega Reinaldo me passou umas imagens de logomarcas existentes mundo afora, fez-me crer que minha profissão está indo para o brejo, quanto micreiro metido a designer existe por aí, quanta coisa ruim e, o pior, tem gente que paga por isso!
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!

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?!

sábado, janeiro 15, 2011

Identidade Visual - Branding: " O projeto gráfico"

Monograma*
Partindo da premissa que já temos o produto, criaremos uma logomarca(fictícia), uma tipologia(idem), etc, etc...que tal partirmos para o projeto gráfico ou seja o graphic design, propriamente dito? Podemos começar pela parte de papelaria que é o mais comum e mais simples, conforme formos evoluindo acompanharemos o desenvolvimento do projeto, normatização, suas aplicações e variações. Nossa marca estará associada a uma linha de roupas classe C e D, mas com qualidade boa e para um público de bom gosto(fictício), vamos começar pelo estudo de cores, ampliação, redução, no comportamento em suas diversas aplicações. Caso o cliente tenha pretensão de usá-la em outras aplicações como para WEB ou vídeo, experimente fazê-la com movimento ou com volume 3D, isso sempre impressiona e causa uma boa imagem.
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
Voltando para a logo 2D, comece aplicando-a numa folha de papel A4, não esqueça das margens de defensa(ver Margens pré-definidas), elas podem ajudar muito quando a folha for impressa, grampeada ou perfurada para arquivamento como veremos mais adiante, não esqueça das informações corporativas que podem estar no rodapé ou abaixo da logo no cabeçalho. As margens de defensa são super importantes, também, na impressão em impressoras comuns domésticas e de escritório, tanto de jato de tinta quanto a laser, a não ser que você tenha uma impressora super A3, ou outra destas de grandes formatos, que o refile permaneça dentro da área de defensa e lembre-se: é sempre bom ler o que diz o manual sobre área de impressão da impressora, alguns programas, como o Corel e o Illustrator por exemplo, tem uma ferramenta que diz o tamanho da área de impressão mas às vezes não batem com a realidade, verifiquem primeiro.
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
*Monograma é a sobreposição, agrupamento ou combinação de duas ou mais letras ou outros elementos gráficos para formar um símbolo. Monogramas freqüentemente são construídos combinando as letras iniciais do nome de uma pessoa ou empresa e podem ser usados como símbolos ou logos(wikipédia).
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:
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
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.
Expressamente Proibido
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.
Andorinha
"O" de obrigação
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.
Andorinha
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.
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