a look at design for the web & all it entails
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 :)
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 :-)
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 »
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?
image: fractal by Peter de Jong
Welcome back :)
Hope you all had a creative and productive break ~ I’m really looking forward to your presentations on your proposed aesthetic and graphic design policy.
image by Nicolas Lalli © 2012
And some more classic concepts and design approaches to consider for your current project.
continue reading »
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 »
image: 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 »
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 :)
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 »
image © Bryce Reyes 2012 (via Abduzeedo)
Hopefully you've already played and experimented by now :) Let's take your typesetting for web further and take a closer look at implementing webfonts.
continue reading »