Summary of Designing Inspired Style Guides • Andy Clarke • YOW! 2017
In the video "Designing Inspired Style Guides" by Andy Clarke, the speaker discusses the importance of creating visually appealing and functional style guides for web design. He emphasizes that style guides should not only serve as documentation but also inspire creativity and enhance user engagement. The presentation covers various aspects of style guides, including color, Typography, Iconography, and the overall design system.
Key Artistic Techniques and Concepts:
- Creative Design: Enhancing functionality and engagement through aesthetic appeal.
- Design Systems: Utilizing methodologies like Atomic Design to create comprehensive style guides.
- Visual Identity: Developing guides that reflect a brand’s personality through design elements.
- Interactivity: Incorporating interactive elements in style guides to better convey information.
Steps and Materials Suggested:
- Creating Style Guides:
- Combine Visual Identity guides with component or pattern libraries.
- Use semantic HTML, CSS, and SVG for development without complex frameworks.
- Design interactive UI elements to present color and Typography effectively.
- Presenting Color:
- Use imaginative ways to display color beyond traditional palettes (e.g., shapes, interactive elements).
- Demonstrate color contrast and accessibility considerations.
- Typography:
- Show typefaces in context rather than isolated examples.
- Include information on size, weight, and how Typography interacts with other design elements.
- Iconography:
- Explain how to create and adapt icons for different sizes and contexts.
- Showcase the relationship between icons, Typography, and color.
- Documentation:
- Include explanations of design choices and the evolution of the design process.
- Create engaging and informative content that appeals to both technical and creative audiences.
Contributors:
- Andy Clarke (Speaker)
- References to Brad Frost and his work on Atomic Design.
The presentation encourages designers to think creatively about how they document their design processes and principles, aiming to inspire others in the field.
Notable Quotes
— 03:02 — « Dog treats are the greatest invention ever. »
— 04:35 — « Beauty complements functionality; it doesn't detract from it. »
— 09:10 — « After 100 days of Donald Trump, we're going to build great Design Systems people won't believe it. »
— 32:46 — « I'm always amused when I read that to maketh the Skype Cloud we can use circles any size and placement and shape but make sure it looks clish. »
Category
Art and Creativity