Wednesday 24 October 2012

Design for Web // Software workshop

Website instant reactions

The average internet user will take about 5 seconds to decide whether they like or don't like a website, therefore when researching websites it is better to give your instant reaction without thinking so you get the reaction anyone would get.




- Simple
- Black
- Minimalist
- Space
- White

This website was designed on inexhibit which is a piece of software where you can design straight onto the internet, many designers use this.



- Busy
- Colourful
- Movement
- Illustration

This website was created on Cargo




- White
- Trendy
- Grid
- Unoriginal 




- Simple
- Circle
- Light
- Waves




- City
- Photography
- Urban
- German

3 Questions you need to answer before designing a website?

What is the purpose of the website?

Who is the target audience

What does the target audience need?

- Research existing designers blogs
- Focus groups  - talk to the target audience and ask them what they want.

Things that you will ALWAYS find on a website


- Navigation bar
- Type
- Image

Limitations of designing a Website
  • Size - Resolution 
- Design to the lowest possible resolution
- PPI for internet based image 72 ppi, but when thinking about modern monitors the new ones are about 226 ppi.
  • Fonts
- When working on the internet you are very limited to the amount of fonts you can use
-as soon as you use a font for a commercial purpose then you will have to pay a license fee
- A list of standard fonts is used, so if fonts are not accessible from a certain computer you can choose several different fonts for it to change to so you always have control of what is being seen. instead of default Times Roman being used

- You can download a web kit where it will download a font actually onto the website, so you would then be able to use custom fonts instead of the limited default fonts.
  • Colour
- RGB is the standard colour mode for design for web, every monitor/ computer has slight variations of RGB therefore colours will be different on every monitor.
- Using a hexadecimal colour code which is the limited amount of colours that can be used for web, each colour will come with its own code which will be used when making the website for example #cc3333 being a light maroon colour.





Useful publications for web design

- HTML and CSS - Design and Build Websites



Language in web

  • 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

2 things you must purchase when you design a website 

- The domain name
- The  space that you are using on the server that is hosting

Creating a Scamp

Dimensions - 1024 x 768

No comments:

Post a Comment