Web Design Workshop 1

AIMS OF TODAY'S SESSION
1. Identify workflow
2. Analyse and evaluate websites
3. Identify purposes of websites - the target audience and the audience needs
4. Create an interface design for a website

**A website is the best way to promote yourself as it has the potential to reach people all over the world. It is a point of contact, it informs people about what you do. And their purpose is to get work/business.**

CONSIDERATIONS
Audience - potential/current clients, collaborators
Brand Identity - Style of website
What services are on offer
Work/Portfolio
Does it include a high impact statement
Is it busy/clean
Fit in frame
Readability - type/scale
Simplicity - could end up dull/boring
DONT USE A TEMPLATE - bespoke!
Navigation - clarity
Indexhibit - content driven


I will do many mock-ups, test them on people and get their opinions.

MANAGING FILES
Be organised
Labels/dates
Each web page in a seperate folder
Naming fold - lowercase with  no spaces, 8 characters or less (less chance of currupt files)
root> subfolder images> contains images and other media, e.g. music, movies

MEASUREMENTS IN PIXELS
Display Resolution (useage across media - computer, mobile phone)
-lowest common denominator- 800x600, Res. 72pix/inch

WEB STANDARD
Restricted to standard font, what people have on their computers
Can specify an alternative font family for use within body text, for if someones computers don't have the font used.
Can work with image as a way around this - heading
However if type is an image people can't copy and paste - which can be good and bad
An image heavy site will take longer to load up - slow
Choosing colour - tick the web colours on box, works in hex codes - e.g. #ff066
Images need optimising for use on the web
Re-sample to 72res.
File>Save for webs & devices
Quality - reduce, file size
Must do this to every image


Bring mock-up designs for after Eatser, next session
Look at some advanced ideas (pic gallery, video, interactivity) for inspiration, and to fidn out how to do it.