Rojakcoder

Tech and Biz Ramblings

Projects & Experimentations

A collection of UI design snippets for inspiration.

Access control library for Java, JavaScript and Go.

Library for working with Google App Engine and Datastore.
Deprecated.

A simple Web app to help simplify the calculation of pro-rated salaries.

Plugin for swiping elements on touch screen devices.

UI Case Study 11

full image

What I like about this set of mockups is the way the illustrations are made less boring using some accent colours and dots.

horizontal stitch of four illustrations
Illustrations with dots and stripes of accents

The same technique is also used with the circular icons.

vertical stitch of illustrations

Contrast as a Differentiator

Interestingly, the illustrations uses contrast as a way to make one item more important than the others. It IS one way of highlighting the most important item in a list no doubt.

Coloured Shadow

variation of the checkout button

Coloured shadows are not easy to pull off. In this example, it is able to do so because there is consistency with the highlighted icon.