The basics of design

Course description

  1. Selected topics from the history of graphic design. Art and science, design and technology.
  2. Graphic elements, colour theory, composition – practical work: visual studies, colour studies.
  3. Typography: the basics and the principles of use.
  4. Structuring of the graphic layout with visual and typographic elements.
  5. Digital image and the principles of montage of images.
  6. Structuring of the message according to the communication medium and with respect to the social context of the communication.
  7. The concept of interactivity in new media.
  8. Designing of user interfaces: – 1. with focus on the innovative concept of the human-computer interaction design; – 2. with focus on the effective visual communication of the graphical elements of the interface that guides the interaction.
  9. Data visualisation. Project work.
  10. The Adobe software package: practical work.

Objectives and competences

The aim of the course is to introduce the students of computer and information sciences to the elements of visual language and the strategies of visual communication. The students will employ design methods to conceptualize new media interfaces, they will be able to effectively use graphic design elements to visualize data and present the contents of electronic documents and web pages.

Learning and teaching methods

Lectures, practical work in school, project work at home. Emphasis on continuous work parallel to the lectures. Team-work experience on a complex multimedia design project.

Intended learning outcomes

After successful completion of the module, students will be able to:

– recognize the laws of visual expression,

– remember the elements of visual language and the principles of image composition,

– decode visual messages,

– use adequately typography and colour,

– use graphic design methods and the design software to design web pages, computer interfaces and visualize information,

– conceptualize, develop and realize a design product,

– interpret graphic design process as an integral part of the human-computer interaction design,

– explore the state of the art design solutions,

– test, evaluate and redesign own design projects.

Reference nosilca

1.01 Izvirni znanstveni članek 

1. BOVCON, Narvika. Literary aspects in new media art works. CLCWeb, ISSN 1481-4374. [Online ed.], 2014, vol. 15, no. 7, str. 1-13, ilustr. http://docs.lib.purdue.edu/cgi/viewcontent.cgi?article=2391&context=clcweb. [COBISS.SI-ID 10410068]

2. BOVCON, Narvika, VAUPOTIČ, Aleš, KLEMENC, Bojan, SOLINA, Franc. "Atlas 2012" augmented reality : a case study in the domain of fine arts. V: First International Conference, SouthCHI 2013, Maribor, Slovenia, July 1-3, 2013. HOLZINGER, Andreas (ur.), et al. Human factors in computing and informatics : proceedings, (Lecture notes in computer science, ISSN 0302-9743, 7946). Heidelberg [etc.]: Springer, cop. 2013, str. 477-496, ilustr. http://eprints.fri.uni-lj.si/2098/. [COBISS.SI-ID 2782459] 
tipologija 1.08 -> 1.01 

3. BOVCON, Narvika. Jezik gibljivih slik v računalniških vizualizacijah literarnozgodovinske podatkovne zbirke. Literatura in gibljive slike : tematski sklop = Literature and moving images : thematic section, (Primerjalna književnost, ISSN 0351-1189, letn. 37, št. 2). Ljubljana: Slovensko društvo za primerjalno književnost, 2014, letn. 37, št. 2, str. 119-133, 235-242, [244], ilustr. [COBISS.SI-ID 55119202] 

4. Likovne besede : revija za likovno umetnost. Bovcon, Narvika (glavni in odgovorni urednik 2016-). Ljubljana: Zveza društev slovenskih likovnih umetnikov, 1985-.

3.12 Razstava 

5. BOVCON, Narvika, MERVIČ, Vanja, VAUPOTIČ, Aleš. Tehniške slike = Technical images : razstava na festivlu Speculum Artium 2015, 15.-17. oktober 2015, 7. mednarodni festival novomedijske kulture Integriteta realnosti. [COBISS.SI-ID 4119547] 
Celotna bibliografija je dostopna na SICRISu: http://www.sicris.si/search/rsr.aspx?lang=slv&id=33966.

Study materials

  • Data Flow: Visualising Information in Graphic Design. Berlin: Gestalten, 2008. Kubel, H., Williams, S.Type: New Perspectives in Typography. Laurence King, 2015.
  • Colborne, G. Simple and Usable Web, Mobile, and Interaction Design (Voices That Matter). New Readers, 2010.
  • Lal, R. Digital Design Essentials: 100 Ways to Design Better Desktop, Web, and Mobile Interfaces. Rockport Publishers, 2013.
  • Manovich, L. The Language of New Media. MIT, 2001.
  • Samara, T. Design Elements: A Graphic Style Manual. Rockport Publishers, 2007.
  • Tufte, R. E. The Visual Display of Quantitative Information. Graphics Press LLC, 2001.
  • The Design Annual.
  • Virtualni učitelji in priročniki za programe Adobe: Illustrator, Photoshop, After Effects, Premiere.

Bodi na tekočem

Univerza v Ljubljani, Fakulteta za elektrotehniko, Tržaška cesta 25, 1000 Ljubljana

E:  dekanat@fe.uni-lj.si T:  01 4768 411