Wednesday, 24 October 2012

Design for Web 5 Websites

The design of the website should not be what definesw whether it looks good or not it should be the content. Below i have looked at 5 examples of websites and what first impressions they give.

www.ollymoss.com


  • Black, 
  • Space 
  • Minimalistic
  • This was made on Indexibit  




http://www.malikafavre.com/


  • Busy 
  • Colourful
  • Bright 
  • Intriguing 
  • This was made on Cargo 




http://360langstrasse.sf.tv/page/


  • Google maps 
  • Photoshop 
  • Circular 
  • German 





http://mercertavern.com/
Monotone
Lost type
Photography
Variations of type


http://www.caavadesign.com/

Circular
Photography
Colours
Lines






First website was produced in 1990. and the first image to go onto the internet was in 1992


  • www.Caavadesign.com- Photoshop, Hipster, Bold, Photography, Circles
  • www.sb-studio.co.uk- ikea, photography, clean, clinical, Swedish, bright
  • getting initial reactions is what is important as it is that what makes you want to interact with the website.
  • www.equ.com.au- Intro, board, dull, dark, dizzy, vector, collage
  • www.smart-heart.ru- mirrors, confusing, lines, white, plain, horizontal, slit, minimalist
  • www.google.com- clean, legible, simple, colourful, familiar, plain
  • www.big.dk- loading page, white, tetras, coloured, bright, squares, plain
  • www.heaven.intenetarchaeology.org- epilepsy, dizzy, pixelated, moving
  • All of these websites have similarities between them
  • 3 questions that you should always answer then designing a website:
  • What is the purpose of the website? - why are you creating it.
  • Who is the target audience?
  • What do the target audience need?
  • These questions will also inform what pages/content you have that will help the audience
  • Design of the website will come from these 3 questions
  • How can we go about getting the answers to these?


Limitations when working with web
Fonts- you have to pay to use specific fonts, there are some fonts which are free many of thm being sans serif
Colour - there are limitations, for example you have to work in RGB, you also have to use web safe colours
Screen size and pixels- You can see all different screen sizes by going into system preferences and display
Resolution PPI (pixels per inch) standard amount is 72 pixels per inch.( but there are actually 92 in modern computers) and in new computers there are 227 in computers with retina display.  


  • Really good fonts to use for web are on: www. font squirrel.com
  • When designing a web everything is made up of codes, even colours
  • There are different type and sizes of computer screens in the modern world
  • You have to consider what size screen your designing for
  • system > preferences > settings > display



  • Web design Language:
  • HTML-( HYPER TEXT MARKUP LANGUAGE) 
  • URL- (UNIFORM RESOURCE LOCATOR)
  • CSS- (CASCADING STYLE SHEETS- an add on to HTML)
  • FTP- (FILE TRANSFER PROTOCOL)- This is how we get a website from computer to internet
  • CMS -(CONTENT MANAGEMENT SYSTEM)
  • WYSIWYG (WHAT YOU SEE IS WHAT YOU GET)- Dreamweaver
  • signing off the design: after this point they will have to pay extra for any amendments.
  • Hyper text markup language: this is something that we will learn in the next sessions understanding the coding.
  • View > developer > view source - this will show you the coding for the website
MY WEBSITE
Dimensions: 1024x768Font: Arial, Helvetica, Sans Serif
alignment: Left
Navigation: Top bar
Pages: 5 - Home, About, Contact, Work, Play


No comments:

Post a Comment