design – Page 2 – Design and Code

Interaction Design

Learnings from Reading A Practical Guide to Information Architecture

Information architecture, or IA, is a term that you’ve probably come across quite often if you’re in the experience design field, but what exactly is IA? What is the relationship between IA and navigation? And what are the things that we need to keep in mind if we want to construct a good IA for our project?

These were some of the questions I used to have about IA, and the book A Practical Guide to Information Architecture, written by Donna Spencer, provides answers to these questions.

Freebies

Free Typeface: Typhoon Display Regular

Typhoon Display is a display typeface with high contrast in stroke width. It is designed to be used in large font sizes in titles.

Download Typhoon Display Regular For Free

Visual Design

Sketch Plugin: Paste Paddings

This sketch plugin copies the paddings of one element to another. It can speed up your workflow when you’ve changed the spacing of one element that’s shared across different artboards and would like the new spacing to be applied to the same element in other artboards.

Learnings from Reading About Face

About Face is a popular book in the interaction design community. Written by Alan Cooper, Robert Reimann, Christopher Noessel and David Cronin, it covers the essentials of interaction design and is packed with deep insights. Reading this book has changed the way I think about and approach interaction design, and here are my three key takeaways.

Visual Design

Three Steps to Making Visual Designs Lively and Interesting

Whether we are designing an app, a website, or a presentation deck, creating visuals for multiple screens or pages can be a challenge. We seem to run out of inspirations quickly. We may have one or two interesting ideas in mind, but after we exhaust those ideas, our designs tend to be repetitive, dull and boring.

What’s the best way to tackle this challenge so that we can consistently produce visuals that are interesting and dynamic? Here’s a three-step approach that I found helpful.