Visual Design and Prototyping

Teaching Methodologies

The methodological choices will focus on two key educational components:
– Theoretical-practical component – oral presentation oriented to the estimated contents;
– Practical component – study and presentation of works/productions and their authors and work development under the teacher guidance.

Learning Results

1. Acquire theoretical, practical, technical and aesthetic knowledge necessary for visual communication of concepts/ideas;
2. Know how to collect, analyse and select information in order to develop reasoned and creative strategies;
3. Know how to analyse alternatives in design project, taking into account the visual message sent to a targeted audience.
4. Get to know the various prototyping methodologies.
5. Implementation of prototype on the web involving development and integration with platforms and services
6. Analysis of the communication effectiveness of a graphic identity design project.

Program

1. Prototyping: Understand and apply interface design and prototyping techniques that seek HCI optimization
1.1 Low Fidelity Prototyping
1.2 Medium Fidelity Prototyping
1.3 High Fidelity Prototyping
1.4. Visual interface prototyping tools
1.4.1 AdobeXD
1.4.2 Figma
1.4.3 Sketch
2. Information architecture and design;
3. Interaction design
4. Design Thinking

Grading Methods

Continuous evaluation
  • - Theoretical and practical (individual project) - 100.0%

Internship(s)

NAO

Bibliography

Agner, L. /2018). Ergodesign e Arquitetura de Informação: Trabalhando com o usuário (4.º Ed.). Senac Rio
Cousins, C. (2019). Web Design Trends. UXPin
Krug, S. (2014). Não me faça pensar. Alta Books
Latin, M. (2021). Better Web Typography for a Better Web. Blurb
Shaoqiang, W. (2020). Typography for Screen: Type in Motion. Hoaki
Kamrani, A. K., & Nasr, E. A. (2006). Rapid Prototyping: Theory and Practice, Springer Science & Business Media. ISBN: 9780387232911.
Software Figma, Adobe XD.