Wednesday 24 October 2012

WORKSHOP : DESIGN FOR WEB

Design for web

Maximun amount of time a user gives a website before leaving is 5 seconds. The initial reaction a person gets when they first go on the website is the most important thing.


- ollymoss.com:
black > dull > empty > space  > i like it > interesting
uses indexibit a website server that alot of designers use it is the content that makes the website look good and interesting not the web


- Malikafavre.com
bright > fun > hectic > vibrant > gif > movement
runs on cargo similar to indexibit


- 360langstrasse.sf.tv
Photograph > simple > sophisticated > google street view
This website won an award which has given the trend of using full image bleed as a background


- merrcertavern.com
nice > on trend > hipster > clean > retro > monotone > boxes 


- Noble-design.co.uk
colour > vector > simple


- Caavadesign.com
waves > photoshop > photograph > CD > circles


-sb-studio.co.uk
shelfs > clean > clinical > ikea > swedish > repetitive


- equ.com.au
slow > bold > annoying


- smart-hear.ru
split > horizontal > minimalist > confusing 


3 questions to always ask yourself before you start designing for web

- What is the point of the website, what is the purpose?
- Who is the target audience?
- What do the target audience need? this will inform the audience and aid you in knowing what you
   will put on the website

If the website is successful you should be able to answer these 3 questions easily when you first look at a website.

ways of finding answers for yourself :

research - survey target audience , focus groups , look at similar websites that have same target
                audience see what they have

How do you find out what design agencies want to see on website - research studio , go on there
website , ask them : what do they want to see, what info etc

Common things seen on website:

Type and image - titles - headings - navigation

Limitations when designing for web

- font : you don't pay to use fonts you embed them. If you chose a fancy font and the person who is viewing the font doesn't have the font available on the computer they wont see it. This is why in web design you choose a font family so if you chose helvetica and they don't have it it will turn into arial and if you don't have arial it turns into any available sans serif font.

http://www.fontsquirrel.com/

above is a good website for web fonts.

- colour : you work in RGB but more restrained for web. websafe colour

- size : all screens are different sizes there are standard web sizes

- resolution ppi : 72 ppi is out of date screens today are 96 ppi. On a new retina display screen the ppi
  227
webdesignledger  html and css design and build websites css mastery (advanced)

Scamp

- layout designs
- navigation to pages

Terms

HTML - hyer text mark up language
URL - uniform resource locator
CSS - cascading style sheets
FTP - file transfer protocol
CMS - content management system
WYSIWYG - what you see is what you get (dreamweaver)



No comments:

Post a Comment