Vendo esse vídeo do processo criativo do Gabriel Bá e do Fabio Moon, acabei por pensar no quanto admiro o trabalho deles, e o quanto gostaria de ver o que eles começaram virar o novo padrão.

Vejo esses dois como, além de uma fonte de inspiração, divisores de águas no mercado de quadrinhos nacional. Estão elevando o significado de HQ para algo além de entretenimento infanto-juvenil.

O trabalho deles em o A alienista — A história do mestre Machado de Assis sobre Simão Bacamarte e suas experiências científicas em Itaguaí. — já ganhou o prêmio Jabuti de melhor livro didático em 2008. Isso é incrível! Uma história em quadrinhos ganhando prêmio de livro didático.(!!)

Qual o destino disso não sei, mas fico imaginando como seria o interesse das crianças pelo conhecimento na escola se este fosse apresentado de uma maneira mais atrativa como uma história em quadrinhos.

Eu sou suspeito pra falar porque coleciono histórias em quadrinhos desde que ganhei minha primeira mesada, mas não acredito que seria a única criança que iria deixar de lado o video game  e o msn para fazer o dever de história da escola se isso fosse ler uma graphic novell sobre o Descobrimento do Brasil.

Acho um incentivo mais do que válido a se pensar sobre o futuro da educação. Num mundo onde as crianças se distanciam cada vez mais da leitura, uma reviravolta dessa na forma de ensino poderia aumentar o interesse em querer continuar lendo quando crescerem e estudar deixar de ser uma obrigação. Comigo funcionou. =)

A marca selecionada foi projetada por Fabio Lopez (form. Esdi 2000, MSc. Esdi 2009), premiado com R$ 10.000,00 e contrato para desenvolvimento de todos os elementos de identidade da instituição. Já o cartaz vencedor é de autoria de Nady Lima da Silva, que também recebeu R$ 10.000,00.

Os três melhores trabalhos de cada competição estarão em exibição no CCD até o sábado, 31 de março. Antes disso, já haviam sido divulgados os resultados do edital “Pródesign”, também daquele centro, que contemplou dez projetos – entre exposições, workshops, seminários e publicações –, vários dos quais contam, em suas equipes propositoras, com ex-alunos e alunos da Esdi. O CCD é uma ação da Subsecretaria de Patrimônio Cultural, Intervenção Urbana, Arquitetura e Design, órgão da Secretaria Municipal de Cultura do Rio de Janeiro, e fica na Praça Tiradentes, 48 (Centro). A mostra, gratuita, e pode ser vista de segunda-feira a sábado, das 10h00 às 19h00.

Mais informações no site: www.facebook.com/cariocadesign.

Ver tanta relação com o prêmio e a ESDI apesar de não tirar o desapontamento em relação a qualidade gráfica do resultado vencedor, já que só isso foi exposto até agora, pelo menos ameniza.

Confesso que fiquei um pouco contrariado com o resultado não só por não ter recebido nenhum prêmio, isso já esperava principalmente depois da avaliação de um gigante da área o prof. Eduardo Herrera que me explicou onde errei e onde minha proposta não funcionava, mas acho que faltou um pouco de transparência ao concurso. Sucessivos adiamentos de prazos sem explicações e no final a apresentação apenas de um resultado frio e sem expressão como o vencedor que já era conhecido da banca me parece triste em função do que pretendem implantar como ideia de design no Rio.

Bom, mas nada de ser mau perdedor por isso é hora de aproveitar que posso expor meu resultado, que mesmo sem ter ganho nada me encheu de orgulho!

Começando pelo painel conceitual da marca. Após ler o edital ficou claro quais deviam ser os conceitos nos quais iam se basear toda resposta gráfica.

Definição do painel conceitual da marca

Definidos os conceitos e os simbolos associados aos termos comecei os primeiros esboços. Algumas ideias passearam na minha cabeça mas a que me pareceu mais indicada foi a de focar nos simbolos de autenticidade.

Primeiros esboços e ideias

Após diversas tentativas cheguei a um simbolo que no meu entender resume bem a ideia dos conceitos principais. De saída podemos ver a autenticidade representada pelo Pão de Açúcar e a impressão digital, e na mesma figura ainda podemos ver representadas, as curvas do arco-iris (diversidade), uma partitura musical (cultural), alem da continuidade crescente da linha (dinâmica).

Simbolo Definido

E encerrando escolhi uma tipografia que mesclasse a seriedade de um centro destinado a projetos elaborados de reformulação de toda a estrutura municipal, além da própria referência histórica da fonte que faltava ao simbolo, com a descontração natural do carioca e suas cores fortes e vibrantes, sempre facilmente identificados a distância.

