Good Design and Good Gameplay

Well Today I have some cool nuggets but also some thoughts on design and also a cool game I found recently.

So the other day I stumbled upon a really awesome Q-R code generator. However, what impressed me the most wasn’t the functionality of the website or tech but the design revolving around it’s marketing.

Check it out here

The Website details pretty clearly everything involved in the usage and inner workings of their QR code generator website.

It has brand cohesiveness, some nice illustrations, but also tightly explains the importance and role of design.

However, it breaks a rule of design. I’d heard it said before that you either show me or tell me but don’t do both at the same time.

So is the rule wrong or are the designs for this website wrong? Well the answer lies in the facts of something different. While someone might say not to do both I think that if done properly showing and telling can be more powerful than one might think.

Here are some images to demonstrate.

Track Info Work Together

As one can tell the designs cohesively mesh together quite well creating a sort of symbiotic relationship between text and imagery. Yet, why has this worked here while previously it may not have. While it really comes down to the newest trend: flat design.

With the onset of flat design one could say that because of it’s emphasis on minimalism and and lowering of the visual planes from a 3D visual aspect it gives less for the eyes to look at thus allowing for you to both show and tell at the same time without them distracting from each other.

I find it fascinating especially because this is sort of a response to the move to flat design and the cons and pros that it brought with it. With flat design you received much better clarity of message and cleanliness of look and brand. However, you lost interest or pazzaz and things started to look to corporate or sterile in some senses. While there is nothing wrong with that some people have gone different directions in solving these drawbacks. For example in the mobile world we see a lot of motion and movement in the world of flat UI design. Meanwhile in static webpages while motion is capable sometimes utilizing this technique offers nice incentives.

I think this is incredibly interesting however I’d love to see where this eventually heads.

I’d thought I’d throw in another little nugget just for the sake of sharing.

Kingdom is a pretty new indie developed game that I’ve enjoyed see getting press and also review success. However, what most intrigues me is it’s gameplay. The design of Kingdom is that you are the King and you pay your minions to do your work for you. However, this is done with a twist. Rather than simply have them help you defeat the monsters in the forest they are your arms and feet so to speak. In fact besides paying for buildings and training and weapons you cannot directly interact with any of the enemies by attacking them or even directly interact with the environment.

It’s an interesting concept on the idea of managerial testing in the form of good gameplay and makes of some interesting scenarios.

If you’d like to check out a cheap game on steam this is the game to try out and it’s relatively short and quick to play.

– BW


Back in Action

After taking a bit of a haitus from writing on my blog for a bit I thought I’d start up with a cool come back to form with a blog of two COOL websites I found today.

Now naturally as someone who likes Cinema 4D I love entrance and credit sequences and when I see well done ones in films I have a good kick. Needless to say I was quite glad when I found out about this website.

Basically it is a compilation and breakdown of various opening motion graphics and title sequences from films past and recent. It’s fairly awesome and as someone who is a bit of a pacing nerd I love this sight mostly though for the in depth information. For a good deal of these the actual people who made them are interviewed and they give creative insights and information into the underworkings of the pieces.

Seriously just go and read a few and you’ll be amazing just how deep something like and opening sequence can be.

Now another sight that’s probably a little more function (especially if you are a webdesigner) was this github space for Font Awesome.

Font Awesome is a web based packet language that when combined with your regular web pages can give you access to high quality but low space eating widgets and icons for your webpages. Usually in the past when I’d want to do this I’d go to Noun Project. Find the appropriate icons and then make sure that they were the right sizing and were configured properly as PNG’s. However, this works being based off svg’s and being vector based it is an even smaller size and easier to use. When combined properly it works seamlessly into your code, with multiple sizing possibilities, making on the fly changes to icon buttons easier than ever before.

Anyways go ahead and check em and and let me know what you think.

I’m hoping to post my review for Babadook sometime within this week so check back later.

– BW