WEB, first session

What we intend to do:
- Identify Workflow
- Analyse and evaluate websites
- Identify purpose of website, the target audience and the audience needs
- Create an interface design for a website


WEBSITE CONTENTS? 
contact information, personality shown through the format of website, contents relating to the subject matter, 


WEBSITE DRIVEN THROUGH CONTENT, NOT THE DESIGN OF THE WEBSITE ITSELF.


KEY THINGS,  
- clear navigation (top, left, right) (text, image)
- background
- layout
- size
- header
- name of website
- images


ORGANISATION. 


- all work goes into a root folder, everything is transferable because they are kept in the same folder
- keep file names to a maximum of 8 characters, longer the file name, then the higher chance it has of becoming corrupt
- sub folder inside 'root folder' to keep images in it


WEB STANDARDS


- colour (RGB)
- size
- font


NOTES
- avoid repeated pattern/gradient for background
- keep horizontal scroll away (unless is works)
- lowest design size for screen (800X600)
- make sure navigator is easily accessible and legible 
- make sure the font you use is easy to read, and suits the design of your webpage
- fonts aren't embedded on everyone's computer, better to choose standard fonts, to make sure the font is viewed consistently throughout 
- use an image instead of a typeface if the text is specialist (try to avoid though, because it can lower clarity, increase file size and isn't as easy to render) (text will not appear as text through sub headers in google etc... because it is an image, text is searchable)
- website should be under 5MB




COLOUR


- colour is coded through the hexadecimal code, e.g 'ff0066'
- Photoshop colour library, 'Web Only', colour is restricted


IMAGES


- JPEG, ultimate aim when using images for website, is to decrease file size as much as possible without changing the quality too much 
- ' Save for web & devices', change quality to make the image slightly better quality 


NAVIGATION CONTENT


- home
- contact
- about
- work
- news
- clients




MOCK UP IN PHOTOSHOP FOR NEXT LESSON.