ID408
Visual Design Part 1 / Creating Foundation for Design
Faculty
Anton Repponen
Co-Founder of Anton & Irene
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
We will look into all aspects of designing layouts for interactive experiences. Layouts and grids are a designer’s basic tools for creating a space of any kind. We will explore all the variables of the layout—typographical elements, illustrations, graphics, photographs, interactive elements and user experience, as well as various ways in which all the elements are to be combined and how they all come together in one unified experience. During this course we will learn how to ideate, create and design layouts for large scale interactive systems as well as for very specific, small and niche projects, understand visual weights, content structure, composition, principles of visual design, perception, and above all -- visual look and feel.
Over this course, students will explore the relationship between designing layout and organising information. In a series of hands-on, studio-based, group exercises, students will gain exposure to critical parts of the design process while learning specific methods for development grids and layouts.
Learning highlights
- Where do layouts come from? History of layouts in book and magazine publishing
- Understanding art direction and visual design
- Understanding all aspects of components of the layout
- Crash course on typography
- Understanding and building grids and modular systems
- Learning how to create modular grids for digital experiences
- Concepting and creating ideas for interactive layouts
- Understanding visual weights, content structure, composition, color, white space etc
- Creating layouts for large scale interactive experiences as well as smaller and experimental experiences
Course outline
15 classes
Introduction.
What is layout?
Going through the brief and understanding the assignment.
Crash course on typography.
History and basics.
Crash course on typography.
Typography in digital experiences.
Components of the layout.
Images, videos, symbols.
Small Presentations.
Components of the layout.
Interface, interactives and white space.
Group work
Group work
Grid, Invisible Lines.
History and basics of the grid.
Small Presentations.
Organizing Information.
Gestalt, medium, features and sketching.
Organizing Information.
Setting up grids for digital experiences.
Group work
Group work
Design Direction.
Visual power, scale and color.
Brand guidelines.
Design Direction.
Creating unique design direction from scratch, keeping design human, style guides and design languages.
Group work.
Group work, preparing for presentations, final feedback sessions.
Presentation Day #1
Presentation Day #1
Presentation Day #2
Presentation Day #2
Prerequisites
Knowledge of design tools (ex Photoshop, Sketch, Figma or Illustrator)
Basic level of interaction design
Basic level of visual design
Methodology
The course will consist of series of lectures that include both theoretical information as well as plenty of case studies and concrete examples from personal experience, showcasing what works and what doesn't, and how visual design can be conceived and executed, whether it follows the existing system or it’s created from scratch. Daily talks include smaller assignments that can be done within a day or two.
Along with the theoretical information, all students will be given a brief on day one. This brief covers a real-life assignment that students will work on for the duration of two classes in a row on a daily basis. Students will be given feedback on a regular (almost daily) basis in a workshop manner in order to learn and understand the material while doing hands-on visual design exercise. The assignment is broken into two major milestones (one per module) and should be completed individually by each student (not group work).
The three weeks are structured as follows:
Week 1:
Theoretical study. Will consist of a series of lectures about the principles of organising information and creating layouts. Start working on the design assignment.
Week 2:
Theoretical study. Will consist of a series of lectures about design direction and visual look and feel. Continue working on the design assignment in a workshop manner.
Week 3:
Getting final feedback on the design assignment and preparation for the presentation. Last day (two days depending on the number of students) will be dedicated to final presentations that students will be graded on.
Grading
Anton is an interactive designer with architecture background currently living and working in New York.
He loves solving problems and creating new visual languages. Anton’s main focus is designing large scale web projects and tools that lots of users will use for a very long time. He’s an advocate for a proper user experience, structured design and extremely detailed execution. Designing projects like that he thinks of a building where everything needs to make perfect sense and where some people will spend their lives.
See full profileApply for this course
Visual Design Part 1 / Creating Foundation for Design
by Anton Repponen
Total hours
45 Hours
Dates
Mar 15 - Apr 02, 2021
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.