IXD104 Week 4

Illustration in UI

Today we looked at illustration in UI why it’s useful how to make them effective and where I can and should be used. We also looked at examples from designers and illustrators on how they incorporate their illustrations into their UI to help display information.

The illustration is there to clarify information to make clear by giving or by serving as an example or instance, to provide visual features intended to explain or decorate, and to show clearly what is being written about. In the example below the use of illustration clearly conveys the difference in the selected time making the app easier for people to understand.

Tips for sketching:

Sketching is not about being a good artist, but about being a good thinker.

1. Use a thicker pen
2. Draw straight lines
3. Be thoughtful about color
4. Make your sketches comprehensible
5. Use the right gear
6. Time yourself

Illustration in UI should be Meaningful, Recognisable, Preferably straightforward, unambiguous, and Clarifying. However, it should also be attractive harmonic and relative to the rest of the app design.

Mascots and characters can be a good way of introducing illustrations into UI that allows the user to interact freely with the app and the mascot by asking questions or receiving a tour of the app/website.

Illustrations in UI can be many things such as:

  • Thematic
  • Iconic
  • Diagrammatic
  • Data Visualisation
  • hyper Realistic
  • Simple Vectors
  • Hand Drawn
  • illustrations for UI
  • Onboarding

Leave a Reply

Your email address will not be published. Required fields are marked *