eyelearn » MA course notes 2012/13

eyelearn

a look at design for the web & all it entails

· view menu ·

all the best :)

Tags:

Wishing you all a brilliant, creative and productive summer with lots of inspiration! Can’t wait to see your final masterpieces in autumn :)
Here are a few photos of our time together, quality varies but this is all about memories :)

[AFG_gallery id=’1′]

And if you need to flex your design and coding muscles before getting started on building your thesis projects – why not contribute a design to the amazing CSS Zengarden, now 10 years old :-)
CSS Zengarden

designing for accessibility

photo by  Noell S. Oszvald image © Noell S. Oszvald

As web workers, be that designers or developers, it is our job to create not only engaging user experiences but also to ensure an all inclusive design and setup. Making sure our content is presented in the most accessible and easy way will liberate our user to use the web freely and without hinderance, a benefit to all.

continue reading »

UX design

page flip

How can we create a good user experience for our users which makes them not only easily access our content but also enjoy doing so?
If you think of printed media and its beautiful tactile aspect - consider this experience where the material itself adds to the feeling of reading. What can we do in our purely digital media to enhance the UX of our sites or apps?

continue reading »

principles of graphic design I

image by Nicolas Lalli image by Nicolas Lalli ©2012

Let's take a look at some popular graphic design principles and their possible inspiration for design for the web. For your next project, pause your initial design process and consider how some of these established concepts might add to your approach.

continue reading »

the beauty of colour

tiles, by Andy Clarkeimage: tiles at a florist © Andy Clarke, via Instagram

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.

continue reading »

designing interfaces

inside a lock with key image info: "how keys work", via tweet from @Cennydd

How do you design an interface which is not only easy to use, works well across all screens and is aesthetically appealing as well?
Like a key to open a lock, your UI needs to give access to the content without bothering the user with the complexities which might lie beneath :)

continue reading »

adaptive design

animation by Tiago Franco animation by Tiago Franco © 2012

No site will be complete without good responsive design which allows the content to adapt to the viewport, be that a computer, TV or mobile. But always bear in mind who you design for ~ your web geeks are not your typical user ;-)
As you will have read by now, three years ago, the wonderful Ethan Marcotte coined the term "responsive web design", or RWD,  via his article on the (just recently redesigned) A List Apart. It is still the perfect introduction to the topic :)

Ethan quotes John Allsopp who stated in his article "A Dao of Web Design" in 2000:

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.”

With this in mind - let's read Ethan's original article and study his beautiful example: continue reading »