eyelearn » MA course notes 2012/13

eyelearn

a look at design for the web & all it entails

· view menu ·

Talk Web Design

Tags:

This is just a post for the day – to say huge thank you to David and all our wonderful speakers. Here is the schedule of the fabulous day which awaits us.
I am really looking forward to this—to be a student learning from our experts and to be inspired ;)

David, thank you for organising this event, for your time and effort to keep us all learning :)

To our speakers: thank you so much for your time, for coming all this way and for sharing your thoughts, insights and expertise, very much appreciated.
continue reading »

happy holidays :)

Tags:

happy new year 2013

A little card to wish you all a wonderful holiday :-)
Please note: this is ideally viewed in a webkit browser for full effect :)

extending WordPress

extending WP With your WordPress design in place - let's have a look at extending our setup with widgets and additional plugins. The beauty of WordPress is that the core is fairly light with the core functionalities built in - but you can extend it with a huge variety of different widgets and plugins. This is one of my favourite aspects of working with WordPress. You can keep your site as simple or as complex as fits the purpose. I've created WP site with hardly any plugins and others with plenty ~ you're free to select and implement whatever fits your site ;)

continue reading »

icon design

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 the craft 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 ;)

continue reading »

Illustrator core skills

Vector graphics are wonderful ~ they allow for prefect precision and scale without loss of quality. With the long awaited arrival of SVG for the web - you should definitely spend time to create vector graphics for your sites and understand their use on the web.

continue reading »

grids on the web


image: Billon © Vincent Kohler 2007

A lot has been written and discussed about grids in design, from historic examples, architecture, graphic and web design. As an approach to design, this is a technique which is loved by many, loathed by some and under constant debate. There is no doubt that grids can be a fantastic tool which can assist you in the layout and design of any given page.

continue reading »

typography for the web

Oliver Reichenstein famously wrote:

Web Design is 95% Typography.
(read original article)

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.

To get you started with some basics and give you plenty of material to study - let's have go through some of the content of this post:

typography for the web ↗

continue reading »

Images & Colour

(webpage design course)

☞ images and colour on the web

please note: this presentation was created with the wonderful CSSS slideshow by Lea Verou, which uses some very new techniques. This means that it is best viewed in Firefox 3.6+, the latest Chrome/Safari or Opera 10.60+. It will not work at all in Internet Explorer. As you are all becoming web workers now, I hope you will have most if not all of these browsers installed already and that this won't cause you any issues ;)

If the slide's content and text is too large and going beyond your screen - you can use CMD/CTRL and +/- (plus/minus) to change the type size.

continue reading »