Style Tile
Novice
Style tile covers a couple of basic elements, but it’s either too generic, or doesn’t convey the given brand attributes.Competent
Style tile communicates the intended brand attributes, and includes basic elements as well as some interface elements specific to the particular product.Proficient
Style tile also includes patterns, photography, or illustration styles appropriate to the overall product and brand.Expert
Style tile is detailed and leaves no doubts about its choices and intentions. It could serve as a good starting point for a more complete style guide.See Also
Competencies
- Visual Design Amount of Design Variations
- Visual Design Quality of Design Variations
- Visual Design Design consistency
- Visual Design Android Icons
- Visual Design Android UI Elements
- Visual Design Brand Attributes
- Visual Design Color Palette
- Visual Design Presentation Slides Design
- Visual Design Typography
- Visual Design Usage of Color Palette
- Visual Design iOS Icons
- Visual Design iOS UI Elements
- Interaction Design Responsive Layout
- Interaction Design Interaction Animations
- Interaction Design Interface layout
- Writing Tone Consistency
Explainers
Lessons
Resources
Books
-
Expressive Design Systems
by Yesenia Perez-Cruz -
Art Direction for the Web
by Andy Clarke -
Designing for Emotion
by Aarron Walter -
User Interface
by Ilya Birman
Tools
- Color Contrast Checker
- Contrast Checker
- Paletton
- SkyFonts
- Stark
- Adobe Color
- ColorBox
- Dribbble Colors
- Google Fonts
Articles
- Learning to See
- Lessons From Swiss Style Graphic Design
- Typography for User Interfaces
- UI vs Print
- A CRAP way to improve usability