Words 105
Good writing is good design. It’s a rare exception where words don’t accompany design. Icons with names, form fields with examples, buttons with labels, step by step instructions in a process, a clear explanation of your refund policy. These are all interface design.
Words 97
Users should never have to guess if something is clickable or not.
Resource 03
A multi-page skeleton web project framework. A simple aim; create a basic, yet expansive web project template that you can download, use and deploy quickly. Bootstrapped LESS integrated stylesheets – commented, variables, mixins, retina ready, minified. jQuery & Google Web fonts ready. Mobile friendly design. View live website View on GitHub Please feel free to download and use in yourContinue reading “Resource 03”
Workflow 03
At Nutshell we use HipChat daily, resulting in CloudApp becoming a fundamental tool. The Auto-upload screenshot preference which I initially found frustrating has become a convenient way to quickly share content – visuals & text. It also serves as a running history of UI inspiration.
Workflow 02
A brief endorsement of Bootstrap – a mobile first framework for faster and easier web development. Yes, I know I am very late into the game. I eventually got onboard – very impressed.
Pictures 50
Google being helpful again. Intuitive, easy yet descriptive – helping users along their way with minimum fuss.
Resource 02
A iOS 7 GUI template – a lightweight Photoshop document, containing all the major iOS elements to help you design your app. It’s a well organised, labeled and layered PSD of the latest version of iOS. Preview Download
Resource 01
A browser chrome template – a simple way to showcase your screenshots. An organised and editable Photoshop document; masked screenshot area, vector objects, editable text, colors & layer effects. Preview Download
Workflow 01
[youtube=http://www.youtube.com/watch?v=_tn0ELTO_CI&w=640&h=360] GuideGuide – the efficient way to set up a grid in Photoshop. Enter in a few numbers… magic… columns, rows, midpoints, and baselines – done.
Project 04: Nutshell Inc.
Logo design & brand guidelines Web design & build iOS & Android UI design Web app UI design & development Check out the Nutshell dribbble project to see what we’ve been working on.