Inválido para efeitos de certificação

Transcrição

1 UNIDADE CURRICULAR: Web Design CURRICULAR UNIT: Web Design Ficha de Unidade Curricular DOCENTE RESPONSÁVEL E RESPETIVAS HORAS DE CONTATO NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): João Pedro Coelho Gomes de Abreu RESPONSIBLE ACADEMIC STAFF MEMBER AND LECTURING LOAD IN THE CURRICULAR UNIT (FILL IN THE FULLNAME): João Pedro Coelho Gomes de Abreu OUTROS DOCENTES E RESPETIVAS CARGAS LETIVAS NA UNIDADE CURRICULAR (PREENCHER O NOME COMPLETO): Rita de Sousa Pedro (45 h) OTHER ACADEMIC STAFF AND LECTURING LOAD IN THE CURRICULAR UNIT: Rita de Sousa Pedro (45 h) OBJETIVOS DE APRENDIZAGEM (CONHECIMENTOS, APTIDÕES E COMPETÊNCIAS A DESENVOLVER PELOS ESTUDANTES): - Pensar de raiz projectos de comunicação digital e desenvolver conceitos para os principais suportes existentes (www, mobile, ing, aplicações e social media).- Enquadramentos teóricos e práticos nas áreas de: Design Gráfico, Web Design, Desenho de Interfaces e Interacção, Ferramentas de authoring Web, Linguagens de Programação, Metodologias e Práticas associadas ao Desenho para Ecrãs. 1/5

2 LEARNING OUTCOMES OF THE CURRICULAR UNIT: - Develop concepts and produce digital communication projects for different web platforms (www, mobile, ing, applications and social media). -Theoretical and practical frameworks in the areas of: Graphic Design,WebDesign, Interface and Interaction Design, Web authoring tools and Programming Languages??. CONTEÚDOS PROGRAMÁTICOS: Introdução e Enquadramentos Históricos e Sociais. Concepção, Planeamento e Implementação (Etapas na Produção de Projectos).FASE 1 - Análise: Objectivos, Utilizadores, Cenários e Análise Competitiva. FASE 2 - Definição da Estrutura e Arquitectura de Informação: Estrutura de Informação, Wireframes., Storyboard, Mapa de Fluxos, Modelos e Especificações Funcionais (SPECS). FASE 3 - Desenho e Composição: A Interface, Formas de Navegação, Hierarquia Visual, Fundamentos e Teoria do Design: Composição, Consistência e Equilíbrio. Layout: gráficos, tipografia, texto, formas e cores. Acessibilidade e Usabilidade: Tecnologias: - HTML e Web Standards - Introdução às Folhas de Estilo em Cascata (CSS). SYLLABUS: A Brief History.Planning, Design and Implementation(Steps in the Production Project). Phase 1 -Analysis:Objectives, Users, Scenarios and Competitive Analysis. Phase2-Definition and Structure Information Architecture:Information Structure, Wireframes, Storyboard, Map offlows and Functional Specifications(SPECS). Phase 3 - Design and Composition: Interface, Navigation, Visual Hierarchy. Fundamentals and Theory of Design: Composition, Consistency, and Balance. Layout, graphics, typography, text, shapes and colors. Accessibility and Usability. Technologies: - HTML & Web Standards. - Introduction tocascadingstyle Sheets(CSS). 2/5

3 DEMONSTRAÇÃO DA COERÊNCIA DOS CONTEÚDOS PROGRAMÁTICOS COM OS OBJETIVOS DA UNIDADE CURRICULAR: Objectivo: Pensar de raiz projectos de comunicação digital e desenvolver conceitos para os principais suporte sexistentes (www, mobile, ing, aplicações e social media).concepção, Planeamento e Implementação (Etapas na Produção de Projectos). FASE 1 - Análise: Objectivos, Utilizadores, Cenários e Análise Competitiva. Objectivo: Enquadramentos teóricos e práticos nas áreas de: Design Gráfico, Web Design, Desenho de Interfaces e Interacção, Ferramentas de authoring Web, Linguagens de Programação, Metodologias e Práticas associadas ao Desenho para Ecrãs. FASE 2 - Definição da Estrutura e Arquitectura de Informação: Estrutura de Informação, Wireframes., Storyboard, Mapa de Fluxos, Modelos e Especificações Funcionais (SPECS). FASE 3 - Desenho e Composição: A Interface, Formas de Navegação, Hierarquia Visual, Fundamentos e Teoria do Design: Composição, Consistência e Equilíbrio. Layout: gráficos, tipografia, texto, formas e cores. Acessibilidade e Usabilidade. Tecnologias Web. DEMONSTRATION OF THE SYLLABUS COHERENCE WITH THE CURRICULAR UNIT'S OBJECTIVES: OBJECTIVE: Develop concepts and produce digital communication projects for different web platforms (www, mobile, ing, applications and social media. A Brief History. Theoretical and practical frameworksin the areas of: Graphic Design,WebDesign, Interfaceand InteractionDesign, Webauthoringtools and Programming Languages??. Planning, Design and Implementation (Steps in the ProductionProject). 1. Analysis:Objectives, Users, Scenarios and Competitive Analysis. 2. Definitionand StructureInformation Architecture:Information Structure, Wireframes, Storyboard, Map offlows and Functional Specifications(SPECS). 3. Design and Composition: Interface, Navigation, Visual Hierarchy. Fundamentals and Theory of Design: Composition, Consistency, and Balance. Layout, graphics, typography, text, shapes and colors. Accessibility and Usability. Technologies: HTML & Web Standards. Introduction tocascadingstyle Sheets(CSS). METODOLOGIAS DE ENSINO (AVALIAÇÃO INCLUÍDA): - Exposição oral e activa sobre as diferentes matérias que compõem o programa da unidade.- Análise de casos práticos. Avaliação Individual: - Exercícios práticos de experimentação das ferramentas para a produção de conteúdos e projectos (20% nota final). - Exercícios práticos que permitem aos discentes desenvolverem projectos que interligam ferramentas, conceitos e noções teóricas abordadas nesta unidade curricular (20% nota final). - Projecto final constituído por um dossier de projecto e a produção de um website que responda ao brief apresentado e entregue pela equipa docente (60% nota final). 3/5