Proposta final para Marca do CCD

É uma batalha que estamos perdendo. De acordo com a Online Degree, a Atros, uma empresa que proibiu e-mail, conseguiu apenas reduzir o seu volume de e-mail em 20%. Isso com a proibição! O que podemos meros mortais esperar conseguir com um infográfico?

Fonte: FastcoDesign

Com uma década de atraso, o Brasil resolveu mirar na chamada economia criativa – setor que movimenta mais de US$ 600 bilhões no mundo e se manteve imune às crise financeiras globais – e se prepara para lançar em abril um audacioso programa que pode duplicar os ganhos desse segmento em quatro anos. Se isso acontecer, serão R$ 108 bilhões a mais injetados na economia do país no período, graças ao aumento da produção e da exportação de bens e serviços criativos.

O programa Brasil Criativo está em gestação no Ministério da Cultura. Já foi mostrado à presidente Dilma Rousseff e está sendo tocado em parceria com a Casa Civil. O Planalto deve bater o martelo sobre as medidas, que envolvem pelo menos dez ministérios, em meados de março. Ao GLOBO, a ministra da Cultura, Ana de Hollanda, explica que a ideia é aumentar o quinhão do setor na economia dos atuais 2,85% do Produto Interno Bruto (PIB, conjunto de bens e serviços produzidos no país) para pelo menos 5,7% até 2015. As primeiras discussões começaram na gestão de Gilberto Gil. A despeito dos rumores de que poderia deixar o ministério, ela espera tocar o programa até o fim do governo: – Não é um projeto para seis meses ou um ano, é de médio prazo.

Sobre a mesa estão a eliminação de leis caducas, desoneração de tributos, mudanças no marco legal e formalização de profissionais dos diversos ramos da cultura – do design ao artesanato, passando por games, cinema, novelas e música -, além da criação de linhas de crédito e da discussão sobre propriedade intelectual. Também está em análise o reconhecimento de novas profissões, para permitir acesso a financiamento, Previdência e emissão de notas fiscais. O próprio governo admite que há poucas estatísticas sobre a economia criativa, e boa parte do mercado é informal. Segundo Luiz Barreto, presidente do Sebrae Nacional, que ajuda o governo a mapear o setor, 90% dos empreendedores são de micro e pequeno porte.

Um estudo da Firjan mostra que toda a cadeia da indústria criativa no país – do espetáculo de dança ao iluminador, passando por figurinistas e barraquinha de cachorro-quente – movimenta R$ 667 bilhões por ano. São Paulo está à frente, com R$ 253,5 bilhões, seguido por Rio e Minas Gerais, com R$ 76,3 bilhões e R$ 59,8 bilhões, respectivamente. “Indústria do futuro”, segundo produtora Segundo o Relatório da Economia Criativa 2010 da Conferência das Nações Unidas para Comércio e Desenvolvimento (Unctad), o Brasil exportou US$ 6,3 bilhões em serviços e US$ 1,22 bilhão em bens criativos em 2008.

A China vendeu US$ 84 bilhões em bens e US$ 2,6 bilhões em serviços criativos. Estados Unidos e Alemanha vêm em seguida, com mais de US$ 35 bilhões cada. – O Brasil ainda pode se tornar uma potência criativa. Deve aproveitar seu grande momento, com os eventos esportivos nos próximos anos, para se vender melhor para o mundo – disse ao GLOBO a chefe do Programa de Economia Criativa da Unctad, Edna dos Santos-Duisenberg. Para ela, a economia criativa é uma opção viável para crescer e ajudar os emergentes a driblarem crises globais, reduzindo a dependência das commodities. Segundo Edna, enquanto as transações comerciais caíram 12% em 2008 por causa da crise, as operações com bens e serviços criativos cresceram 14%: – Este é um setor que vai continuar crescendo, porque reflete o estilo de vida da sociedade contemporânea, em que se consome cada vez mais cultura, entretenimento, lazer e turismo.

Os países ricos , que começaram a adotar programas semelhantes há uma década, detêm 90% do mercado mundial de audiovisual e música, 80% do mercado editorial e imprensa e 75% do de artes visuais. O programa do governo quer usar a cultura como alavanca para o crescimento, a geração e distribuição de renda e a inclusão social. – Conheço muita gente boa que passa a vida esperando um convite ou um edital para trabalhar. Muita gente está informal nesse mercado. Falta informação. Estamos fazendo um grande mapeamento de todos os elos da cadeia. Acho que dá para, no mínimo, dobrar a participação do setor no PIB – disse a ministra, que reconhece o atraso do Brasil nessa corrida. – Estamos estudando os entraves.

