Design de Comunicação e Audiovisuais

Introdução

Apoio e referências para as aulas de Design de Comunicação e Audiovisuais(DCA) do Curso Profissional Técnico de Multimédia da Escola Secundária Eça de Queirós, Póvoa de Varzim.

Design de Comunicação e Audiovisuais é uma disciplina de 350 horas e 11 módulos, distribuídas por três anos ao longo do curso. Neste ano lectivo, serão dados os seguintes módulos:
1- Fotografia Digital (28 tempos lectivos);
2- Teoria do Design (40 tempos lectivos);
3- Comunicação Visual (40 tempos lectivos);
4- Design Multimédia (52 tempos lectivos);
5- Arquitectura de Informação (40 tempos lectivos).

Esta disciplina tem uma forte componente prática para a aplicação e o desenvolvimento de alguns conceitos estruturantes na produção de conteúdos multimédia. Nos processos de produção de conteúdo deve valorizar-se a iniciativa dos alunos, o seu sentido critico e a autonomia. Com Design de Comunicação e audiovisuais pretende-se que os alunos desenvolvam a sua capacidade tecnológica.

Os processos a ter em conta na avaliação continua são: a assiduidade, o interesse, a participação nas actividades e evolução da capacidade tecnológica individual. Deverão ser avaliados pelos trabalhos práticos na forma de projectos que se devem aproximar da realidade do mercado de trabalho.

Competências a desenvolver

- Identificar os factores históricos, sociais e culturais no fenómeno comunicativo.
- Compreender a imagem e os signos visuais.
- Trabalhar as diferentes formas de organização do espaço visual.
- Compreender o design e as suas áreas de intervenção.
- Compreender o conceito de narrativa audiovisual.
- Elaborar um storyboard.
- Compreender os conceitos fundamentais da imagem digital.
- Adquirir conhecimentos quanto aos fenómenos da luz e da formação da imagem fotográfica.
- Editar fotografias com softwares dedicados.
- Fotografar, conteúdos dados, com máquinas digitais.
- Compreender os processos de funcionamento e manutenção dos equipamentos audiovisuais.
- Captar imagens e sons com câmaras de vídeo dedicadas.
- Produzir e realizar um produto audiovisual.
- Adquirir competências para construir uma banda sonora.
- Compreender o processo de desenvolvimento de um produto multimédia.
- Conhecer as especificações dos diversos suportes multimédia.
- Compreender a importância da arquitectura de informação e o seu impacto numa aplicação multimédia.
- Adequar os fundamentos da imagem, fixa e em movimento, à concepção de uma identidade gráfica para os mais variados suportes: Papel, película, CDROM, DVD, entre outros.
- Utilizar uma cultura organizacional de trabalho.

Documentos

Projecto de Programa da disciplina
Sintese da planificação
Horário da turma

 

Módulo 1 | Fotografia Digital

Neste módulo pretende-se que os alunos adquiram conhecimento teórico sobre a formação da imagem fotográfica e o domínio dos princípios básicos da máquina fotográfica, da captura de imagem digitais e a sua edição em software próprio.

Os alunos devem devem ser orientados no sentido de desenvolverem as possibilidades técnicas formais e criativas da imagem digital. Aplicar terminologias adequadas no domínio da fotografia digital e trabalhar no sentido da compreensão dos conceitos fundamentais da imagem digital.

Pretende-se, igualmente, desenvolver um sentido estético e critico quantos aos valores expressivos da imagem.

Duração

28 tempos lectivos (Setembro / Outubro de 2009).

Marcadores

Breve história da fotografia e sua evolução.
Comparação entre a fotografia convencional e a fotografia digital.
Formação de imagem fotográfica.
Resolução e tamanho da imagem.
Formatos de imagem.
Luz.
Profundidade de cor.
Modos de cor.
Equipamentos de captura; câmaras fotográficas.
Capacidade e os limites da câmara, memórias, baterias.
Captura e modos de operação; automático e manual.
As objectivas.
Diafragma.
Obturador
Exposição e profundidade de campo.
Iluminação.
Temperatura de cor, filtros.
Enquadramentos (regra dos terços, linhas diagonais, ponto de fuga, linhas de horizonte).
Contrastes e texturas.

Apontamentos das aulas

Micro história da fotografia
Câmaras digitais
Aspectos técnicos da fotografia digital
Sobre composição

Fichas de actividade

Exercícios de ajuste de imagem
Exercícios de composição de imagem

Testes

Teste 1
Teste 2
Imagens do teste

Imagens

Retoque de imagem


Módulo 2 | Teoria do Design

Neste módulo pretende-se que os alunos entendam a evolução do design, numa breve visualização histórica que vai desde as suas origens à contemporaneidade e perceber a relação entre design, história e cultura. Pretende-se ainda que o aluno compreenda as principais funções do design e a sua importância no desenvolvimento e evolução dos objectos segundo determinados factores e princípios. No final do módulo o aluno deve estar apto a ver o design como uma expressão planificada de um propósito, e determinar o seu papel no âmbito de uma metodologia projectual.

Duração

40 tempos lectivos (Outubro / Novembro / Dezembro de 2009)

