Aprendizado Adquirido com Trabalho Final

O trabalho final foi uma experiência muito boa, que me proporcionou muitos aprendizados, principalmente relacionados a convivência em grupo. Eu e minha equipe passamos longos momentos juntos para que o trabalho pudesse ser concluído, e esses momentos foram preciosos para a construção de conhecimento. Nós tínhamos idéias de opiniões diferentes, mas através do dialogo conseguimos aproveitar o que cada um tinha de melhor para oferecer.

A primeira etapa a ser realizada foi a documentação, onde tivemos que discutir tudo que seria construído e como seria construído, documentando através do Design Pedagógico e Roteiro. Depois fizemos a escolha das cores, da ordem dos elementos, dos objetos que apareceriam na tela e da tipografia utilizada, tomando o cuidado para que tudo ficasse de acordo com a mensagem que seria transmitida. Procuramos usar elementos e cores mais infantis, pois nosso publico alvo eram crianças de 10 à 13 anos. No final foram feitas as animações, a programação e o site.

Por fim, foi recompensador, aprendemos muito uns com os outros e tivemos bons resultados, mas isso graças ao trabalho duro prestado por todos os integrantes da equipe.

Equipe Cookie : Dêmora Bruna, Deivith Silva, Édipo Souza e Rodrigo Lucas

Link para o trabalho final: edipo2s.x10.bz/Trabalho Final S-2.swf

História das Fontes

Comic Sans

Em 1994 a Microsoft estava desenvolvendo um grande número de softwares para desktop, e um dos principais conceitos desses softwares é que eles deveriam ser graficamente mais amigáveis. Em uma das equipes de design da Microsoft trabalhava Vincent Connare.

Connare ficou chocado ao abrir uma versão de teste de um programa chamado Microsoft Bob, desenvolvido para crianças e usuários novos, ao perceber que a tela de boas-vindas tinha um cachorro cartoon, chamado Rover, conversando através de um balão, esse balão apareceu com a fonte Times New Roman. Connare, imediatamente tirou de sua gaveta 2 gibis, “The Dark Knight Returbns” e “Watchmen”, e começou a desenvolver uma fonte. Dentro de apenas uma semana ele havia projetado o seu legado onipresente.

O nome original que Connare batizou a fonte foi Comic Book, mas mudou por não achar que soaria bem, daí ele substitui o Book pelo Sans, pelo fato da fonte não ter serifas, exceto o I maiúsculo.

A fonte inicialmente foi usada pelo Microsoft 3D Movie Maker em balões de fala. Mas esse software foi implementado, e, passou a usar som no lugar dos balões. Então a fonte continuou a ser utilizada em pop-ups e caixas de diálogo.

Como a Comic Sans mostrou-se ser útil ela foi incluída nas versões OEM do Windows 95, Windows 95 Plus Pack, Publisher e Microsoft Internet Explorer.
Daí em diante a fonte podia ser encontrada em panfletos, anúncios da Disney e tags Beanie Baby, jogos infantis, revistas em quadrinhos, e-mails de negócios, placas, diversos sites, lápides e em cartazes de hospital sobre o câncer de intestino.

Fonte: http://espaco.com/design/a-historia-da-comic-sans/

Helvetica

A Helvetica é uma fonte sem serifas desenvolvida em 1957. O nome Helvetica é uma referência ao nome da Suíça em latim, pois esta é a pátria de seu autor (Max Miedinger) e também do Estilo Suiço, nome alternativo do Estilo Tipográfico Internacional, do qual a Helvetica é representante.

Trata-se de uma das famílias de tipos mais populares no mundo contemporâneo, sendo representada nos logotipos de empresas como 3M, AGFA, BASF, American Airlines, BMW, Lufthansa, Microsoft, Mitsubishi Electric, Nestlé, Panasonic, Parmalat, Saab, Samsung, Seagate, Target e Texaco, bem como nos mais variados produtos.

