Pesquisa / Implementação

https://docs.google.com/document/d/13ez_0mvdOPxAedjIk4oPcVRNiQivOxRHTAf4r2dqYXA/edit

https://www.dropbox.com/s/8r2g7tz8gptwp5t/Dire%C3%A7%C3%A3o%20de%20Arte%20-%20trabalho%201.docx

Pesquisa (Inspiração e referências)

Sobre o tema regional, a equipe procurou listar alguns temas relevantes sobre o nordeste, dentre os quais destacou-se o caráter da cultura popular: crenças, costumes, artesanato, indumentária, souvenirs etc.  Como estética, observamos exemplos no site csszengarden, e os que mais nos pareceram sofisticados foram os layouts mais minimalistas, e que se focavam em elementos gráficos para passar a mensagem.

Quanto ao tema, segui-se a  etapa de brainstorming:

Dispomos de uma tarde para gerarmos ideias já dentro do escopo que estabelecemos na etapa do briefing, então segue algumas das ideias anotadas:

- Litoral Cearense, retratar as belezas naturais e pontos turísticos da cidade.

- Padre Cícero e a sua contibuição na cultura popular em Juazeiro do Norte. Explorar as tradições religiosas, assim como outros elementos regionais na composição do produto. O tema foi considerado bem relevante, atraente pois se trata de um aspecto da cultura que permanece vivo na história do nosso estado.

- Mico leão dourado. Um animal típico do Brasil e que possui nichos bem peculiares. Usar suas características, para inspirar a escolha do layout, tipografia, navegação e elementos gráficos.

- Baião de dois. Uma comida bem muito relacionada ao nordeste brasileiro. Inspiração para as cores e solução tipográfica do produto. Embora, pareceu à equipe que o elemento não fosse mais tão regional assim, já que é encontrado em todo o Brasil.

- Festas Juninas. Também seria explorado o tema na parte das cores e nos elementos imagéticos, sobre a navegação pensamos em criar uma forma em que o conteúdo rolasse horizontalmente e que fizesse parecer uma brincadeira de roda. Como se faz isso? não chegamos a uma solução, já que o csszengarden não trabalha com animações. Como o tema anterior, festa junina não é mais tão regional, embora sempre remeta a costumes nordestinos, mesmo estando presente na cultura e no costume de todo o país.

●             http://www.csszengarden.com/?cssfile=177/177.css

●             http://www.csszengarden.com/?cssfile=171/171.css

●             http://www.csszengarden.com/?cssfile=037/037.css

●             http://www.csszengarden.com/?cssfile=213/213.css

pesquisa

●             http://valdecyalves.blogspot.com.br/2010/11/padre-cicero-ou-padim-cico-romarias-de.html

●             http://basilio.fundaj.gov.br/pesquisaescolar/index.php?option=com_content&view=article&id=614&Itemid=1

●             http://www.lume.ufrgs.br/handle/10183/10795

Referências / apropriação

.  O mangá "Joaseiro" conta com os roteiros de Hirohyto Sobreira, desenhos de Israel de Oliveira e Allan Jefferson, além da arte-final de Jefferson de Lima e tratamento digital de Tony Paixão. 

Observamos algumas referências de xilogravuras e imagens de personagens históricos e a maneira como são representados. 

Esboço

- Buscar representar os elementos presentes na tradição cultural religiosa de Juazeiro destacando seu líder Padre Cícero.

- Elementos gráficos: A estátua de Pe. Cícero, outros elementos presente nos movimentos pulares em torno da sua imagem.

Tipografia

Optamos por usar nos títulos a fonte Xilo Prosa, tamanho 26px.
No texto, foram usados fontes clássicas como Times New Roman, já que é boa para leitura e também concilia bem com a nossa temática. 

Imagens/ Simbolos/ Ícones
Foram escolhidos de acordo com a tradição, utilizando-se do cordel como elemento mais inspirador, e sua estética foi reproduzida.

Implementação
Desenhos feitos no flash a partir de referências encontradas na web as quais foram referenciadas aqui nesse documento. Apenas a imagem do cordel não é nossa, aqui os créditos:  http://basilio.fundaj.gov.br/pesquisaescolar/index.php?option=com_content&view=article&id=305&Itemid=191

Logotipo

Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/

Logo foi encontrada em outro trabalho do csszengarden, achamos interessante, optamos em utilizá-la.

Refinamento

Testamos vários estilos até chegarmos a decidir pela Xilogravura, a proposta gráfica foi decidida pela equipe antes do estilo.

