Posts in the category “Design”

I have a feeling Jakob Nielsen may balk at this design but I like it all the same.

When you go to the University of Cambridge’s Research section you’ll be greeted with this menu in the sidebar:

research-at-cambridge_submenu-01

Pretty standard fair. But click on any link under Research at Cambridge

research-at-cambridge_submenu-02

and you get something that looks like the fair-headed child of a menu and breadcrumbs. The pages higher in the menu hierarchy have upward pointing arrows signalling “click me for a higher-level view” while also having a downward pointing nub that invites the user to drill deeper.

Very sexy!

Bru-HIMS Banner that looks like it is giving a rude gesture

I had to do a double-take when I saw this banner at the local government hospital. At first glance it looked as if the finger was making a rude gesture.

I really liked the design of Bru-HIMS‘ other posters so I’m willing to look past this little snafu.

We’ve heard it before: Sans-serif fonts are more legible on screens blah blah blah.

I always got excited anytime a new free Sans-serif typeface was released that contained what I consider the required four variations: Regular/Roman, Bold, Italics and Bold Italics. And thanks to @font-face allowing font embeds on websites, collection sites such as Font Squirrel and hosting solutions including Google Fonts, the web designer is more spoiled for choice than ever before.

I present below four Sans-serif fonts provided by four different sources that, erm, kinda look the same. All contain my required four variants and they all even have thin versions of themselves. Best of all, they are free for use on websites.

Open Sans

Open Sans

Source Sans Pro

Source Sans Pro

Fira Sans

Fira Sans

Clear Sans

Clear Sans

Serif VS Sans-serif: no longer a question of legibility?

Interestingly, with the advent of monitors possessing higher pixel densities, usability proponent and aficionado Jakob Nielsen has revisited and somewhat overturned the common wisdom that Sans-serif fonts are more legible. Truth is they were back when monitors weren’t so capable. On moderns screens, when it comes to choosing between Sans-serif and Serif fonts for legibility:

there’s no strong usability guideline in favor of using one or the other, so you can make the choice based on other considerations — such as branding or the mood communicated by a particular typographical style.

Well if that don’t just beat all.

I’m not a huge fan of Under Construction style landing pages — I rank them just below websites that make me Click here to enter — but that doesn’t mean we can’t have some fun building them (and perhaps learn a thing or two).

Read more »

Congratulations to Royal Brunei Airlines for receiving the 2014 REBRAND 100 Distinction for their rebranding efforts! I like the new look but then again I’ve always been a fan of simplicity & clean designs.

Read more »

Yet another major social network changes its user interface. Torches are on your right, pitchforks on your left.

In all seriousness though, the redesign is predominantly cosmetic to unify the experience over different devices. And although it adopts influences from Flat Design it doesn’t fully embrace it — *meh* fonts and all.

I always appreciate a simpler, cleaner design. So no arguments from me.

I’ve long felt that designs you see around Brunei are dated. Heck, I’m one to talk — I only recently flattened the design of this here website! So I think the Ministry of Health should be applauded for the design of their posters promoting Bru-HIMS and the Health Promotion Centre.

Read more »

It took less time than I thought to flatten the look of this website. I know we’re a bit late to the party but I really thought it was going to take longer than it did. All I had to do was comment out the CSS3 gradients, remove some borders, straighten out the rounded corners and substitute a font or two. Thank goodness for LESS, I say.
Read more »

Part of the Caveena Solutions logo with Path Nodes visible

A while back I updated this website and switched out some of the png files with their svg equivalent. What I forgot to do was render the fonts in my logo as paths before uploading the svg file.
Read more »