OUGD501 Design for Web: Research

OUGD501
DESIGN PRODUCTION
DESIGN FOR WEB

• Cern - The internet was created 1991 - Switzerland 
• Started 1991
• Tim Burnerslee

'' To link and access information of various kinds as a web of nodes in which the user can browse at will''

• Web serves - steve jobs NeXT

• 1992 worlds First image  - ' Les horribles cernettes'  

• universal file format

Part 2

Terminology

• All websites use codes
• Encoding - They all mean something
• HTTP - hyper text transfer protocol
• URL - uniform resource locator
• HTML - hyper text markup language
• CSS- cascading style sheets
• FTP - File Transfer protocol
• CMS- content management system

- Static websites dont change

- For good website it needs to be dynamic.

• skeuomorphism - Imitate other websites - like ebooks with turning pages.

This is an example of skeuomorphism because they still have magazines on a news stand shelf but when its featured on screen its ment to be digital and we should be able to just slide through images of the next pages rather than it be a book with turning pages.

Definition - Its a derivative object that remains oriental design from structures that were necessary in the original 

- A software calendar that imitates the appearance of binding on a paper desk calendar.

Responsive design ' Could be reactive design' It is ' Responsive' because the design 'responses' i.e can be adapted to a variety of media using screens of various sizes. 

The concept was introduced by Ethan Marcotte

Part 3 

Design

• You can use a grid on any website
• The grid is the most important tool.

WHAT IS THE POINT?

WHAT IS THE PURPOSE OF THE WEBSITE?

WHO ARE THE TARGET AUDIENCE?

• potential clients
• local companies 
• promote yourself

Websites and books we should look at - 

• Awwwards www.awwwards.com
• Web design ledger www.webdesignledger.com
• Five simple steps www.fivesimplesteps.com
• Piccsy - everything design www.piccsy.com/everything-design
• Aisleone www.aisleone.net

Books 

• Html & css 
• Practical guide designing for web
• Scratching the surface - Adrian s.

We looked at some websites as a class and said the first word we thought.
Apple website -

• fluorescent 
• simple
• bright 
• unique
• high end
• typography

LCA-

• Thin
• Colour
• Bland

BBC-

• Cluttered 
• White
• Busy
• Blocks
• Monochrome

Bicycle website- 

• Clean
• Bike
• Grey
• Minimal

Arcade- 

• Cheap 
• cluttered
• bad use of colours
• & Images

Ling cars-

• Pop up
• Magazine
• Cheap
• Cluterd
• Crazy
• Disgusting
• Flashy

Cathedral-

• Medieval
• Game
• Tacky
• Inappropriate
• Pop up

Legwork studio-

• Bad Navigation
• Unorthodox
• Un-engaging
• Bad use of type

Inexibit is a good website to go on - another behance, designers & illustrators exhibit there work.

Task - Go on more websites answer the three questions.

WHAT IS THE POINT?

WHAT IS THE PURPOSE OF THE WEBSITE?

WHO ARE THE TARGET AUDIENCE?