1.The Daily Beast is an interesting representation of an uneven three-column grid system that allows several design elements to bend or “break” its boundaries, in an effective manner. This news site holds a great amount of content but organizes it well into an unbalanced grid that creates a strong visual hierarchy. Their top stories are placed in larger “buckets” that break the system of the predominately three-column grid.
2. This example demonstrates how a great deal of information can be effectively organized and prioritizes on a page for a user. Its uneven, vertical, three column grid places the top stories in a center, smaller column titled “cheat sheet”, and visuals on either side of it to contrast the text. One of the design elements that breaks the grid system is a slide show like feature on the upper left hand corner of the screen. This serves as another form of direction to other stories, and helps to break the otherwise overwhelming amount of text. The layout appears relatively clean even though it holds a great amount of information. Their color choice in design visuals like red, vertical lines following the grid, help to establish gestalt and ease the readers’ experience.
3. The structure is engaging with the movement from the slideshow and visual design tools like the red vertical boxes around text, which serve as a separation for the grid. The structure helps the reader to better navigate through the multiple stories on the page.
4. The grid system or rather the compromises in it, do cause tension, but I believe it's a tension that serves to direct the eye efficiently throughout the page.
No comments:
Post a Comment