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