Using Style Guides to Bridge Design and Development

Focused View

David Karlins

50:34

126 View

01 - Introduction

01 - Style guides for designer and developer communication.mp4

00:51

02 - 1. Defining Style Guides

01 - What is a style guide.mp4

06:20

02 - Elements of a style guide Color schemes.mp4

06:52

03 - Elements of a style guide Typography.mp4

04:59

04 - Elements of a style guide Textures.mp4

02:12

05 - Elements of a style guide Graphic elements.mp4

05:03

06 - Elements of a style guide Adjectives.mp4

03:27

03 - 2. Creating and Using Style Guides

01 - Tile layout and design.mp4

06:25

02 - Using style guides to facilitate the design process.mp4

02:13

03 - Handing off documentation to developers.mp4

05:55

04 - Exporting styles to Zeplin.mp4

05:33

04 - Conclusion

01 - Next steps.mp4

00:44

Description

If you currently work as a UX or UI designer, or are looking to break into the field, it’s essential that you know how to use a style guide to bridge the gap between design and development. In this course, instructor David Karlins gives you a comprehensive overview of style guide documentation, how it works, why it’s so important, and how it fits into professional designer and developer processes and workflows.

Explore the basics of a well-designed style guide to learn more about how it maps out on particular elements, including colors, fonts, copy, layout, formatting, textures, graphics, and other key design elements. Along the way, David gives you tips on how to generate and share style guide docs with project stakeholders. By the end of this course, you’ll also be equipped with new technical skills for exporting your complete style guide from a prototyping app like Figma into a developer tool like Zeplin.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

User Experience Design

User Interface

David Karlins

Instructor's Courses

Student of and resource for communication technology, culture and technique: Author of a unique range of dozens of books on communication design and tech including Building Websites All-In-One For Dummies (co-author), Adobe Illustrator CC For Dummies, and Adobe Analytics For Dummies (co-author); UI/UX designer and content developer; creator of online courses syndicated through Cengage and LinkedIn Learning; Adjunct Professor, City University of New York (CUNY) and New York University (NYU).

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.