Mable Truong
A Perfect Case in Most Every Respect
Grid & Balance
Repetition
Alignment
Vertical & Horizontal Symmetrical
Text and Image Side by Side
Appropriate Image-to-Text Ratio: 60% text and 40% image coverage
Repetition of Same Elements
Use of Logos & Images
Use of Analogous Colors: All Light & Warm Colors
Use of Classified Typography
Create Order and Convey Harmony
Organize Page Elements
Create Visual Connections
Contrast
Focal Point
Suggestion: Add Page Number
Contrast Between Different Elments
Font VS. Font
Color VS. Color
Images VS. Texts
Images VS. Images
Each Page Has Its Main Purpose
Introducation
Inspiration
Color Variation
Logo Application
Business Card Explanation
Quote & Typography
End Page
The only suggestion we could provide for Mable is adding a creative and attractive page number design because the more detailed design you use in your BSG, the more you can impress your audiences.
Urban Outfitters
A Poor Case in Most Every Respect
Grid & Balance
Proximity
Focal Point
Lack of consistency
Each page embodies a different layout without maintaining a consistent theme
Image and text placement is sporadic
Lack of attention towards the weight and balance of each page
Without considering proximity, pages can look convoluted and difficult to read
Lack of a clear focal point
Collectively, a neglected grid and proximity awareness can distract from the focal point. The focal point can become lost, with the audiences' eyes wandering
Contrast
White Space
Suggestion: Balance is Key
Clashing contrast
Fonts often clash with the wide assortment of graphics and images
Elements do not contrast each other in a cohesive manner
Lack of white space
White space can enhance text, images, and grpahics
Without white space, page elements can get lost, such as page numbers
UO's brand style guide has good intentions with its quirky choice of text, patterns, and graphics. A more polished BSG can be accomplished if these various elements are consistently balanced among each other.
I Love NY
Outstanding Feature: White Space
White Space
Repetition
Balance/Alignment
Brand cleanliness stands out
heavy usage of white space evokes a polished sense of order
arguably, too much white space could be ineffective page usage - half of one page is white?
Clear, intentional repeated design branding throughout every page's layout/setup
placement of heading, body, extra graphics, bottom footer
Text/graphic placement
headings vs body text organized in such a way on the page to complement one another, and not distract
not always symmetrical, but digestibly asymmetrical