A indústria brasileira da moda já anda bem, mas tem enfrentado, por exemplo, a concorrência da China. Outro caso: estamos comprando fantasias de carnaval da China… Dono da Icon Games, José Lucio Gama fez o seu primeiro jogo em 2003, após um curso na PUC-Rio. Desde então, tem exportado boa parte do que faz para o exterior por meios próprios e garante que o faturamento está na casa dos milhões de reais. Muitos dos seus games voltam para o país pelas distribuidoras estrangeiras, e os usuários locais sequer se dão conta de que são made in Brazil. – É um mercado de US$ 2 bilhões no Brasil. As pessoas não sabem que muitos games são produzidos aqui dentro. Não temos bons canais de distribuição, como lá fora. Faltam profissionais treinados para essa área – disse Gama. Autor do game “Detetive Carioca”, que tem por cenário pontos turísticos do Rio e casos como o roubo de um enredo de escola de samba, ele aposta no crescimento explosivo desse setor, graças à expansão do número de smartphones e tablets.

Para Walkiria Barbosa, dona da Total Filmes e organizadora do Festival de Cinema do Rio, o maior da América Latina, os tomadores de decisão, seja na iniciativa privada ou no governo, ainda desconhecem o potencial do negócio criativo. – É a grande indústria do futuro. Nos Estados Unidos, é a maior indústria de exportação. O segmento audiovisual só existe se for analisado como indústria. Tem que produzir em escala, o que requer investimento alto de capital e infraestrutura sofisticada – disse Walkiria. – O Brasil está engatinhando nesse sentido.

Para importar equipamento para um filme 3D, paga-se um imposto altíssimo. O audiovisual é tributado três vezes, na bilheteria, na distribuição e na produção dos filmes. Segundo ela, o setor não precisa de caridade, mas de políticas eficientes: – O que os filmes “Rio” e “Crepúsculo” fizeram pelo Rio de Janeiro e pelo Brasil não tem preço. Isso é conteúdo audiovisual. O produtor de eventos musicais Luis Oscar Niemeyer, que recentemente trouxe Paul McCartney ao Brasil, comemora a iniciativa do governo. Para ele, capacitação e infraestrutura são básicos.

Medidas em estudo pelo governo:

• Desoneração tributária de insumos para a indústria criativa;
• Linhas de crédito específicas para as atividades criativas:
• Treinamento e qualificação profissional
• Revisão da classificação de profissões para garantir a todos os empreendedores e artistas acesso a empréstimos, formalização e previdência;
• Formalização dos micro e pequenos empreendedores;
• Mudanças no marco legal para torná-lo mais eficiente e estimular o setor;
• Instalação do Criativa Birô para captar informações sobre a economia criativa nas principais cidades do país;
• Análise da legislação trabalhista à luz das especificidades da indústria criativa, tais como as novas profissões, a sazonalidade do setor e a diversidade da cultura brasileira;
• Simplificação da legislação;
• Fornecimento de informações jurídicas, de gestão e administração de negócios;

• Adequação das regras do Supersimples para facilitar a formalização dos empreendedores;
• Foco nos empreendedores e empresas de menor porte.

Autor(es): Agência o globo:Vivian Oswald
Fonte: FIRJAN

O que antes era baseado nos princípios da Ética de Aristóteles, que pressupunha em sua teoria que o Homem busca incessantemente a felicidade, e a ética estaria justamente na busca da felicidade através do bem. Em poucas palavras seria afirmar que o homem encontra a felicidade e a realização pessoal quando age visando o bem da sua sociedade utilizando de suas virtudes.

Portanto a ética seria o que podemos chamar de ´way of life´ ao invés de um livro de regras à ser decorado e seguido. Definir o papel do Design é o mesmo que afirmar que algum dos sistemas éticos descritos está certo. São perguntas onde a interpretação de quem ouve a resposta é que definirá o certo e o errado sobre a opinião do autor.

Ética e a Sociedade

“(…) Finalmente, no terceiro aparece o design como coordenação, onde o designer tem a função de integrar os aportes de diferentes especialistas, desde a especificação de matéria-prima, passando pela produção à utilização e ao destino final do produto. Neste caso a interdisciplinaridade é a tônica. (…)” Por Lucy Niemeyer em O que é design?

Assim o papel do designer, é transformar uma ideia, um sentimento de querer melhorar em algo prático e utilizável, fazendo bom uso dos recursos humanos, intelectuais e materiais disponíveis.

Para isso nós precisamos naturalmente ouvir mais aos outros. Como poderemos criar alguma coisa de útili para essa sociedade sem conhecer quem é essa sociedade, sem saber as necessidades naquela casa, naquela vila, naquela praça, ou até mesmo no quarto ao lado.