Criada para ser uma alternativa à então popular Akzidenz Grotesk (nascida em 1896), a Helvetica alcançou o sucesso rapidamente, e no começo dos anos 80 passou a ser uma das 4 fontes incluídas junto aos interpretadores Postscript originais (em todas as impressoras laser “clássicas” e de primeira linha), bem como ser por default no Mac OS, por exemplo – porque a Apple não viu nenhum problema em obter (e pagar) a licença para isto.

Fonte: http://chrdesigner.com/blog/index.php/helvetica-e-arial/

Storytelling - My Memories

Análise

O Storytelling My Memories conta de maneira simples as fases básicas da vida humana. Mesmo que não cheguemos a vivenciar toda elas, conhecemos pessoas que viveram ou estão vivendo algumas destas fases e que nos transmitem experiência, segurança, precauções,sabedoriae entre outros capacidades. Cada fase em si é rica, e mesmo que quisessemos expressalas em si não conseguiriamos, pois cada pessoa tem sua experiência particular em cada uma delas e as impressões de cada um delas é que nos vai formando como pessoas e nos tornando mais humanos com o decorrer do tempo. Então, este storytelling é uma pequena amostra de cada fase humana e de caracteristicas comuns a todos nós.

Os conceitos visuais aplicados, neste trabalho, foram trabalhados tentando relaciona-los a cada fase desenvolvida no storytelling. Na fase da infância aplicamos o equilibrio,a simetria,repetição,nitidez,minimização, simplicidade e alternamos economia e um pouco de exagero. Também, procuramos usar cores mais claras, que transmitissem, leveza,alegria e aventura. Aplicamos esses conceitos nesta fase por ser uma fase mais livre sem obrigações, preucupações, onde cada um de nós basicamente aprendemos. Na fase da adolescência utilizamos alguns conceitos presentes na infância, mas acrescentamos o exagero, a fragmentação,a unidade e a complexidade. Nesta fase utilizamos tais conceitos por ser uma etapa na vida de experimentação, mudança, conflitos, formação mais solidificada como pessoa, onde a pessoa já adquiri responsabilidade, tambem nela, utilizamos cores mais alegres, mais despojadas e mais neutras. Quando a maturidade chega o ser humano se depara com uma situação meio que imposta. É quando as responsabilidades gritam mais que na adolescência e o individuo põe a prova aquilo tudo que ele carrega como pessoa, valores, conhecimentos, esperanças,planos,mas,tambem, é uma fase de concretizações onde ele já deseja relacionamentos serios buscando uma pessoa que o complete. Aplicamos nela a difusão, paradestacar a busca do destaque no meio profissional,o equilibrio, simetria e outras técnicas contidas em outra fases. As cores,nesta fase, são mais serias.

A fase velhice é a mais rica e , talvez, a que despertou este trabalho, pois ela é a fase das memorias, dos conselhos e a que nos alivia, pois é o inicio de um descanso. Aplicamos cores mais tons pasteis e trabalhamos simetria, nitidez e entre outras técnicas já expostas.


Clique aqui para assistir ao vídeo!

Storyboard

OBS: Clique sobre a imagem para uma melhor visualização ou faça o download da imagem clicando aqui.

Digital StoryTelling

Equipe: Dêmora Bruna
Maryane Freitas
Rodrigo Lucas

Análise

O storytelling "A Vida" aborda a temática da vida humana focada em cada fase de amadurecimento do homem. Abordando as temáticas gerais da vida de forma simples e objetiva associando fotos e sons para cada fase.

No storytelling "A Vida" trabalhamos conceitos visuais de equilíbrio e simetria, como na imagem dos dois senhores conversando e da família olhando o mar, assimetria na imagem de formaturas e de estudo preparatório para o vestibular,a ideia de simplicidade como a das irmãs mexendo no computador e e a das mãos do casal em cima do buquê. O conceito de economia foi trabalhado com a imagem das crianças sentadas no tronco e a minimização com a da criança brincando com os dados,dando a ideia de felicidade. O exagero foi trabalhado nas fotos dos estudantes na sala fazendo exercícios e se formando. A nitidez , tambem foi trabalhada na maioria das fotos, e a difusão em algumas fotos como a da mulher executiva.

