images

Flock Blog

An Inside Look

Flock Design

In this post I’d like to talk a bit about Flock and design. I must add a disclaimer; I have very little knowledge of design principles or terminology, so for all experts out there, please pardon my ignorance and feel free to drop me a note.

We began working on Flock right as iOS 6 came out. iOS 6 was an incremental improvement to Apple’s well known and loved mobile operating system. In the five years of it’s existence iOS varied very little visually so I felt very comfortable diving head first into creating Flock. Without knowing any real theory behind color spaces, element spacing or depths, or typography I could still make Flock familiar and stylish enough by adding some drop shadows, beveled text, and some gradients. While we were happy with the initial result, we knew any modern app needs style and flair to grab the users attention and earn their love.

It turns out we released the initial version at quite an interesting time. Right after Apple announced iOS 7. As some of you know, iOS 7 is a radical shift in the design of Apple’s mobile operating system. Apple embraced the minimalistic design movement by flattening their components, and generally eliminating the superfluous visual elements in their basic controls. At first glance, to someone like me with no artistic ability, this is a godsend. No longer do I have to worry about custom backgrounds, textured toolbars and beveled buttons. With a minimalist design any schmo should be able to layout their app handsomely. Unfortunately in practice the opposite is true.

With such a major break in existing paradigms the time was ripe to take my knowledge, consider my mistakes, and make Flock 2.0 for iOS 7 totally awesome. Plus using the new flat design I could make it look fresh and beautiful as well. As it turns out, making a great looking flat iOS app is not an easy task. Without the self containment each control possesed in earlier versions of iOS it is now up to the designer to make sure elements are laid out to promote natural flow, create breaks, and utilise proper color contrasts. So where previously each element independently represented itself through skeuomorphism, now every element on the screen must interact in such a way as to leave no doubt to their function. Having minimal visual elements requires in depth knowledge of design principles and the ability to create a great User Experience. After banging my head against the wall for a while and acknowledging the fact that I lack any artistic ability, we decided to get the help of someone whose work we admire quite a bit. As I type this, Flock is getting a complete new look (see above). We are very excited for the upcoming release of Flock and its new design. Look for it sometime after iOS 7 is let out of the gates.

Misha and the Flock Team