Novo visual e começo das interações com redes sociais.

Depois das interfaces finalizadas, pudemos rever o visual usado no pd. E a partir de agora usar um novo layout, principalmente nas redes sociais.

No twitter começamos a ação que terá ligação com a interface da Donzela. Frases de amor, acompanhadas da tag #twitteoamor

Entrega do Projeto de Design

Na última quarta feira, dia 31/03, fizemos a entrega do Projeto de Design. O projeto ainda tem um nome provisório, pois durante o desenvolvimento do conteúdo nós percebemos que ele ainda precisa de um ajuste.

A orientação de entrega foi rápida, com alguns comentários diretos.

- A orientadora Rachel nos questionou sobre a identidade visual do projeto. Ela disse ideal é que as referências para a construção da mesma tivessem vindo de forma mais direta do Painel Semântico, porém ao explicamos o processo de criação da identidade e a finalização do painel, ela compreendeu nossa idéia.

- O PD está muito textual ainda e por conta disso os orientadores não puderam avaliar muita coisa na orientação. Faltou colocar mais exemplos de como serão as interfaces e também wireframes explicando as interações.

- Para a próxima semana precisamos iniciar o desenvolvimento das interfaces . Cada integrante do grupo deverá fazer ao menos 2 estudos de cada interface. O objeto é além de desenvolvermos várias idéias, verificar se todos estão sincronizados com o processo de criação.

Já na orientação do professor Marcelo Falco no dia 01/04, conversamos um pouco mais sobre a Proposta de Design.

Primeiro, falamos da peça off-line. O professor gostou da idéia, porém ele pediu para tomarmos cuidado para não parecer uma adaptação da peça digital. Devemos explorar um pouco mais as possibilidades que o design gráfico pode nos dar. Ela deve ser um complemento da peça on-line e não uma adaptação.

Ele gostou da idéia de colocarmos o livro numa caixa ou um pequeno case, pois pode acontecer de ele ficar meio grosso ou pesado.

Quanto às tipografias, ele fez apenas um comentário do tipo da Honra: poderia haver algumas serifas.

Tratando de interfaces, conversamos de na mentira colocarmos interação com cuepoints no mouse-over do vídeo. A idéia é boa porém devemos ter cuidado ao construir a interface, por conta da tecnologia (vamos usar apenas aquele trecho em Flash ou a página toda?)

Quanto à interface da Cobiça, comentamos de o usuário poder se aprofundar em três "níveis" dentro de cada "ilha". Ele sugeriu uma maneira de abordarmos as três dentro do mapa de navegação: podemos fazer um círculo grande com as representações das "ilhas" dentro. Isso já demonstrará que são três "segmentos da interface" dentro de uma mesma interface.

Quanto à interface da Donzela, nela também haverão elementos que serão relativos ao caminho que o usuário está fazendo.

No mapa digital que montamos, poderiamos ter destacado os elementos clicáveis e não clicáveis.

Nas interações de transição, haverá um preloader para a próxima interface com elementos que representem a transição (textos, imagens, etc).

Orientações de ontem e hoje

Ontem finalizamos o Painel Semântico, finalmente!!
Segue a imagem com o resultado final:


Sendo assim, agora vamos dar continuidade ao PD, começando tarefas novas e concluindo as iniciadas domingo.

Fim de semana no CCSP

Ontem pela manhã nos reunimos no CCSP para finalizar as ligações do Painel Iconográfico e começar a discutir as tarefas do PD.

O resultado do Painel foi o seguinte:

Os grupos todos ficaram ligados de acordo com o esquema que definimos na última 4a feira durante a orientação. Esse esquema já é a base para a navegação do site que vamos criar, sendo que cada grupo é referente a uma interface.

Com isso feito, discutimos tipografia e paleta de cor que usaremos no projeto. Tiramos do painel fotos das referências que serão usadas na escolha de tipografia e também dos pedaços que serão referência de cor.

Finalmente, reorganizamos as tarefas do PD para serem feitas durante a semana.

Alterações no Painel Iconográfico

Na última orientação (dia 17/03), recebemos orientação na aula do TCC sobre o Painel Iconográfico.

Eles fizeram algumas observações importantes. Embora o conceito esteja bom, as imagens estão complicadas e o painel no geral está muito tímido. Tudo muito pequeno, simples. Além disso, as imagens estão subjetivas demais e fica dificil de entender.


Além de alterarmos as imagens, para a próxima orientação teremos que trazer já materiais do PD. Esta etapa exige atenção pois está um pouco atrasada.


Em cima disso, começamos a trabalhar na alteração do painel ainda na aula. Levantamos algumas idéias e dividimos o painel para que cada um ficasse responsável por uma parte.


Na quinta feira (dia 18/03) começamos a recortar e montar o painel. Aproveitamos as duas aulas do dia para isso, e também a primeira aula de sexta (19/03).


Na aula do prof. Marcelo Falco na quinta feira, ele também nos passou explicações sobre o desenvolvimento do PD.


No fim da sexta feira, o resultado parcial de alguns dos grupos do painel era o seguinte:

Donzela

Loucura

Materialismo

Batalha

Continuação do Painel Iconográfico

No fim de semana, cada um ficou responsável por algumas tarefas relacionadas ao PD. Já o Daniel ficou como responsável por terminar de montar as coisas do Painel Iconográfico, de acordo com o conceito que criamos na sexta feira. Já a Milena ficou responsável pelo grupo de Narrativa, o qual ela fez a postagem explicando o processo no último domingo.
Com isso, na terça feira usamos a aula de Direção de Arte do prof. Claudio Ferlauto para discutir o resultado final dos grupos, e ver a opinião do professor. Ele fez algumas questões como o conteúdo das imagens e também as ligações entre os 6 grupos. Quanto ao grupo de Narrativa, decidimos deixa-lo de lado por enquanto, pois acreditamos que ele dá a base para que o resto aconteça.
Após discutirmos as relações e fazermos algumas alterações, chegamos no seguinte resultado:

Mentira

Materialismo

Donzela

Loucura

Honra

Batalha

Amanhã precisaremos ver o que os orientadores acham do nosso painel. Nós acreditamos que houve uma evolução muito grande, e o conceito está muito bom. Claro que precisamos ver alguns pontos, como as ligações. Isso também será discutido amanhã.

Composição área 4 do painel.

Como disseram no outro post estou responsável por uma parte adjacente do painel iconográfico que centraliza as informações da área de hipermdia e tecnologia.

Essa composição partiu da parte central um circulo de arte cinetica que representa o dinamismo das informações em cima duas imagens se completam, apesar de serem bem distintas formando assim a co-autoria. O circulo tipográfico que sai do circulo de arte cinética representa a interação e saindo dele os ornamentos azuis/roxos descentralizam a composição pesando para o lado esquerdo, abaixo temos a multiplicidade de formas. Partindo para o lado direito temos o amarelo ressaltando hiperlinks e tecnologia. O circulo rosa representa um tunel, formado por informações trabalhando o multitemporal.
Nas laterais temos composições orgânicas que fecham a composição com o não linear e aleatório.
As cores se separam por áreas temos a direita a grande área azul/roxa a esquerda o rosa. O verde forma uma reta na diagonal da base, passando pelos links e chegando ao aleatório e o amarelo fica no intermédio  do verde com o rosa.