Irina Becker

Interactive Art Director at CreatageIrinaBecker.com@IrinaBecker

The Web is different because anybody can make a website, but not everybody can do it well.

– Jeffrey Zeldman

What you need to know to do it well?

1. Understand that the web is different.2. Learn some html/css.3. Always try to improve yourself.

Ask Questions. Google everything.

Designing for the medium is a joy—once you understand the web’s limitations and opportunities.

– Jeffrey Zeldman

Let’s go over a few differences…

Your website will be viewed from different screen resolutions and different devices.

Laptop1024x7681280×7201280x8001366x768*1440×9001400×10501680×10501920×1200

Tablets800×4801024x6001024x7681280x800

Smartphones960x640640x480480x320470x320426x320

* As of April 2012 1366x768 is the most popular screen resolution.

Most Common Screen Resolutions:

What resolution should we design for?

Your website will look different in every browser.

Progressive enhancement?

Sans serif for body copy vs serif fonts

Take into consideration readability

A font you selected for print may not work on the web.

Where to look for fonts?

www.google.com/webfonts

www.fontsquirrel.com

webfonts.fonts.com

https://typekit.com

Font Size. Don’t use font size lower then 12 pt

Use RGB for your layout

Design in Photoshop, Illustrator or Fireworks.

Present your designs as an HTML link

Take into consideration the main usability principles

Do you want to learn more?

Taking your talent to the web

by Jeffrey Zeldman

http://www.zeldman.com/talent/

Taking_Your_Talent_to_the_Web.pdf

Designing with web standards

by Jeffrey Zeldman

Don't Make Me Think! A Common Sense Approach to

Web Usabilityby Steve Krug

The Expressive Webhttp://

beta.theexpressiveweb.com

Few great designs…

http://mailchimp.com/

http://qdoba.com/

http://www.liptonicetea.pl/

Irina Becker IrinaBecker.com @IrinaBecker