Wednesday 25 April 2012

Dreamweaver workshop one.


Aims; 
- Identify website purpose.
- Identify target audience. 
- Identify audience needs. 
- Demonstrate an understanding of interface and layout techniques. 

Purpose; 
- To showcase your work.
- To get work. 
- Employment opportunities.

Target audience; 
- Design studios 
- Corporate clients 
- Events 
- Independent buyers
- Collaborators 
- Like minded people

Audience needs; 
- Overview of work
- Contact details

Which target audience are you targeting?

Look at exsisting websites for personal area of interest. 
SCAMP - quick layout of a website design. Usually produce around three different designs and annotate them. 
SITE MAP - showcases the content of the website (different pages). 
Can ask clients for sites they like as inspiration. 

Choose a website and write the first things that come to mind... 
Apple; clean, technological, innovation. 
Legwork; illustrative, plain, dull, bland. 
My own bike; weird, european, intruiging, minimal. 
Slavery footprint; too happy, layout, minimal. 
No limite arcades; horrible, tacky, busy, garish. 
Evangelical catherdral; confusing, strange, busy. 
Ling cars; horiffic, too much, bad movement, confusing. 
Olly Moss; what?, very minimal, intriguing. 
Vicki and Laura; different, simplistic, horizontal. 

There are certain web standards that need to be stuck to in terms of size, width, font etc. 
Avoid animation. Try and use a maximum of five links. 
Your work should be the focus and the website should be basic. The work should speak. 
Lightbox - a tool in which video can appear over the top of something else. 
AWWWARDS - links out to award winning websites for inspiration. 

Websites I found that are 'different': 
www.kinetic.com.sg
www.duplos.org
www.timburton.com
www.momentskis.com
www.ultranoir.com

The navigation of a website should never move. Try and fix the navigation. 
Make sure networking is applicable to getting a job. 

For a website: 
Home 
About
Work 
Contact
Networking
Some elements could go onto the homepage. Could have different pages for work produced in different media. 

Web standards:
Rectangle 8:6 sizing (800x600) pixels. 

SCAMP example. 

There are two things needed to make a website go live; a domain name and hosting. 
Make sure you have unlimited bandwidth (the amount of people that visit per month). 
There are a list of websafe fonts. You choose a font family so if the person viewing the website doesn't have one, it picks the next one on the list. 
If you want to use custom fonts then save them as an image. 
Colour can be selected by the colour picker and selecting 'only web colours' in photoshop. Specify colour through the hash tag code. 
FTP; can upload the file through dreamweaver.

www.kuler.adobe.com; online adobe colour picker. 

Using websafe colours means that the colour is the same on all computers. 
Size: to be accessable to everyone it needs to be 800x600. Size depends on what the website is being used for. 
We can't use images that we don't own the copyright to. 



No comments:

Post a Comment