Texto reflexivo

A experiência de se trabalhar sozinho no projeto final foi boa. Só errei em não ter entrado em uma equipe. Durante o desenvolvimento do trabalho tive várias dificuldades. A primeira era conseguir os programas da adobe que não rodavam mais no meu computador. Depois ter a paciência em trabalhar em uma máquina que travava o tempo todo. E por último cada etapa do processo de criação foi difícil: desenhar, vetorizar, pesquisar, programar e outros. Sem contar que o certo é você fazer o roteiro e depois começar a desenvolver o projeto. Mas quando você escreve e não sabe colocar em prática, não adianta de nada. E foi isso que aconteceu. Mudava o trabalho o tempo todo, pois não sabia como começar na programação e ficava muito tempo querendo solucionar um problema. Na hora de postar o arquivo SWF no “site”, que por sinal está incompleto, o wordpress não tinha a opção de inserir o arquivo SWF. 

Durante o processo de criação do projeto final, quis inserir alguns elementos que foram ensinados em sala. No projeto tentei colocar equilíbrio na composição das imagens e também simetria para que ficassem alinhados de forma iguais. Utilizei também contraste entre as cores do layout para que ficassem ajustados. E por último, usei como técnica de comunicação visual à exatidão na centralização de cada parte do layout como, por exemplo: na construção do topo, dos menus, botões e a animação.

Apesar de não ter concluído o trabalho com sucesso, fico feliz porque tive a chance de aprender a utilizar os softwares que alunos de mídias digitais deverão trabalhar durante todo curso. Outra vantagem é poder aprender um pouco sobre as atividades de profissionais que trabalham com objetos de aprendizagens.

storyboard do trabalho final (rascunho)

Cores e Harmonia cromáticas

 

Na minha pesquisa sobre o tema cores e harmonia um dos itens fundamentais em qualquer design web é a cor. Uma cor mal escolhida pode desviar o olhar, atrapalhar o conteúdo ou até mesmo fazer com que o leitor se sinta irritado, caindo fora do site. Por isso uma boa combinação de cores é de extrema importância na criação de um bom design.

Abaixo um comparativo de um bom e um mal uso da cor.

 

Cuidado com o contraste entre o fundo do  e o conteúdo. Note que o rosa vivo do background puxa os olhos para fora do conteúdo, o que não é bom para a leitura. Lembre sempre de priorizar o conteúdo, fazendo com que sua leitura seja facilitada.

 

Banda Calcinha preta: para quê usar um bege clarinho no fundo junto com outro bege um pouquinho mais clarinho na chamada se não dá para perceber a diferença entre os dois tons? Fique ligado também no contraste de cores entre fontes e fundo. Note que a chamada “Adquira já” está em amarelo claro com fundo também claro. E sabemos que claro com claro não dá leitura. Além disso não se esqueça que fotos possuem milhões de cores em sua composição. Misturar dezenas delas como é o caso do exemplo só gera um resultado: poluição visual.

FAÇA ASSIM

http://www.braziltour.com/heritage/html/pt/pc_pch.php

 

Patrimônios do Brasil: um bom exemplo de uso de cores e gradientes em favor do conteúdo. O fundo do site utiliza um bg muito apropriado, patterns semelhantes a azulejos antigos, num tom leve de bege. O fundo do conteúdo também é bege, com um leve gradiente, dando um bonito efeito de sombra e de objeto envelhecido. Nesse caso as cores estão sóbrias e os tons de vermelho, apesar de serem vivos, são em pequenos toques, não irritando o olhar nem atrapalhando o conjunto.

FONTES

Times New Roman

A Times New Roman é uma família tipográfica serifada criada em 1931 para uso do jornal inglês The Times of London. Hoje é considerada um dos tipos mais conhecidos e utilizados ao redor do mundo (em parte devido ao fato de ser a fonte padrão em diversosprocessadores de texto). Seu nome faz referência ao jornal (Times) e ao fato de ser uma releitura das antigas tipografias clássicas (new roman).

a

Arial

Arial é uma Família tipográfica sem-serifa, ou seja, um conjunto de fontes (como Arial Bold, Arial Italic, Arial Bold Italic) derivadas da fonte "padrão" Arial (ou Arial Regular). Também pode designar uma fonte específica, a Arial Regular (normalmente não se utiliza o termo "regular" para uma fonte sem negrito, itálico, condensada ou expandida).

A Arial é conhecida entre os designers gráficos pela sua semelhança com um tipo bastante famoso na história do design moderno, aHelvetica da Linotype. No entanto, são comuns as críticas à Arial que atribuem-lhe um papel de "cópia inferior da Helvetica".

MATERIAL DISPONÍVEL -- STORYBOARD, ROTEIRO E ARQUIVO EXECUTÁVEL(PROJETO FINAL)

Segue em anexo o link onde você poderá ver todas as imagens que foram usadas para criar o digital storytelling.

Storyboard. link: http://www.4shared.com/file/9JfZDPvr/Storyboard.html

Segue em anexo o link onde você poderá ver o roteiro usado para criar o digital storytelling.

Roteiro. link:http://www.4shared.com/file/g1df5iAi/narrao.html

Segue em anexo o link onde você poderá ver o arquivo executável feito software windows movie maker.

Arquivo executável. link:
http://www.4shared.com/file/SJAmfNCR/projeto_final.html

Digital storytelling - Texto reflexivo

Digital storytelling

O primeiro desafio foi tentar reduzir o grande número de textos da narrativa na quantidade que se encaixasse no vídeo de forma que o conteúdo não ultrapassasse 15 minutos. Pesquisei juntamente com meus colegas de sala Jefferson e Alan várias imagens de consoles, sons para jogos e o conteúdo da narração. 

Depois que o conteúdo foi achado e selecionado, foi à hora de narrá-lo. A narração foi muito difícil, pois errei muito na execução da fala e sei que a qualidade do som não ficou boa. Outra dificuldade foi o design de som. Achar músicas de jogos de várias épocas não é tarefa fácil. Porém, o mais complexo foi montar o storyboard, pois é como montar um quebra-cabeça, ou seja, você tem que encaixar a transição das imagens de forma harmoniosa com a voz e o som dos jogos. 

Eu e meus colegas tivemos a preocupação em escolher imagens que proporcionassem alguns princípios de composição visual como: regra dos três terços, repetição, contraste, proximidade da minha voz com o som e por último a simetria e assimetria nas imagens do storyboard.