You Are Reading

OUGD603: Brief 03 - SAC Ampleforth II // Tablet Screen Wireframes

As this website is being designed to work responsively, I'm designing how the home page will look on an tablet screen. How the content will adjust to fit, responding to the dimensions of the page. The design of the tablet will be used to bridge the up-scaling gap between the mobile and desktop versions of the website. 


Similar to the mobile version, the portrait view of the web page will adjust so the content fits the page in the best possible manner. 

Horizontal content areas, taking the full width of the screen will be used which will allow for the best area of 'click ability'. Rather than a quarter of the page vertically, you may tap the wrong area. This will also reduce the length of the page, so there's no endless, thin and long scrolling parallax pages


Similar to the desktop version, the landscape tablet uses vertical columns more predominantly, in comparison to the portrait version of the tablet screen. Taking advantage of the width of the screen. Displaying the content more sporadically, rather than being stacked. 

Comments for this entry

Leave your comment

 

Copyright 2010. All rights reserved.

RSS Feed. This blog is proudly powered by Blogger and uses Modern Clix, a theme by Rodrigo Galindez. Modern Clix blogger template by Introblogger.