course notes 2019/20

interface design illustration

interface design

Feb 4th 2020

How do you design an interface which is not only easy to use, works well across all screens and is aesthetically appealing as well? ‘how keys work’ via tweet from @Cennydd Like a key to open a lock, your UI needs to give access to the content without bothering the user with the complexities which➢ continue reading

icon design illustration

Icon design

Jan 28th 2020

Icons are the small little details with such high importance that they deserve as much TLC as the rest of your design. If you search for icon sets online, you will find an ever growing number of beautiful sets to choose from. However, it will be worth your while to at least explore icon design,➢ continue reading

vector illustration with pen and selection tool

Vector Graphics

Jan 15th 2020

While not the easiest format to work with – vector graphics are simply wonderful: they allow for perfect precision and scale without loss of quality. While in the past, the use of SVG remained a mere promise – you are starting your journey at a time when their use is growing in ever inspiring and➢ continue reading

Responsive Design Planning

Nov 13th 2019

Today, we can no longer design any site without considering carefully the many different devices and screensizes affecting layout and presentation. A good responsive design will allow the content to adapt to the viewport, be that a computer or TV, or mobile. While the specifics will depend on project and target group – a mobile➢ continue reading

layout visual

Layout design

Nov 6th 2019

While you are learning how to produce effective layouts you will come across many different views and practices. One prevailing and well established method is of course the use of grids. A lot has been written and discussed about grids in design, from historic examples, architecture, graphic and web design.

images for the web

Oct 30th 2019

With your beautiful profile designs in hand – let’s take a look at preparing and saving your images for the web. Whether you create all of your own visuals, or work with source files, you’ll need to consider the final implementation of these visuals within your design. Without preparation and optimisation, these additions will make➢ continue reading

colour illustration

colour

Oct 23rd 2019

Colour is a topic which never ceases to inspire great discussion about interpretation, meaning and effect within design. As subjective as colour can be – it is our job as designers to be mindful of implications as well as considerate in our selection for use in interface and web design.

type with terms

Typography for the Web

Oct 16th 2019

Oliver Reichenstein famously wrote: Web Design is 95% Typography. Though this is a bold statement which you might, or might not, agree with – there is no doubt that carefully crafted typography will not only ensure good legibility of text and therefore accessibility but also greatly enhance the design and impact of any given website.➢ continue reading

Principles of graphic design

Oct 9th 2019

Design is a fluid process, something that will change with each project, each challenge. Intuition is often a good starting point. Following the well-trodden paths which are influenced by long standing principles is another. Let’s take a look at some established as well as popular graphic design principles and their possible inspiration for design for➢ continue reading

introductions

Sep 24th 2019

Happiness is connecting ~ with people of the web ;)One of my favourite aspects of working on the web is the amazing community, the sharing spirit that prevails. Get to know your webbies and learn from them, meet them and join in — you’ll be inspired :)