Visual Mood board & UI Inspiration

Moodboards are an established design method for visually communicating mood and creative direction for a product, in the early phases of a design project. Grace, F. (2015) suggests that a really well presented mood board can give project stakeholders a clear understand of the style you intend in user for a project. A polished, beautiful board can give your client an immediate understanding of your style and intentions for a project

Mood boards 2.0

The rise of Responsive Web Design (RWD) has forced designers to change the they are they design websites and applications. It not longer makes senses to design, so much so that Ethan Marcotte, the pioneer of RWD suggests that continuing to design static Photoshop comps is  catalog of assumptions

Enter style tiles

Style tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

Source: http://styletil.es/

Going beyond the aesthetic

  • Interaction design is more than just how it looks, it’s how it works
  • The benefits of UI Guides
  • Examples of UI guides

UI Inspiration links

Moodboard

References

1. Grace, F. (2015, March 4). Create a Design Moodboard: Communicating Color and Texture in Adobe InDesign. Retrieved March 30, 2017, from https://design.tutsplus.com/tutorials/create-a-design-moodboard-communicating-color-and-texture-in-adobe-indesign–cms-23306
Advertisements