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:
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.
Projecto de Programa da disciplina
Sintese da planificação
Horário da turma
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.
28 tempos lectivos (Setembro / Outubro de 2009).
Breve história da fotografia e sua evolução
Formação de imagem fotográfica.
Equipamentos de captura
Enquadramentos
Micro história da fotografia
Câmaras digitais
Aspectos técnicos da fotografia digital
Sobre composição
Exercícios de ajuste de imagem
Exercícios de composição de imagem
Teste 1
Teste 2
Imagens do teste
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.
40 tempos lectivos (Outubro / Novembro / Dezembro de 2009)
Questões acerca do Design
Evolução histórica do design
Princípios e factores que caracterizam os objectos
Design
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
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
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.
40 tempos lectivos (Dezembro de 2009/ Janeiro / Fevereiro de 2010)
Gramática/códigos visuais
Percepção e comunicação visual
A definição das funções do produto
Expressão e representação
Suportes, materiais e técnicas
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.
Gramática visual.
Composição.
Comunicação.
Percepção visual.
Teoria da Gestalt.
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.
52 tempos lectivos (Fevereiro / Março / Abril de 2010)
Conceitos gerais de design e composição gráfica
Ergonomia de ecrã
Optimização de conteúdos para os diversos suportes
Design do interface
Noções de layout
Estes apontamentos estão, igualmente, disponíveis em leonelcunha.net/formacao.
Flash: Interface
Flash: Ferramentas
Flash: Cores, transparência e preenchimentos
Flash: Manipulação de objectos
Flash: Símbolos
Flash: Timeline
Flash: Animação
Flash: Áudio e vídeo
Design Multimédia e metodologia do projecto.
Interface e navegação.
LoadMovie
LoadMovie2
Popup_window
Preloader com componentes
Mascara de video1
Mascara de video2
Controlo de som1
Controlo de som2
Behavior_som
Behavior_video
Behaviors_drag_fullscreen
Behavior_loadGraphic
Autorun
Proposta 1
Proposta 2
Proposta 3
Relatório
Ficheiros para a proposta 2
Ficheiros para a proposta 3: CR-Rom
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.
40 tempos lectivos (Abril / Maio / Junho de 2010)
Introdução à arquitectura de informação
Princípios básicos da arquitectura de informação
Sistemas de pesquisa de informação
Teste de usabilidade
Avaliação heurística
Introdução à Arquitectura de Informação
Notas para uma avaliação de interfaces
Qualidades das interfaces
dtd e estrutura de xhtml
xhtml e css
css 2.1_1
css 2.1_2
css 3
html 4.1_1
html 4.1_1
html 5
Análise de um site
Questões sobre Arquitectura de Informação
Análise de sites através da imagem da interface
Imagens de sites institucionais para análise
Imagens de sites /portfolio para análise
Exercícios 1 a 6
Smashing Magazine
Web Designer Wall
Design Reviver
Artigos actuais, tutoriais e downloads.
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
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.
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.
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!
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
Web Developers Handbook
Uma lista de links fundamentais para web design e web development. HTML, CSS javascript, usabilidade, etc.
Gotoandlearn
Kirupa
Ffiles
Flashmo
Flashden
Actionscript.org
actionscriptcheatsheet.com