Downloaded 11 times
More Related Content
Supercharge Your Branding with Stylescapes.
- 1.
- 2. Interfaces Images 1 What's a Stylescape? A stylescapeis a design deliverable that helps to present the visual direction of a project. This is accomplished by searching for pre-existing design works, graphics, logos, etc. and combining them into one large graphic that share a similar art direction. Fonts Physical Elements
- 3. Stylescapes are not Mood boards orMockups 2
- 4.
- 5. Step 1: Gather youringredients 4 Search for Stock Photos Color Palettes Fonts Cool Graphics Once we have an idea of who we are designing for, we need to gather some material to match the look and feel they're looking for.
- 6. 5 Step 2: Tell aDesign Story Identity Colors Fonts Identity Exploration Color Palette Logo variations, brand name, or maybe product photos. Brand Colors, color variations, website colors, etc. ABCDEF JKLMNO RSTUVW Z Fonts Example paragraph showcasing, font na etc.
- 7. FGHI OPQ WXY hs, font Images Content Layout Focus Shot Images Layout FunctionalityFocus Shot Relevant images and examples of proper image usage. Examples of concept web/app designs Larger content with person and various styling 6
- 8. h a Step 3: Makeit Artful The Art of The Frame Compose your content with a sense of perspective. Starting with content that is small, then medium, and large. Excerpt from the futur's stylescapes livestream 7
- 9.
- 10. Follow Thanks For Reading! For DesignTips,Tricks,and UX Cases, please consider following @joshwcorbett. @joshwcorbett Josh Corbett