Wednesday, 23 April 2014

Responsive desgin






information on this website when moving from desktop to mobile, is pushed under the title section of the home page. This means no matter the device the title and top of the home screen will always look very similar. The navigation bar is condensed into a drop-down menu.





This website has a very fluid layout with a heavy use of animation; moving the mouse shifts the screen around were the user is pointed. Information on the site is broken up into pentagons, which are all easily moved around the page to suit the device's screen size. Once again navigation is condensed into a drop-down menu.





This website uses a skewed cubic grid system for the alignment of elements on the page, this allows for the boxes of information, graphics and links to be arranged whilst maintaining the overall aesthetic of the site. Although all the elements n the page rearrange and change scale, as the device screen size lowers the page elements get smaller so that almost the same imagery is visible no matter the screen size. 




The overall aesthetic for this website is very clean and concise, with a complementing  composition. The minimal amount of content on the site is well spaced across all devices, however I thought the hierarchy works best in the tablet view.

An article by web developer John Polacek about responsive web design
Click Here






No comments:

Post a Comment