4 TEACHING METHODOLOGIES (INCLUDING EVALUATION): - Seminars: oral presentation about different subject, wich is followed by questions and answers.- Case Studies Analysis. Individual Evaluation: - Practical/Laboratory classes: students work in exercises to explore a particular program topic or field (40%). - Final Project: at the end of semester students work in a major project. This project consists of design and produce a website (60%). DEMONSTRAÇÃO DA COERÊNCIA DAS METODOLOGIAS DE ENSINO COM OS OBJETIVOS DE APRENDIZAGEM DA UNIDADE CURRICULAR: Objectivo: Pensar de raiz projectos de comunicação digital e desenvolver conceitos para os principais suportes existentes (www, mobile, ing, aplicações, social media). - Exposição oral e activa sobre as diferentes matérias que compõem o programa da unidade. - Análise de casos práticos. Objectivo: Enquadramentos teóricos e práticos nas áreas de:design Gráfico, Web Design, Desenho de Interfaces e Interacção, Ferramentas de authoring Web, Linguagens de Programação, Metodologias e Práticas associadas ao Desenho para Ecrãs. - Exercícios práticos de experimentação das ferramentas para a produção de conteúdos e projectos. - Exercícios práticos que permitem aos discentes desenvolverem projectos que interligam ferramentas, conceitos e noções teóricas abordadas nesta unidade curricular. - Projecto final constituído por um dossier de projecto e a produção de um website que responda ao brief apresentado e entregue pela equipa docente. - Tutorias. DEMONSTRATION OF THE COHERENCE BETWEEN THE TEACHING METHODOLOGIES AND THE LEARNING OUTCOMES: Develop concepts and produce digital communication projects for different web platforms (www, mobile, ing, applications and social media. - Seminars: oral presentation about different subject, wich is followed by questions and answers. - Case Studies Analysis. Theoretical and practicalframeworksin the areas of: Graphic Design,WebDesign, Interfaceand InteractionDesign, Webauthoringtools and Programming Languages??. - Practical/Laboratory classes: students work in exercises to explore a particular program topic or field. - Final Project: at the end of semester students work in a major project. This project consists of design and produce a website. - Tutorials. 4/5

5 BIBLIOGRAFIA PRINCIPAL: MAIN BIBLIOGRAPHY: - Best, K. (2006) Gestão de Design, AVA Publishing.- Brown, D. (2007) Communicating Design. Developing Web Site Documentation For Design and Planning, New Riders. - Cederholm, D. (2010) CSS 3 For Designers. A Book Apart. - Dabner, D.; Calvert, S. & Casey, A. (2010) Graphic design school : the principles and practice of graphic design, New Jersey: Wiley. - Duckett, J. (2011) HTML & CSS - Design and Build Websites. Wiley. - Friedlein, A. (2001) Web Project Management. Morgan Kaufmann Publishers. - Hollis, Richard (1994) Graphic design: a concise history. Thames and Hudson. - Jacobson, Robert (ed.) (2000) Information Design, The MIT Press. - Keith, J. (2010) HTML 5 For Web Designers. A Book Apart. - Lal, R. (2013) Digital Design Essentials. 100 Ways to Design Better Desktop, Web, and Mobile Interfaces. Rockport Publishers. - Lidwell, W.; Holden, K. & Elam, K. (2003) Universal Principles of Design, Rockport. - Lupton, Ellen (2006) Pensar Com Tipos. Cosac & Naify. - Lupton, Ellen (2014) Type on Screen: A Critical Guide for Designers, Writers, Developers, and Students. Princeton Architectural Press. - Morville, P. & Rosenfeld, L. (2007) Information Architecture For The World Wide Web, O'Reilly. - Nielsen, J. (1999) Designing Web Usability, New Riders Publishing. 5/5