10: User Interface

Dribbble

A simplistic, raw, spacious sort of UI. There's definitely a sense of organisation, that you can easily navigate the website: there's the top menu bar, then a panel to introduce themselves, then to another menu and some redirects below. The colour scheme is also gentle but neutral, with the dominating beige giving off a 'raw' feeling. Though to note, this set-up could be considered too generic with the 'plain' structure and colours they used.

Sharbit

This seems like a page that would be cool to touch. The contrast between the splotchy, rough paint and the smooth, solid colour of the table is pleasing. The rule of three in terms of this is also used. The use of the paint-roller also adds more 'story'/'context' to the left-side paint, making it a 'full' artwork. It is also clever how the designer placed the elements in the foreground (title, subtitle, sign-up bar) to contrast with the dark paint beneath.

Mailflow

A UI like this conveys a sort of aesthetic through its illustrated artwork. The palette of cyan, aqua, whites and pale reds stir up calming, flowing emotions. As for the illustration itself, it has a nice composition, using the rule of three and a definite flow of direction, where the 'breeze' takes up the elements in the artwork to sway in a conformed direction. This calmness that comes from the background stays in the foreground, where all the text and other elements fill up what would otherwise be negative, empty space - there's a 'beautiful' balance in this UI.

Spotify

Sleek, modern, clean. Spotify uses a modern-style UI to make their users feel a good sort of 'isolated'. The use of the green and black contrast - it conveys an idea of modern and sleekness which reflects Spotify's popularity as a music-application. The use of the ambiguous colour 'black' also would contrast well with the differently-designed albums that Spotify features. Lastly but not the least the arrangement of all their buttons, etc. are organised very cleverly, where they use separate the entire page into three columns to distinguish their uses, with the main one the largest for emphasis. Altogether a very effective, easy-navigable design.

Paradigm

It seems isometric designs are a trendy design idea. Upon first impression we can tell the website is related to technology, particularly software - this is likely because there are many similar designs, which use elements like in the way like with colour. The use of a cool-colour gradient in the background correlates with transitional, modern design, which compliments the isometric, neon colours of the tower in front. Furthermore the sans-serif typography suggests professionalism well, and the effective hierarchy through emphasis and contrast makes it easy to read. Having the icons and redirects on the very borders of the screen also demonstrate use of space, where the 'spread' of elements make everything seem like their placings were deliberate - this is a modern and easy-to-understand design.