Marcadores

Questões acerca do Design

Evolução histórica do design:
A revolução industrial.
O movimento "artes e ofícios".
A arte nova.
Art déco.
Deustcher werkbund.
A Bauhaus.
Funcionalismo.
Escola de Ulm.
Modernismo / pós-modernismo.

Princípios e factores que caracterizam os objectos:
A natureza dos objectos.
Objecto, função e valor.
Famílias de objectos.
Factores humanos.
Factores económicos.
Factores ambientais.

Design:
Noção de design
Domínios do design
Critérios de avaliação do design
Metodologia projectual

Apontamentos das aulas

O Design é...
Os objectos
O ambiente da Revolução Industrial
Artes e Ofícios
Arte Nova
Werkbund
Bauhaus
Modernismo_pós-modernismo
Critérios não utilitários na avaliação de um objecto
Design
Metodologia Projectual

Fichas de actividade

Questões sobre a Revolução Industrial
Questões sobre o movimento Artes e Ofícios
Questões sobre a Arte Nova
Questões sobre a Deutscher Werkbund
Questões da Bauhaus à Metodologia Projectual

Testes

Teste1
Teste2

 

Módulo 3 | Comunicação Visual

Neste módulo pretende-se que os alunos desenvolvam a capacidade de expressão e comunicação visual. Compreendam a relação forma/função. Utilizem intencionalmente os elementos visuais e as suas interacções, para o enriquecimento da expressão e da recepção de mensagens visuais. Desenvolvam uma atitude crítica em relação ao ambiente visual.Promovam o conhecimento da organização perceptiva, em geral, e da percepção visual em particular.

Duração

40 tempos lectivos (Dezembro de 2009/ Janeiro / Fevereiro de 2010)

Marcadores

Gramática/códigos visuais:
Elementos da forma
Sinais e signos visuais.


Percepção e comunicação visual:
Psicologia da forma.
Linguagem das formas – linguagem não verbal
Percepção visual
A teoria da Gestalt – leis gestaltistas da organização Sensação/percepção.
Organização perceptiva – figura/fundo.
Agrupamento perceptivo (proximidade, semelhança, boa forma).
Ilusões visuais.


A definição das funções do produto:
Funções estético-formais.
Funções indicativas.
Funções simbólicas.


Expressão e representação:
Gráfica e plástica.
Bi e tridimensional.
Desenho.
Composição.


Suportes, materiais e técnicas.

Apontamentos das aulas

Gramática Visual / Ponto.
Gramática Visual / Linha.
Gramática Visual / Textura.
Gramática Visual / Cor.
Composição.
Introdução à comunicação visual.
Breve introdução à percepção visual.
Introdução à Gestalt (Teoria da forma)
Funções de um objecto.

Fchas de actividade

Questões_gramática visual.
Questões_composição.
Questões_comunicação.
Questões_percepção visual.
Questões_teoria da Gestalt.

 

Módulo 4 | Design Multimédia

Este módulo aborda as noções estéticas, ergonómicas e funcionais relacionadas com o desenho e organização dos componentes para o meio específico que é a multimédia, tais como: A forma, a cor, a interacção, a tipografia e a legibilidade.

Neste módulo pretende-se sensibilizar os alunos para a importância da função do design multimédia. Compreender o processo de desenvolvimento de um produto multimédia. Conceber layouts para aplicações multimédia interactivas avançadas. Aplicar, de forma adequada, os princípios básicos de design na concepção de um produto multimédia.

Duração

52 tempos lectivos (Fevereiro / Março / Abril de 2010)

Marcadores

Conceitos gerais de design e composição gráfica.

Ergonomia de ecrã.

Optimização de conteúdos para os diversos suportes:
Online.
Offline.

Design do interface:
Metáforas de interface.
Design centrado no utilizador.

Noções de layout:
Hierarquias visuais.
A importância da grelha.
O movimento e o ritmo na composição.
Consistência.
Equilíbrio.
Dimensões.
Tipologia / lettering para textos e títulos.

Apontamentos das aulas

Fchas de actividade

 

Módulo 5 | Arquitectura de Informação

A arquitectura de informação é determinante para a usabilidade de um produto multimédia. Importa pois que os alunos saibam de que modo se deve planificar e estruturar toda a informação de um produto multimédia, para que este seja intuitivo e interactivo.

Conhecer as especificações dos diversos suportes multimédia. Distinguir os diferentes tipos de navegação. Conhecer as necessidades e comportamentos dos utilizadores. Compreender a importância de uma boa arquitectura de informação e o impacto que pode ter numa aplicação multimédia. Seleccionar, organizar e distribuir a informação a integrar numa aplicação multimédia com o objectivo de a tornar o mais eficaz e intuitiva possível. Conceber aplicações multimédia tendo em conta as principais normas de usabilidade e acessibilidade.

Duração

40 tempos lectivos (Abril / Maio / Junho de 2010)

Marcadores

Introdução à arquitectura de informação:
Arquitectura de informação.
Quais as competências e aptidões necessárias que um profissional da área deve possuir.
Aspectos fundamentais da arquitectura de informação.
Necessidades e comportamentos dos utilizadores.
Modelos de informação.