Certamente gostaria, por ser essa minha opinião e por vislumbrar um futuro melhor com esse pensamento, que esse fosse o pensamento predominante, mas existe uma visão diferente, e atualmente majoritária logo não podemos relevar, onde o design é uma atividade artística, e que somos as ferramentas práticas para colocar de forma estéticamente agradável as necessidades comerciais sempre urgentes. E se as pessoas acreditam nisso, e se existe um mercado enorme de profissionais que se dispõem a essas práticas e se apresentam como designers, como não dizer que eles também estão certos?

Metodologia para Solução de Problemas

Podemos perceber isso quando acompahamos o cenário atual onde o chavão “Design & Inovação” assumiu como a solução para os problemas da sociedade só que o mercado consegue fazer uma dissociação do termo, investindo preferencialmente em inovações normalmente de caráter tecnológico e por isso mais fiáveis, deixando o “Design” que seria o lado mais artístico e social de lado.

Segundo Mario Moura, em Design em tempos de crise,” uma das defesas mais consistentes para essa prática seria a que “o valor estético — pelo menos no design mais duradouro — é o único valor sólido, porque as necessidades funcionais e empresariais podem mudar com o tempo.”

Só que isso gera um problema de relações com os egos dos designers, que colocam uma preocupação excessiva com o lado visual das coisas, e como não tem o embasamento teórico nem uma visão ampliada sobre o porquê de suas criações ficam presos aos seus gostos, resultando em um cenário crítico quando corrigidos ou criticados, pois tomam as críticas como pessoais. A consequência disso é, ainda por Mario Moura, “ o aparecimento
de um novo profissional, o design thinker ou innovation expert que se coloca como intermediário entre designers e clientes, e vende o design como um processo empresarial, do qual é gestor.” O que ao meu ver nada mais é do que o designer sob a ótica social.

Ou seja, o próprio mercado depois de usar o design como quis está chegando a conclusão de que precisa de designers que pensem nos produtos além de sua estética e pedindo para que esses produtos sejam pensados para atender a sociedade. Mais do que isso o mercado está mostrando a quem está começando e também a quem já está nessa há mais tempo que ele quer uma alternativa, está nos dizendo que podemos escolher um caminho.

Escolher um caminho é muitas vezes o mais difícil nessa hora, quando ainda estamos novos e a faculdade deixa um vazio tremendo principalmente porque não estávamos “presentes” o suficiente às aulas para ver o sentido do que estava sendo ensinado, nem o valor que isso teria no futuro.

Quando saímos da faculdade descobrimos que o mercado não está literalmente nem um pouco a fim de saber quem somos, e sim querendo saber o que podemos oferecer ao mundo para ganhar um qualquer em troca.

O que fazer? Voltar no tempo e se preparar melhor? Enviar um currículo de quê, se não temos experiência de nada.

Essa é uma grande questão, que passa na cabeça não só dos designers mas da grande maioria das pessoas quando saem da faculdade, mas acredito que para os designers, a saída ele já conhece mas a pergunta é que está feita de forma equivocada.

Escolher os Caminhos é Fundamental

Eu colocaria de outra forma: O que eu gosto e já tenho mais facilidade para fazer e onde posso utilizar melhor essas minhas habilidades? Respondendo essa pergunta o designer vai conseguir se conhecer melhor, perceber melhor as necessidades a sua volta e vai inclusive descobrir quais são as empresas onde ele se encaixaria melhor.

Todos temos habilidades diferentes, que combinadas podem criar algo de valor, uns pintam, outros desenham naves ou historias em quadrinhos, alguns fazem artesanato, outros gostam de arrumar a casa e outros ainda de correr na praia, e até mesmo dormir pode ser sua atividade preferida. Se você gosta muito de dormir, porque não tornar-se um designer de camas e colchões, aplicando novas tecnologias ao produto e\ou ao processo
de fabricação e passar a vida fazendo um test-drive depois do almoço?

Um dos pensamentos que percebo como muito comum e que precisa ser combatido é de que basta termos uma a ideia que tudo estará resolvido. Isso passa absurdamente longe da verdade, precisamos entender que ter a ideia é apenas o primeiro passo dessa caminhada. A ideia é o norte da nossa bússola, é ela que vai nos mostrar o caminho, mas vamos ter que trabalhar muito para se alcançar os resultados desejados. Temos uma concepção um pouco fantasiosa de que vivemos de rompantes criativos, e isso nos dá a ilusão de que podemos ficar relaxados e esperando por um desses momentos e teremos uma ideia brilhante para resolver nossos problemas.

