eyelearn » principles of graphic design I

eyelearn

a look at design for the web & all it entails

· view menu ·

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.

↓ download slides as PDF

site references:

coding practice and sprites :)

task-spriteTASK
Take a look at this sample design. Produce the required sprite image for the "hire me" CTA and write the required CSS (working with the given HTML) to produce this layout as completed webpage. There are of course different solutions to this - try to get as close to the screenshot as possible and consider smaller screensizes, working with flexible image sizes and layout.

↓ download source files

cta-sprite-screengrab-full

And in case you could not solve it perfectly - here is the example online, or download the demo files :)

Leave a comment