Design for print and web: Software workshop

ollymoss.com

Black, simple, empty, negative, space, small.
Index hibit, simple text.
Should be the content that makes the design look good, not the design of the website that makes the work look good.
Content needs to be visually appealing.

malikafavre.com

Feminine, fashion, women, squares
Produced using cargo, similar to index hibit, content is initially there.

caavadesign.com

Round, pokamon, urban, awkward, california, pastels.

serialcut.com

Face, moustasche. boselcta. keith lemon, tony and guy.

mylapka.com

Ikea, Sweeden, white, space, lego.

cat-bounce.com

Silly, cats, bounce.

3 questions

- What is the purpose of the website
- Who is the target audience
- What do the target audience need

Online portfolio

- To display your work
- Access to clients
- Networking
- To get job
- Target audience (agencies, potential clients, artists, other freelancers)
- Contact details
- Experience, past clients

Designing for web

Text
Image
Navigation

4 restriction when building a website:

Size
800x600 pixels wide - if you want something to work on a selection of screens you must design for the smallest screen available.

Different resolutions
72 pixels per inch (initial display) - 96 pixels per inch - 227 pixels per inch (retina display)

Fonts
You have to pay to use fonts when working commercially, pay a license fee, adobe font folio.
Limited range of standard fonts for example - Verdana, Georgia, Arial, Courier.
Default font is Times new roman in every computer.
Web kit can allow you to embed your fonts into your website.

Colour
Every image you see on screen is RGB.
Make sure colours are consistent for access.
Hexadecimal colour code for red #993333
Example in photoshop

Books for web design

HTML and CSS: Design and build websites by John Duckett

CSS Mastery: Advances web standard solutions by Simon Collison

Web terminology for language

HTML - hyper text markup language
CSS - cascading style sheets
WYSIWYG - what you see is what you get
URL - uniform resource locator
FTP - file transfer protocol
CMS - content management system

Safari - view - view source
Graphic representation of coding

Web design work flow

-Get a brief

-Put together a scamp, at least 3

-client will choose a design

-Sign off work

-Produce digitally

-Allow emends 

Web design as a group

Here is a scamp we made as a plan for what the final result will look like

Web design for own website

Start designing scamps 

Font 

Colour