Essa visão distorcida da realidade que nos mantém em estágios que não ensinam nada, que nos colocam como ferramentas mal utilizadas nas empresas , que fazem dos designers os alvos preferidos de empresas maliciosas que se aproveitam dessa postura do designer criando concursos “fantásticos” onde o designer tem como prêmio o direito de dizer que foi ele que fez o produto vencedor, e assim satisfazer seu ego areditando que
assim as oportunidades aparecerão, enquanto a empresa ganha dinheiro com sua ideia. A vida fácil não está no roteiro nem de designers nem de ninguém, esse é outro pensamento comum que deveria ser abolido, e deveríamos sim pensar em aproveitar da melhor maneira todo tipo de relações que temos a nossa volta.

Conhecer o máximo que pudermos lugares, culturas e pensamentos, encontrar outros pontos de vista, errar e enchergar a saída na palavra de outros, sair do casulo e ampliar os horizontes, ou como diria Raul Seixas “Eu prefiro ser essa metamorfose ambulante do que ter aquela velha opinião formada sobre tudo”.

A minha conclusão é que o papel do design está em utilizar o que há de melhor das visões, e aprimorar uma visão social de forma prática e ampliar as visões práticas a uma gama maior de uso e funcionalidades.

A velocidade dos avanços está ligada a nossa capacidade de nos unir e em ver na necessidade de outro uma oportunidade para criar algo de útil . Pensando nisso, porque não utilizar pessoas diferentes com capacidades diferentes para se alcançar novos resultados. Enchergando as diferenças podemos ver mais facilmente nossos erros e defeitos e assim conseguiremos evoluir, não só pessoalmente mas também como sociedade.

Ao contrário do que a situação sugere e vemos em sua ampla maioria dos casos, o fato do mercado não dar o valor, não perceber a finalidade de nosso trabalho não pode ser uma barreira para profissão, chegamos ao final de muitos anos de estudo e nos deparamos com um caminho que nós escolhemos, e que acredito firmemente ser o correto e o melhor para todos, por isso vejo isso como um grande motivador porque transforma toda a sociedade em meu cliente e posso prestar serviços a qualquer um de seus departamentos.

Sob essa perspectiva a única questão que cabe aos designers perceber, é que não adianta mais ficar esperando por uma oprtunidade aparecer, as necessidades estão por toda parte, basta abrir a janela e olhar, conversar com sua avó, ou perguntar ao jornaleiro, em qualquer parte você consegue encontrar uma necessidade para ajudar com seu design, e nessa ideia você pode acabar descobrindo uma forma de ajudar a todos.

Realização Pessoal

Fontes:
- Design e Ética – DESIGN, ÉTICA DE VALORES E DOIS ESTUDOS DE CASO :: Ana Carolina Guedes, Carlos Henrique Leite, Eduardo Camillo K. Ferreira, Gustavo Angeluzzi
- Design em tempos de crise, de Mário Moura :: Ed. Braço de Ferro

“O controle que os designers tem na mídia impressa, e o desejo comum de levar esse controle para o meio web, é simplemente uma limitação da página impressa. Nós devemos absorver o fato que na web não temos o mesmo comportamento, e o design deve ser flexivel. Porém primeiro,  devemos “aceitar o fluxo e refluxo das coisas.” – A Dao of Web Design

Essa é uma frase que gostaria de ter dito em alguns momentos do passado mas como não posso voltar no tempo e já aceitiei o fluxo e refluxo das coisas, vou utilizá-la para que ajude outros webdesigners na hora de argumentar a defesa do seu ponto de vista enquanto especialistas em interatividade.

O arquiteto inglês Christopher Wren disse uma vez sorrindo que seu campo “almeja a eternidade” e tem sentido em sua afirmação; Diferentemente da web, que parece estar sempre visando a próxima semana, a arquitetura é basicamente feita para ser permanente.

Trabalhar com web é uma questão totalmente diferente. Nosso trabalho é definido pela transitoriedade, normalmente sendo revisto ou refeito a cada um ou dois anos. Janelas de tamanhos variados, resoluções de tela, preferências de usuário, e nossas fontes instaladas são algumas das previsões intangíveis que devemos  ter em mente quando publicamos um trabalho, e através dos anos temos nos tornado adeptos disso.

Porém as coisas estão mudando, talvez até mais rápido do que gostaria. Já há previsões de que a navegação por celular ultrapasse a navegação por desktop entre três a cinco anos. Dois dos três consoles de videogame dominantes possuem navegadores. Hoje em dia projetamos para o uso de mouse + teclado, para T9 keypads, para controles de video game, e interfaces touchscreen e em pouco tempo, estaremos comum número ainda maior de dispositivos, formatos de entrada de dados e browsers.

