1 / 19

How to Make a Style Guide Last

How to Make a Style Guide Last. Kimberly Blessing @ obiwankimberly. Design style guides document information architecture practices, aspects of the user interface , such as grids and layouts, graphic design elements, such as color and typography, and branding.

addo
Download Presentation

How to Make a Style Guide Last

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. How to Make a Style Guide Last Kimberly Blessing @obiwankimberly

  2. Design style guides document information architecture practices, aspects of the user interface, such as grids and layouts, graphic designelements, such as color and typography, and branding.

  3. Modern “front-end” style guides pair design specifications with codein order to give a complete picture of how the visual design language is implemented.

  4. ROI of Front-End Style Guides

  5. Typical Complaints

  6. The Circle of Standards

  7. Creation and Documentation • Start with the fundamentals • Investigate the live site and work in progress • Think ahead to future needs • Review regularly • Monitor projects for efforts that require standardization

  8. Training and Communication • Make training mandatory for everyone • Offer training regularly • Communicate on a regular basis • Make information available in a convenient format

  9. Project Review and Approval Process • Make adherence to the style guide part of the project requirements and acceptance or launch criteria • Formal design and technical/code reviews look for standards-related issues • New work gets fed back into the Creation phase

  10. The Standards Manager • Champion for the style guide and standards • May run a team dedicated to maintaining the style guide • Must understand the related disciplines and work to be effective

  11. Style Guide References • A List Apart article by Anna Debenhamhttp://alistapart.com/blog/post/getting-started-with-pattern-libraries • Collection of public style guideshttps://gimmebar.com/collection/4ecd439c2f0aaad734000022/front-end-styleguides

  12. Good Luck Making Your Style Guide Last! Kimberly Blessing @obiwankimberly

More Related