Theory and Techniques of Design
Code: 104732Credits: 6
| Degree programme | Type | Course |
|---|---|---|
| Interactive Communication | OB | 1 |
Contact lecturer
- Name :
- Pep Sanchez Rios
- Email :
- jose.sanchez.rios@uab.cat
Teaching staff
- Pablo Gonzalez Jimenez
Group languages
You can consult this information at the end of the document.
Prerequisites
Previous knowledge of user and user-friendly computing
Objectives
In general, it aims to study of tipography, theory of color, infographics and all graphics on websites and mobile phones, from the point of view of design and visual composition. Allows you to reflect on your involvement in the necessary graphic and documentary representations associated with image and content.
Learning outcomes
- CM14 (Design interfaces for interactive communication projects that maintain a balance between a technically functional design with aesthetic and customisable taste and adapt to all types of audiences in accordance with the principles of ethical responsibility and respect for fundamental rights and duties, diversity and democratic values.) Design interfaces for interactive communication projects that maintain a balance between a technically functional design with aesthetic and customisable taste and adapt to all types of audiences in accordance with the principles of ethical responsibility and respect for fundamental rights and duties, diversity and democratic values.
- CM17 (Work as a team in the processes of coming up with, specifying and implementing interface design in interactive communication projects.) Work as a team in the processes of coming up with, specifying and implementing interface design in interactive communication projects.
- KM11 (Identify the theoretical-practical foundations of the basic concepts and principles of graphic design, interaction design, user-centred design and interface design in products, applications and services in the field of interactive communication.) Identify the theoretical-practical foundations of the basic concepts and principles of graphic design, interaction design, user-centred design and interface design in products, applications and services in the field of interactive communication.
- SM12 (Use the fundamental concepts of graphic design, interaction design, user-centred design and interface design when designing simple, usable and aesthetically appealing human-machine interfaces, as well as in products, applications, and services in the field of interactive communication.) Use the fundamental concepts of graphic design, interaction design, user-centred design and interface design when designing simple, usable and aesthetically appealing human-machine interfaces, as well as in products, applications, and services in the field of interactive communication.
Contents
1. Typography
2. Color theory
3. Infographics
4. User experience - web
5. Usability - web
6. Accessibility - web
7. Wireframes - web
Learning activities and methodology
| Title | Hours | ECTS | Learning outcomes |
|---|---|---|---|
| Tutorials (individual or group face-to-face activity aimed at solving learning problems | 15 | 0.6 | CM14, CM17, KM11 |
| Study: Reading and synthesis of scientific documents | 39 | 1.56 | KM11 |
| Master classes with ICT support | 15 | 0.6 | KM11 |
| Laboratory practices | 33 | 1.32 | CM14, CM17 |
- Directed activities
a) Lectures: explanation of the theoretical concepts and rules for practices.
c) Laboratory practices. The main objectives are for the student to carry out informative design practices.
- Supervised activities
a) Individual or group tutorials. Its purpose is to solve learning problems.
- Autonomous activities
a) The students should do the readings indicated as compulsory and all the activities planned for a correct development of the theory and practices in the Laboratory; in addition to the study with a comprehensive reading of the basic bibliography.
Evaluation activities
(Part of a face-to-face session will be devoted to the realization of a written exam).
In total, 1 teacher takes part, who is in charge of the lectures of the theory and two professors in practices that develop individual or group activities.
The course content will be sensitive to issues related to gender perspectiveand the use of inclusive language.
Assessment
Continuous assessment activities
| Title | Weight | Hours | ECTS | Learning outcomes |
|---|---|---|---|---|
| Written exam | 40% have to demonstrate theoretical knowledge of lectures and master lectures | 15 | 0.6 | KM11 |
| Deliveries collective work projects | 60% of all the activities of the participations, presentations and defenses in front of the group | 33 | 1.32 | CM14, CM17, SM12 |
The student will be entitled to the revaluation of the subject if he or she has been evaluated of the set of
activities the weight of which equals a minimum of 2/3 of the total grade of the subject.
To have access to revaluation, the previous grades should be they must be less than o equal to 3,5.
The activities that are excluded from the revaluation process are the collective practices that represent 25% of the rating.
In the case of a second enrolment, students can do a single synthesis exam/assignment that will
consist in a global review. The grading of the subject will correspond to the grade of the synthesis exam/assignment.
The student who performs any irregularity (copy, plagiarism, identity theft...) that can lead to a significant variation of the qualification of an evaluation act, will be qualified with 0 this act of evaluation. In case there are several irregularities, the final grade of the subject will be 0.
This subject doesn't provide for the single assessment system.
For this course, the use of Artificial Intelligence (AI) technologies is permitted exclusively for such as bibliographic or information searches, text correction, or translations and completion of the syllabus offered in the theoretical classes. Students must clearly identify any parts generated with these technologies, specify the tools used, and include a criticalreflection on how AI has influenced the process and final outcomeof the assignment. Failure to disclose the use of AI in this assessed activity will be considered a breach of academic integrity and may result in a partial or total penalty to the assignment grade, or more serious sanctions in severe cases.
Bibliography
Aguado, Juan Miguel, (coord.), Feijóo, Claudio (coord.) y Martínez,Inmaculada (coord.). (2013). La comunicación móvil: hacia un nuevo ecosistema digital. Barcelona: Gedisa.
Albers, Josef. (2017). Interacción del color. Alianza Editorial (colección Alianza Forma).
Andreu-Sanchez, Celia. y Martín-Pascual, Miguel Ángel. (2020). “Imágenes falsas del coronavirus SARS-CoV-2 en la comunicación de la información al comienzo de la pandemia del Covid-19”. El Profesional de la Información. e-ISSN: 1699-2407. http://www.elprofesionaldelainformacion.com/contenidos/2020/may/andreu-martin_es.pdf
Aumont, Jacques. (1998). La estética hoy. Madrid: Cátedra.
Caballero, Víctor., Sánchez, Silvia. y Codina, Lluís. (2014). Estrategias y gestión de la comunicación online y offline. Barcelona: Editorial UOC.
Cairo, Alberto. (2011). El arte funcional. Madrid: Alamut.
Costa, Joan. (2005). Identidad televisiva en 4 D. Design.
Crovi, Delia. Educar en la red. Nuevas tecnologías y procesos educativos en la sociedad de la información. Incom.com https://incom.uab.cat/portalcom/wp-content/uploads/2020/01/9_esp.pdf.
De Pablos, José Manuel. (2001). La red es nuestra. Barcelona: Paidós.
Fabris, Stefano. y Germani, Remo. Color. Barcelona: EDB.
Fabris, Stefano. y Germani, Remo. Fundamentos del proyecto gráfico. Barcelona: EDB.
Gifreu, Arnau. (2013). Pioneros de la tecnología digital:ideas visionarias del mundo tecnológico actual. Barcelona: Editorial UOC.
Hervàs, Christian. (2002). Eldiseñográfico en televisión. Madrid: Cátedra.
Huguet, Enric. (2016). 60 años de la historia del diseño gráfico catalán. Barcelona: CODGC.
Itten, Johannes (2020). El arte del color. Editorial Gustavo Gili, S.A. (GG).
Jute, André (1996‑1997). Retículas. La estructura del diseño gráfico. Index Book (Barcelona).
Krug, Steve. (2006) NO ME HAGAS PENSAR: Una aproximación a la usabilidad en la web. Pearson Educación S.A. (sello de Prentice Hall).
Lapolli, Mariana. y Vanzin, Tarzisio. (2016). Infografía na era da cultura visual. Florianópolis: Pandion.
Martín, José Luis y Mas, Montse. Manual de tipografía. Del plomo a la era digital. Campgràfic
Martín, Euniciano. (1974). La composición en artes gráficas. Tomos I y II. Barcelona: EDB.
Martín, Euniciano. (1995). Composición gráfica. Barcelona: EDB.
Morera, Francisco José. (2017). Aproximación a la infografía como comunicación efectiva. (Tesis doctoral). Barcelona: Publicaciones UAB. https://ddd.uab.cat/pub/tesis/2017/hdl_10803_457366/fjmv1de1.pdf
Owen, William. (1991). Diseño de revistas. Barcelona: Ed. Gustavo Gili.
Perfect, Christopher. (1994) Guía completa de la tipografía: Manual práctico para el diseño tipográfico. Ed. Blume, Barcelona
Puente, María Luz y Viñals, Francisco. (2019). Grafología digital, tipográfica y del diseño visual. Barcelona: Editorial UOC.
Ràfols, Rafel. y Colomer, Antoni. (2003). El diseño audiovisual. Barcelona: Gustavo Gili. ISBN: 84-252-1538-2.
Ricarte, José María. (1999). Creatividad y comunicación persuasiva. 2ª ed. Barcelona: Servicio de Publicaciones de la Universidad Autónoma de Barcelona y otros.
Riva José Luis. y Maldonado, Juan. Diseño y dirección de arte en periódicos y revistas. Barcelona: JLR Editor.
Rodríguez Valero, Daniel. Manual de tipografía digital. Campgràfic.
Tschichold, Jan. La nueva tipografía. Campgràfic.
Valero, José Luis (2012). Infografía digital. La visualización sintética. Barcelona: Bosch.
Valero, José Luis. (2008): “Tipología del grafismo informativo” , en Estudios sobre elmensaje periodístico, 14. Madrid: Universidad Complutense. |http://revistas.ucm.es/index.php/ESMP/article/view/ESMP0808110631A.
Escudero, S. y Valero, J.L. (2021) “Efectividad de la síntesis audiovisual presentada a través del smartphone”. Textual & Visual Media: revista de la Sociedad Española de Periodística, https://dialnet.unirioja.es/servlet/articulo?codigo=7985515
Software
Wireframes design (FIGMA)
Graphic design (Affinity Designer)
Information architecture and catalog of contents (XMIND)
Web accessibility (Adobe Color & WebAIM Contrast Checker)
Google Fonts
Course groups and languages
The information provided is provisional until November 30. After this date, you will be able to consult the language of each group through this link. To access the information, you will need to enter the course CODE
| Type of teaching | Group | Language | Semester | Shift |
|---|---|---|---|---|
| (TE) Theory | 6 | Catalan/Spanish | first semester | afternoon |
| (PLAB) Practical laboratories | 61 | Catalan | first semester | afternoon |
| (PLAB) Practical laboratories | 62 | Catalan | first semester | afternoon |