Nos últimos anos, começaram a ser frequentes os pedidos para um “Site para iPhone” como parte dos projetos. Essa é uma frase intrigante: Como valor agregado, parece óbvio, que o cliente deseja adicionar não só uma aplicação móvel ao projeto, mas também um poderoso caso de uso além do tradicional desktop. Porém enquanto designer, nós tiramos proveito do pedido explícito do cliente, porque ele compartimentaliza o problema antes da gente. Nós podemos guardar  a experiência móvel em grupos separados, e fazer a distinção para os ‘Sites-para-Não-iPhones’.

Mas, o que virá depois?

Um site para iPad? Um site para o Galaxy Tab? Será que temos realmente condições de garantir suporte feito sob medida a cada novo dispositivo?

Como podemos nos adaptar a esse cenário?

Um Cenário Flexível

Considere este exemplo. Esta é uma página simples de uma revista hipotética, é um layout sim ples de duas colunas construído em um grid fluido, com algumas imagens flexíveis espalhadas. Confesso que demorei algum tempo para me entregar aos layouts fluídos, porque estes sempre exigiam uma carga maior de tempo para se chegar as proporções ideais para produção das páginas, mas já há algum tempo passei a utilizá-los porque passei a ver neles uma maior “garantia ao futuro” simplesmente porque eles são independentes de gosto. E até certo ponto, os layouts flexíveis não fazem destinção da largura da janela, e se adaptam muito bem independentemente da orientação da tela.

Mas nenhum projeto, fixo ou líquido, adapta-se perfeitamente para além do contexto para o qual foi originalmente destinado. O exemplo se ajusta bem, porém o ponto crítico logo aparece com uma pequena resolução. Quando aberto em resoluções menores que 800×600, a ilustração por trás do logo começa a ser cortada, o texto começa a se adaptar de forma desordenada, e as imagens abaixo ficam reduzidas demais perdendo a legibilidade. E não é só na redução que o layout é afetado, quando aberto em uma tela widescreen, as imagens ficam grandes e deformadas fugindo do contexto.

Resumindo, o nosso design flexível funciona bem o suficiente no contexto centrado ao desktop para o qual foi concebido, mas não é otimizado para se estender muito além disso.

Mudando de Perspectiva

Recentemente surgiu uma disciplina chamada “Arquitetura Responsável” que lida com a questão de como espaços físicos respondem pela presença de pessoas passando através deles. Ou seja estão estudando robótica e resistência de materiais e fazendo experimentos em instalações de arte e paredes que podem ser flexíveis de acordo com a ocupação do espaço. Sensores de movimento podem ser associados a controles para ajustar a luz e temperatura de uma sala enquanto as pessoas usam. Já existem empresas produzindo óculos com lentes inteligentes que se transformam automáticamente quando a sala chega a determinada ocupação para dar privacidade ao usuário. Cada vez mais surgem soluções adaptáveis a diversas situações.

Essa é a nossa nova perspectiva, esse é o caminho para o qual estamos seguindo. E ao invés de criarmos designs separados para um número de dispositivos cada vez maior, nós devemos criar para uma experiência visual otimizada e tecnologias comuns a todos para torná-los não só mais flexíveis, mas também mais adaptáveis aos meios que os renderizam. Em resumo devemos criar “Web Design Responsável”  , mas como?

Conheça o media query

Desde o lançamento da CSS 2.1, nossas páginas de estilo podem ser especificadas por dispositivo através do media types. Se você já usou alguma vez uma folha de estilo para impressão, sabe do que estou falando.

<link rel="stylesheet" type="text/css" href="core.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="print.css"  media="print" />

Acreditando que estaríamos projetando para diversos dispositivos as especificações das CSS nos forneceu uma grande variedade de media types, projetados para atingir determinada classe de dispositivos. Porém os navegadores não perceberam o espírito da coisa deixando diversos media types imperfeitos, ou totalmente ignorados.

Felizmente, o W3C criou as media queries como parte das especificações das CSS3, para tapar os buracos deixados. A media query nos permite não só direcionar para uma classe de dispositivo, como também definir características físicas do dispositivo que irá renderizar.

Por exemplo, com o aumento do uso do WebKit móvel, as media queries se tornaram uma técnica comum no desenvolvimento do client-side  para dispositivos como iPhone, Android e outros Smartphones. Para isso nós podemos incorporar uma query dentro do atributo media em um link para a folha de estilo:

<link rel="stylesheet" type="text/css"  media="screen and (max-device-width: 480px)"  href="shetland.css" />

Essa query contém dois componentes: 
1. O media type – screen
2. A query entre parênteses, contendo a informação particular (max-device-width) para declarar, seguida do respectivo valor atribuído (480px).