A ideia implementada utilizou-se como referência um exemplo encontrado no csszengarden   (Bandwidth graciously donated bymediatemple. http://www.csszengarden.com/?cssfile=171/171.css)

Imagens/ Simbolos/ Ícones
Foram escolhidos de acordo com a tradição, utilizando-se do cordel como elemento mais inspirador, e sua estética foi reproduzida.

Implementação
Desenhos feitos no flash a partir de referências encontradas na web as quais foram referenciadas aqui nesse documento. Apenas a imagem do cordel não é nossa, aqui os créditos:  http://basilio.fundaj.gov.br/pesquisaescolar/index.php?option=com_content&view=article&id=305&Itemid=191

Briefing

Definições

Briefing - Criar uma peça para o site Zen Garden, abordando um tema regional, mas dando-lhe um caráter sofisticado, sem cair no lugar comum.

·      

●      Interpretando o briefing:

1.  Criar uma peça – Sobre que tipo de peça se trata? Ao primeiro momento fica claro que se trata de uma peça para um site. Mas que tipo de peça o são trabalhadas no Zen Garden, já que esse é o site em questão? Sobre o que se trata o Zen Garden?

2.  Zen Garden – O que é o Zen Garden?  O CSS Zen Garden é uma World Wide Web desenvolvimento de recursos. O objetivo do site é mostrar o que é possível com CSS baseada em design. As folhas de estilo criadas por designers gráficos de todo o mundo são usados ​​para alterar a apresentação visual de um único HTML, produzindo centenas de desenhos diferentes. Além da referência a um arquivo CSS externo, nunca a marcação HTML em si muda. Todas as diferenças visuais são o resultado da CSS (e apoiando as imagens).

3.  Tema regional – O que seria um tema regional? Regional segundo o dicionário Aurélio,  é “ Relativa a, ou próprio de uma região. Então iremos abordar no projeto um tema próprio de uma região, seja ele artístico, costumes, crenças, entres outros. Mas esse tema não estar fechado, a única coisa concreta é que teremos que abordar algo regional e agora o que iremos abordar que tenha esse caráter regionalista? Vamos pesquisar e escolher um tema adequado.

4.  Tem que ter um caráter sofisticado – O que se entende por sofisticado?  Sofisticado segundo o dicionário Aurélio, é  “1. Artificial, afetado 2. Falsamente refinado ou intelectual 3. Requintado ao extremo”. Já segundo o michaelis, sofisticado, é “1 Falsificado, adulterado. 2 Que tem sutileza ou sutilidade sofística. 3 neol Que perdeu caráter ou simplicidade naturais; caviloso, pedante. 4Que é exigente; que é difícil de contentar; afetado, excêntrico. 5 De alto nível, diferente, único, extraordinário”. Sem duvida o maior desafio será conseguir esse ar de sofisticação, pegar a essência do conceito do que é ser sofisticado e então torna nossa peça a ser desenvolvida sofisticada.

Conclusões finais a partir da interpretação: A peça a se criar trata-se de uma modificação em um pagina HTML e CSS já existente no Zen Garden, onde será apenas alterado o CSS da pagina, buscando-se dar-lhe um tema regional a partir da modificação de seu CSS, ou seja, alterando-se apenas a aparência do site. Não esquecendo que será preciso dar um ar de sofisticação na peça em questão ao se aborda um tema regional, e esse será o maior desafio durante o processo criativo e o desenvolvimento.

Objetivos – Criar uma pagina web com um tema regional a partir da modificação de um CSS já existente.

●     ·        Perguntas:

1.  Quem é o cliente e o público de interesse?  O cliente se trata do Zen Garden, onde se trabalha com criações Web, e visa com o hotsite criar um concurso que melhore o layout de um arquivo html. Já o publico de interesse se trata de Web Designers, estudantes e programadores que tenham conhecimento em HTML e CSS.

2.  O que o cliente tem em mente em relação à solução de design? O solução de design a ser realizada será designada a uma pagina web que ira tratar um tema regional.

3.  Quando o design será necessário e por quanto tempo? O design será utilizado na pagina do Zen Garden por um tempo de duração não determinado. (Falta complementar a ideia)

4.  Onde o design será usado? Será usado na web, disponibilizando-se para as mais diversas pessoas que tenham interesse, mas o publico mais especifico se trata de web designers.

5.  Porque o cliente acredita que uma solução de design será necessária? Para uma melhor utilização de uma apresentação de website já existente, adaptando-a para a melhor apresentação de um tema regional.

6.  Como a solução será implementada? Através da modificação do CSS já existente, adequando-o aos objetivos pretendidos. 

Objetivo – Demonstrar forma criativa a apresentação de um conteúdo HTML através da modificação do CSS e abordar um tema regional de forma sofisticada.

Checklist  [desgn thinking]

Você  tem o feedback de projetos anteriores?

Você  tem a composição estatística do grupo de usuários?

Você compreende o mercado-alvo?

Qual é o nível de escolaridade do grupo de usuários?

Qual é o estilo de vida típico do grupo de usuários?

Quais são os sonhos e ambições do grupo de usuários?

  Tentamos responder a essas perguntas, fizemos questionários e analisamos as respostas. Daí também tiramos inspiração para decidirmos o tema do nosso trabalho.

Defesa da marca | Id Vision

O público alvo da IDVision são empresas, de qualquer porte, que precisam de uma vinheta de identificação para exibir em apresentações de mídia. 

Definição da direção de design da marca: Divergente.

Definir 5 qualidades da empresa: a empresa prima pela qualidade do serviço prestado, atender adequadamente o usuário, designers proativos, visão de crescimento tanto institucionalmente quanto dos seus empregados e pontualidade. 

Definir 5 diferenças:  Gera vários protótipos, o cliente participa do processo em tempo real ele pode on-line dar sugestões, conselhos de gente experiente, trabalhamos também com plataformas mobile e portifólio comentado mostando os protótipos anteriores de cada um (dá a ideia da evolução pelo que o processo passa).

Definir e justificar movimento artístico ou escola de design guia. Cubismo/ Concretismo - Letras assumindo formas geográficas. Uso de um conceito minimalista, mas sofisticado.

          Elementos de inspiração e refinamento

   
 Harmonia Cromática: Análoga (cinza e azul)

Cartões

Logo

ID vision from Israel Herison