Trent Walton is a designer and web builder that created an example responsive website.
His site contains 3 different points at which the site changes in order to fit a computer, tablet, or phone screen. His design is very subtle, with just a few changes in image size or text location, but his small tweaks have a large effect.
Computer
The original website, intended for computers spreads across the whole screen, and the visuals are easy to see. The text is centered, but there is padding along the edges of the site, which creates a lot of extra space.
Tablet
The first transition does not change much about the original. In fact, the only differences are the reduced picture sizes and less free space surrounding the different items on the page.
Phone
The final transition is used for phones, where the text is gathered together with minimal space used, and the pictures are the most prominent feature on the whole web page.
No comments:
Post a Comment