OUGD504 Design for web: Web lecture

OUGD504
DESIGN FOR WEB
WEB LECTURE

Cern is the European Organization for Nuclear Research and was were the internet was born. 
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''



The first ever internet page looked like this, very minimal, monochrome and text based.

 Web Servers:





The worlds first web server, was introduced by a next computer that was designed and built by Steve Jobs.



First Web Image: 1992 'Les Horribles Cernettes'  



In 1992, the first image was uploaded to the internet and was in the form of a PNG file. A universal file format.


Part 2

Terminology

Code: What the websites are made from
HTTP: Hyper Text Transer Protocol
HTML: Hyper Text Markup Language
CSS: Cascading Style Sheets (What makes websites look appealing / thought and context.)
FTP: File Transfer Protocol (Sends a large body of information to another computer, e.g Google create a websites design when the link is clicked on)
CMS: Content Management System (content change and updates)

- Static websites dont change
- For good website it needs to be dynamic.
Skeuomorphism: A derivative object that retains ornamental design cues from structures that were necessary in the original.



This is an example of skeuomorphism because there are 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.

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

This is an example of responsive design. This a website that works across a variety of platfroms, from the laptop, iphone and tablet.

Part 3 
Design
You can use a grid on any website
The grid is the most important tool.



A website is designed by a grid system. The grid is the most important tool used by a designer to keep consistency.



When creating a website you should always think about the considerations, and weather it will enrich your audience.
What is the purpose of the website?
Who are the target audience?
What do the target audience need?
We then though about how we could create a website that was relevant to us as graphic designers
Purpose: showcase work, promote, jobs
Audience: potential clients, local companies, variety of work
Needs: Images, easy to navigate, engaging, stand out, contact.

Websites + Books 
www.awwwards.com
www.webdesignledger.com
www.fivesimplesteps.com
www.piccsy.com/everything-design
www.aisleone.net
Books 
HTML + CSS 
Practical guide designing for web
Scratching the surface - Adrian s.
For the next part of the seminar we looked at some websites as a class and said the first word we thought.
BBC
Cluttered 
White
Busy
Blocks
Monochrome

Bicycle website
Clean
Bike
Grey
Minimal
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.