Em outras palavras, estamos dizendo ao dispositivo que SE sua resolução horizontal é igual ou menor que 480px (que seria o caso do iPhone, por exemplo) então utilize a shetland.css, caso contrário o link é ignorado totalmente.
Designers tem experimentado soluções para variações de resolução baseadas em Javascript como este excelente script do Cameron Adams, porém a media query incluiu as especificações de uma série de recursos que vão muito além da resolução de tela, e aumentou o escopo do que podemos testar com as queries, não só separadamente como podemos testá-las em conjunto.

<link rel="stylesheet" type="text/css"  media="screen and (max-device-width: 480px) and (resolution: 163dpi)"   href="shetland.css" />

E além disso não precisamos ficar restritos ao uso de links, podemos incluí-los em nosso código CSS como parte da regra @media.

@media screen and (max-device-width: 480px) {
.column { float: none;  }
}


Ou como parte da diretiva de @import:

@import url("shetland.css") screen and (max-device-width: 480px);

Em todos os casos o efeito é o mesmo, SE o dispositivo passar pelo teste da media query o CSS é aplicado.
As media queries são em resumo como comentários condicionais para o resto de nós. Ao invés de visar uma versão específica de navegador ou dispositivo, podemos corrigir cirurgicamente questões em nosso layout em escalas além da sua resolução ideal inicial.

Exemplos:

iA

Arquitetos de informação é um belo exemplo de site minimalista. É simplesmente lindo. Eu adoro o fato de que o projeto seja bonito só usando duas cores (preto e vermelho) com apenas fontes web seguras, nenhuma imagem de textura, e sem efeitos Javascript ou fontes personalizadas.

Head London

Embora o site da Head London não seja fluído, eles fazem um bom trabalho com layouts responsáveis. O layout é constantemente adaptado em cada viewport.

Food Sense

Preste atenção para ver como o site Sense Food responde. Ele flui de layout de duas colunas detalhado com barra lateral para uma coluna de layout. E quanto menor a resolução mais minimalista fica o design.

Conclusão:
Como podemos perceber o caminho para as aplicações serem adaptáveis já foi escolhido, cabe a nós agora nos adaptarmos para produzir as melhores experiências aos usuários independetemente do seu dispositivo, e nesse sentido as medias queries são uma excelente ferramente disponível ao nosso alcance.

Fontes:
A List Apart – Responsive Web Design
Webdesigner Wall – Inspiration: Fluid & Responsive Design

O Brasil está mesmo na moda e agora todos estão querendo comemorar algo com a gente: França, Holanda, etc…. Aproveite!

O Efeito Google

As consequências cognitivas de se ter informações na ponta dos dedos.

O advento da internet, e seus sofisticadissímos algoritmos de busca, trouxeram o acesso a informação para a ponta dos dedos. Não necessitamos mais fazer grandes esforços para termos a informação que precisamos. Podemos “googlar” a antiga turma do colégio, encontrar aquela loja de discos online, ou lembrar o nome daquele ator que está na ponta língua.

O resultado de 4 estudos apontam que quando nos deparamos com questões difíceis, a primeira coisa que nos vem a cabeça são computadores onde possamos encontrar a informação necessária. Nós possuímos baixos índices no que se refere a resgatar diretamente a informação. Nós estamos condicionados a lembrar aonde conseguimos ter acesso a essa informação.
A Internet se transformou em uma espécie primária de HD externo, onde as informações estão gravadas de forma acessível a todos e fora de nossas cabeças.

Já se tornou usual procurar a resposta para qualquer questão no momento em que ela acontece, e é extremamente frustrante se não conseguimos imediatamente. Passamos praticamente 100% do tempo online e já é difícil lembrar em como conseguíamos encontrar as informações antes da internet invadir nossas vidas. O Google se tornou um grande oráculo onde podemos acessar as informações a qualquer hora.
O uso de memórias externas na humanidade não é novidade. Não é de hoje que quando nos associamos em grupo recorremos a algum tipo de armazanamento de informações do grupo, um pasta, ou um diretório onde o grupo possa partilhar informações.
O que estamos investigando quando a internet se tornou uma memória externa onde sua principal função é atender a necessidade de se encontrar a informação.

Por exemplo, se eu pergunto quais são os países em que só há uma cor na bandeira? Pensamos em bandeiras, ou pensamos imediatamente onde posso encontrar essa resposta?

Os resultados do teste sugerem que nós temos mais facilidade de lembrar o ‘onde está’ do que ‘o que’. Outros dados podem ser tirados dos experimentos: Para aumentar a sua taxa de respostas, você pode utilizar alguma dica sobre onde a informação foi salva ou alguma dica sobre a informação em si, em ambos os casos o aumento das taxas de acerto são significativos.
Outros dados que podemos levar em consideração:

