DESIGN FOR WEB WORKSHOP 1

First thoughts and feelings when looking at websites for the first time.

Olly Moss - created using Indexhibit 

- empty space

- black

- boring

However, when interacted with, looks visually interesting, should be the content that makes the website look good NOT the design. 

Malika Favre - created using Cargo

- fashion

- garish

- interactive

- bright

- grid

- animated

- busy

360 Langstrasse

- German

- city

Mercer Tavern

- hipster

- grid

- illustrator

- old fashioned

- vintage

- mosaic

Noble Design

- Japan

- simple

- vectors

- ikea

Caava design

- round

- circles

- geometric

- urban

- awkward

- California

- bland

- pastel

- waves

Three questions you must always ask yourself:

1. What is the purpose of the website you are creating?

2. Who is the target audience?

3. What do the target audience need?

Applying these questions to our brief:

1. Displaying our work, contact info, networking, get a job

2. Agencies, studios, potential clients, other freelancers

3. Contact details, work, CV, past clients, who you are and what you're doing

How could we determine these answers?

- research of other websites

- focus groups

- talk to the target audience, ask them what they want to see on your website

Limitations of designing for the internet

1. Physical size - in order to get around this, you must design for the lowest common denominator, this is said to be 800 x 600 pixels, however this will still look small on some screens

2. Resolution - issue with retina display

3. Fonts - need a licence to use fonts for commercial use, only so many fonts you can use on the internet, must choose from standard web fonts. SEO, makes type not searchable in google

4. Colour - RGB is colour mode for screen based media, but every screen all over the world has different variations of RGD. Colours therefore need to be consistent, and web-safe, which is a lesser colour range than RGB. Use hexadecimal codes for web and choosing colours. 

Resources:

HTML and CSS: Design and Build Websites - Jon Duckett

Website language

HTML - Hyper Text Markup Language

- used to create every single website

- very limited in terms of what it can do

- if you only used html you could only display text

CSS - Cascading Style Sheets

WYSIWYG - What You See Is What You Get

URL - Uniform Resource Locator

FTP - File Transfer Protocol

- sending information across the internet

CMS - Content Management System

- Facebook is a form of content management

Two things you need for a live website

1. Domain name

2. Hosting

Creating a scamp

dimensions: 1024x768

font family: arial, helvetica, sans serif

alignment: centre 

background: white

content box: white

navigation: top, 70%, centre

pages: 4

grid: 3x3