course notes 2018/19

icon design illustration

Icon design

Jan 30th 2019

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, if not learn this skill in depth.

Icon design is challenging but fun ~ so take some time to dive into it and you’ll soon have beautiful icons making your site designs shine ;)

design a download icon

pen doddles

One very common feature on websites are downloads. Clear labelling of such links is a great way of sign-posting different content types, making your site easy and a pleasure to use.

Your task is to design an icon to be used as part of the download link and implement it on a webpage.

icon design guidelines

icons / symbols

on icon fonts vs SVG

TLTR: always use SVG and avoid icon fonts – for accessibility reasons alone.

links & tutorials

tiny task: sprite roll-over

sprite graphic

Design a sprite roll-over for any purpose of your choosing and present this on a single webpage as working demo. If you are short on time or ideas, you could complete the download icon design and extend it to a full sprite.

The purpose and design is entirely up to you – think of any CTA which could benefit from visually engaging behaviour. Consider context and layout within surrounding content and design an effective visual. Work on both the hover and the focus states of your link or button. Be creative and have some fun :)

deliverables
  1. single webpage showing one CTA rollover via a single sprite image
  2. optional: background pattern in keeping with design of rollover
  3. to be submitted as independent page

DEADLINE: 13th February 2019

→ see “projects” for brief and extras.

Comments are closed.