Assista o vídeo clicando aqui.



Storyboard

Obs: Clique nas imagens para uma melhor visualização.

TV Gourmet

Para compor a logo marca da TV Gourmet me preocupei em mostrar a relação que existe entre a pessoa que cozinha e o ato de cozinhar. Por isso utilizei a leras “T” e “V” para representar uma pessoa cozinhando. Utilizei basicamente círculos e linhas na composição da imagem. Os círculos foram empregados para representar um prato ao fundo e as linhas foram colocadas de forma ondulada para dar uma idéia de leveza e liberdade, já que na culinária usa-se muito a imaginação e a liberdade de criação para dar origem a diversos pratos. Para a palavra Gourmet foi escolhida a fonte Mistal, apoiando também a idéia de liberdade.

Como o equilíbrio é a referencia visual mais forte e firme no homem, procurei enfatizar os elementos principais colocando-os no eixo sentido do maior círculo que se encontra na figura. Portanto “TV” está localizada no eixo vertical e “Gourmet” está no eixo horizontal. A cor escolhida para “TV” e “Gourmet” foi o laranja-avermelhado, por ser uma cor quente e viva dá maior destaque a esses elementos em relação aos círculos ao fundo, que possuem um laranja com um tom escuro (círculo grande) e um laranja menos saturado (círculo pequeno). Existe também um contraste entre o círculo menor e elemento que se encontra no seu cento, e entre a palavra “Gourmet” e a cor branca que está atrás.

Portfólio

Concluí o curso Técnico em Informática pelo IFCE Camus Maracanaú. Por isso neste poste está uma breve descrição de alguns trabalhos que fiz ao longo do curso. Clique no link abaixo da descrição para fazer o download do código fonte do respectivo trabalho.


Sistema Eleitoral:

Sistema de votação pela internet, feito em HTML e PHP. O sistema permite o cadastramento de eleitores, o cadastramento de candidatos para a eleição, votação e apuração de votos.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5OWRjN2Y3MDYtMjNkYy00MTljLThhMjUtMGZiYWQ3NzVkY2Ri&sort=name&layout=list&num=50

Sistema Manter Usuário:

Sistema de cadastro de usuários, feito em Java e MySQL. O sistema cadastra usuários e grava em tabelas no banco de dados, permite a exclusão dos usuários e pesquisa rápida através do número de CPF.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5NzUzZjE2YzQtMWY2Yi00YWE1LTk5Y2UtNDQ3MWE2MDYzNGI0&sort=name&layout=list&num=50

Cadastro de Alunos:

Sistema construído em linguagem C. Permite o cadastramento de alunos e suas respectivas notas utilizando manipulação de arquivos para garantir a persistência de dados. Também exibe média, mediana e moda das notas cadastradas.

https://docs.google.com/leaf?id=0ByC9cg4ZHGZ5MmM3NWZlZDYtNGY0MS00YjFmLTkzMjgtN2FkYWMwY2I4Y2Qx&sort=name&layout=list&num=50

Participei da construção do site da área de Telemática do IFCE Campus Maracanaú, trabalhando com JSP, PostgreSQL e JavaScript. No momento o site não está publicado, pois ainda está sendo terminado e testado. Mas em breve estará disponível na rede.

Gestalt

O circulo é formado apenas por lisrtas escuras, curvas com espessuras diferentes. Mas nosso cérebro reconhece vários círculos com cada uma das partes das listras, e ao tentar juntá-los para interpretar a imagem, temos a sensação de relevo e movimento.



Podemos ter a sensação que os soldados são de tamanhos diferentes, mas são iguais. As linhas por trás e abaixo deles causa essa ilusão em relação ao tamanho.