Princípios básicos da arquitectura de informação:
Categorização da informação.
Representação da informação.
Estruturas e hierarquias de informação.
Tipos de sistemas de navegação.

Sistemas de pesquisa de informação:
Estrutura de um sistema de pesquisa simples.
Design de um sistema de pesquisa.
Principais regras de usabilidade e acessibilidade.

Teste de usabilidade:
Tipos e modelos de testes.
Análise do comportamento dos participantes.
Resumos das entrevistas pós teste.
Problemas de usabilidade.
Plano de correcção.

Avaliação heurística:
As principais regras e critérios da avaliação heurística.
Desenvolvimento de um protótipo.

Apontamentos das aulas

Fchas de actividade

 

Recursos Online

Revistas online de leitura aconselhada.

Smashing Magazine
Web Designer Wall
Design Reviver
Artigos actuais, tutoriais e downloads.

Sobre Fotografia

Centro Português de Fotografia
pt.wikipedia.org/wiki/História_da_fotografia
pt.wikipedia.org/wiki/Fotografia
Fotografia digital
kodak.com/BR/pt
Histogramas
canalfoto.org/info

Definições, caracteristicas Multimédia

pt.wikipedia.org/wiki/Multimédia
Definição de multimédia e tipos de media.

en.wikipedia.org/wiki/Multimedia
Definições de multimédia e tipos de media.

pt.wikipedia.org/wiki/Hipermédia
Definição de hipermedia.

webopedia.com/Multimedia
Definições organizadas por subcategorias.

citi.pt/multimedia
Curso multimédia online. Conceitos e terminologia.

acs.ucalgary.ca/~edtech/688/hist.htm
História dos multimédia.

xtimeline.com/timeline/A-history-of-multimedia
História dos multimédia em timeline.

w2vr.com/contents.html
Multimédia. De Wagner à realidade virtual.

cs.cf.ac.uk/Dave/Multimedia/node1.html
Introdução aos multimédia.


Exemplos | Projectos Multimédia

telepoesis.net/poesia.html
Poesia de ecrã.Textos animados de Rui Torres.

telepoesis.net/e-textualidades
Página de projectos dos alunos do Mestrado em Ciências da Comunicação da UNL, orientados por Rui Torres.

soundtoys.net
Brinquedos sonoros interactivos.

dreamingmethods.com
Fusão entre escrita e narrativa interactiva.

turbulence.org
Portal agregador de netart.

visualcomplexity.com
site agregador de interfaces de visualização de dados.

flyingpuppet.com
e-narrativas de Nicolas Clauss.

99rooms.com
Animação interactiva.

yhchang.com
Texto e animação.

renascent.nl
Excelente portfolio de motion graphics do designer/director, Joast korngoald.

 

Recursos para Web Design
W3C.org
Organização internacional que se dedica ao desenvolvimento de web standards.
W3Schools
Excelente recurso de estudo online de xHTML, CSS; JS, XML, Flash; etc.
Dreamweaver Developer Center
Centro de recursos da Adobe, orientado para web developers.
CSS Zen Garden
Excelente demonstração do que é possivel fazer com CSS. Uma referência na web!
CSS Play
Experiências com CSS. Um conjunto de demonstrações avançadas do que é possivel fazer com CSS.
Glish.com
Técnicas de Layout com CSS.
Listamatic
Excelentes tutoriais de menus e layouts com cSS.
Layout Gala
Série de layouts compativeis com vários browsers.
Little Boxes
Layouts em XHTML e CSS.http://www.w3schools.com/default.asp
CSS Basics
Livro online sobre CSS. Conciso e muito prático.
CSS Model
Técnicas e recursos de CSS. Links para outros sites com galerias, tutoriais e templates.
Criar Web
Site sobre desenvolvimento web. Bastante útil. Em Português!
Dinamic Drive
Livrarias de CSS. Ferramentas e tutoriais de javascript. Excelente recurso!
Visual Blast
Excelente agregador de recursos. Em português!
Css Generator
Css Generator. Ferramenta geradora de layouts. Bom site com mais recursos e fórum.
CSS Type
Ferramenta geradora de folhas de estilo CSS para fontes. Visualização em tempo real.
mitchbryson.com
Poucos, mas bons templates, com ficheiros CSS muito completos e bem construídos.
corkdump.com
Excelente fonte de recursos para developers e designers!

Showcases de sites em XHTML / CSS

Excelentes fontes de referência / inspiração.
CSS Container
Css Mania
CSS Hazard
CSS Based
CSS Leak
CSS Index
CSS Beauty
CSS Pig
Unmatched Style
Best Web Gallery
Web Site Design Awards
Style Boots
Net Diver

Net Book

Web Developers Handbook
Uma lista de links fundamentais para web design e web development. HTML, CSS javascript, usabilidade, etc.

Recursos para Flash

Gotoandlearn

Kirupa
Ffiles
Flashmo
Flashden
Actionscript.org

actionscriptcheatsheet.com

Ano lectivo 2009/2010 | blog.leonelcunha.net | Formação