ProjectoFinal CGLM
From LABMM1_IDE
(→Diário de bordo) |
(→Diário de bordo) |
||
| Line 85: | Line 85: | ||
A aplicação já se encontra quase concluída. O grupo reuniu-se para dar início ao relatório. | A aplicação já se encontra quase concluída. O grupo reuniu-se para dar início ao relatório. | ||
| + | |||
| + | <gallery>File:MF.png|Ecrã concluído</gallery> | ||
== Identidade Visual == | == Identidade Visual == | ||
<gallery>file:VI_modernfamilywebsite.jpg|Identidade Visual Modern Family Website</gallery> | <gallery>file:VI_modernfamilywebsite.jpg|Identidade Visual Modern Family Website</gallery> | ||
Revision as of 16:23, 29 December 2010
Contents |
Constituição do grupo
Sobre o Projecto
Vamos desenvolver uma aplicação online de promoção a uma série televisiva, "Modern Family".
Foi atribuído o nome "Modern Family WebSite" ao nosso projecto.
O registo de imagem que usaremos será uma mistura de vectorial e bitmap. A escolha pelo vectorial deveu-se principalmente a problemas como direitos de autor das imagens ou a dificuldade de encontrá-las.
A aplicação conjugará várias cores, sendo que as principais são as que se seguem.
 |
O tipo de letra a usar será, provavelmente, Helvetica.
O modo de interacção com a aplicação consistirá num paradigma ambiente, onde botões estão embebidos no cenário e o utilizador pode interagir com alguns elementos.
Diário de bordo
25 de Novembro
Formação do grupo e escolha do tema do projecto, através da consulta de outros websites como meio de inspiração.
29 de Novembro
O grupo juntou-se para discutir ideias, foi elaborado um esboço do que, em princípio, será a nossa aplicação. Definição de objectivos para cumprir até ao final da semana.
 Esboço da aplicação. |
2 de Dezembro
No dia de hoje, fizemos recolha de imagens das personagens que vão ser usadas na aplicação. Foi também decidido que afinal os cenários vão ser imagens vectoriais. Os cenários que servirão de base para a ilustração vectorial são os que se seguem:
 Esta é a imagem a ser usada como base para a introdução da aplicação. A ideia é aparecer inicialmente a casa, e depois alterar a perspectiva para dentro dela. |
 Imagem original da sala. |
 No Photoshop, através da ferramenta Crop, activámos a opção perspective, de forma a obter uma imagem com outra perspectiva da imagem original. Isto facilita a ilustração vectorial e a interacção do utilizador com a aplicação. |
3 de Dezembro
Elabaroção de uma base da sala onde acontecerão a maior parte das interacções utilizador-aplicação.
 Através da imagem original que tínhamos conseguido no dia anterior, foram criadas as principais linhas que definem a sala, e foram feitas algumas alterações. |
7 de Dezembro
Elaboração da arborescência da aplicação.
File:Arborescência modernf.pdf
9 de Dezembro
Continuação da ilustração e preenchimento do cenário interior da casa. Os padrões, encontrados no google images, foram aplicados no Illustrator. De seguida, cada um dos objectos foi isoladamente tratado no Photoshop, com a atribuição da textura canvas (para dar um aspecto de cartão à imagem) e alteração das tonalidades. Os objectos foram também importados para um ficheiro do Flash, e foram feitas as primeiras animações. O resultado está esquematizado nas imagens que se seguem.
Ecrã
 Início da animação. Sala sem quaisquer objectos. |
 Os objectos começam a surgir de todas as direcções, arrastados ou caídos de cima. As setas a vermelho representam alguns desses movimentos. |
 Aparência final da animação inicial. Aqui, já os objectos necessários se encontram sob a forma de botões. |
Este será o ecrã principal, onde estarão embutidas todas as opções da aplicação.
13 de Dezembro
O grupo fez a apresentação final do projecto na disciplina de Imagem Digital Estática, em que foram apresentados aspectos como o tema visual, requisitos funcionais, arborescência da aplicação e os principais elementos do guião da aplicação como os ecrãs tipo e a identidade visual.
 Este será o momento inicial da aplicação, em que ao passar o rato pela porta o utilizador será "absorvido" para o interior da casa. A vectorização do cenário encontra-se parcialmente concluída, faltando ainda a inclusão de alguns elementos estéticos. |
14 de Dezembro
Mudança das cores do ecrã principal.
 A barra beje será o local onde estarão dispostos os botões de controlo de som e o logo da série. |
29 de Dezembro
A aplicação já se encontra quase concluída. O grupo reuniu-se para dar início ao relatório.
 Ecrã concluído |
Identidade Visual
 Identidade Visual Modern Family Website |