• 1) Conseguimos compartilhar a informação rapidamente porque pensamos logo em computadores quando achamos que devemos encontrar conhecimento.
• 2)Nossa forma social de armazanamento de informação nos condiciona a esquecer itens que acreditamos que estarão disponíveis externamente e lembrar melhor de itens que pensamos que não estarão lá.

Tal qual aprendemos com a memória transacional que permite que reconheçamos quem sabe o quê em nossas relações familiares ou no escritório, estamos ‘aprendendo’ o que o computador sabe e acessamos essas informações utilizando nossa memória.
Estamos cada vez mais conectados aos nossos dispositivos nos tornando simbióticos, cultivando uma interligação entre os sistemas onde cada vez sabemos menos, mas armazenamos mais dados sobre onde as informações estão.  Até que ponto é vantajosa essa necessidade de estar constantemente conectado é discutível, mas a verdade é que estamos ficando dependente de nossos gadgets no mesmo nível que somos dependentes do conhecimento que adquirimos com nossos amigos e colegas de trabalho, e a experiência de não estar conectado está se tornando cada vez mais parecida com a experiência de perder um amigo. Nós precisamos estar plugados para saber o que o Google sabe.

Fonte: Sciencemag.org – The Google Effect on Memory

• Betsy Sparrow,
• Jenny Liu,
• and Daniel M. Wegner

Não sei se quero viver nesse mundo, mas é o que temos. O que acredito é que no mínimo isso devia ser mais discutido. A velocidade em que vivemos não nos permite aprofundar o conhecimento sobre nada, a cada instante vem uma nova pergunta a ser respondida e o assunto anterior é rápidamente esquecido. A reflexão é coisa do século passado, não há tempo para se formar uma opinião.

Esse é um tópico que serve como utilidade pública não só para quem trabalha com ilustração e que certamente em algum momento de sua vida já se deparou com alguma proposta exdrúxula para criação de ilustrações para camisetas, mas serve também para mostrar ao público em geral que acredita que essa é uma prática normal e que investir nosso tempo em um trabalho que SE, eu disse SE trouxer retorno, será somente para quem produz as camisetas mas que todos acreditam que esse risco deve ser dividido com quem produz as ilustrações como forma de divulgar o trabalho.

Essa foi mais uma dúvida que chegou ao Ilustragupo ( O ilustragrupo é uma lista de emails de ilustradores, que utilizam a lista como forma de trocar experiências e informações sobre ilustração. )  sobre um pedido para um dos novos membros da lista:

E mais uma vez, além de diversas respostas de outros ilustradores mais experientes, que afirmaram que essa é uma prática abusiva, que em hipótese nenhuma deveria ser aceita, veio a resposta do moderador Ricardo Antunes, um dos grandes membros desse grupo que sempre consegue colocar a questão de forma prática e didática para que todos entendam. Gostei tanto da resposta que estou escrevendo esse post para dar mais voz ao Ricardo.

Pra quem não conhece o Ricardo Antunes, além de excelente ilustrador ele é o criador do Guia do Ilustrador e mantém uma excelente publicação gratuita voltada para ilustração a Revista Ilustrar, enfim o cara é um líder que vale a pena ser seguido. #ficadica

Em resposta ao grande desafio proposto para esse conceito, os desenhistas colocaram a adaptabilidade no centro da criação do HX1: o modelo é capaz de se transformar de acordo com o ambiente, com as condições de condução e com as expectativas de seus ocupantes. Assim, o HX1 contém numerosas peças aerodinâmicas móveis sensíveis a velocidade e uma arquitetura incomum – super baixa para um comprimento de 4,93 m. Todas essas especificações garantem um excepcional coeficiente aerodinâmico de 0,28.

Acessível por quatro portas de abertura inversa, o interior do HX1 traduz a visão da Marca para um habitáculo de altíssima gama, combinando elegância e modernidade, materiais naturais e alta tecnologia. Ele oferece a seus ocupantes um espaço interno excepcional, por meio de um novo conceito de modularidade para sua configuração original 4+2, e ao motorista, um posto de condução que se adapta às condições de condução.

Sua potência total chega a 299 CV, combinando um motor 2.2l HDI na parte dianteira e outro elétrico, integrado ao eixo traseiro, que possibilita as funcionalidades da tecnologia HYbrid4 – tração integral e modo 100% elétrico, com autonomia para um percurso de até 30 km graças a função plug-in. O HX1 apresenta um consumo de apenas 31,25 km/l, com 83 g/km em emissões de CO2.

Fonte: Cronospeed