Responsive design

Responsive design

1. Websites are viewed on different size screens

   • Webpages must automatically adjust to fit your screen

2. For a site to be responsive you must use %

   • PX???????
   • What makes a good web design?
     • Maximum of three colours
       • Maximum of three writing fonts
     • Need to have a navigation bar
     • On the main page, it must have limited information to draw you in
     • Keep a common design eg. Header or banner, and links on the left hand side and content is in the middle
       • The reason why people have the links on the left is because of research has shown that people always look on the left.
     • knowing your audience eg for children put colours, for fashion page make it aesthetically pleasing
     • Must be informative
     • Several factors such as consistency, colours, typography, imagery, simplicity and functionality all contribute to good website design.
     • Your website must have a clear intention- interact with your user
     • Simplicity but must have- colour, type and imagery
       • Colour catches peoples's eye and also communicates messages which can evoke responses
       • Imagery includes: photography,, imagery videos and graphics
       • Typography demands your attention and works on the visual of your webpage
     • Website navigation must be kept simple and consistent on every page
     • Use an F -shaped pattern reading(left to right)
     • Use visual hierarchy to show the users where the most important information is
     • Use a grid based layout to help sturcture your design and keep the content organised.It also makes it aesthetically pleasing
     • Load time- make sure it takes less than 3 seconds otherwise your reader will potenitally leave your page
     • Make it have a responsive design

3. How do you make a responsive webpage