Killing It

I’m reading a book, “Revising Prose” by Richard A. Lanham, in which he writes about the imbalance of nouns and verbs in the Official Style, a formal language used to sound more professional. He writes: ...they all build on the same imbalance: a dominance of nouns and an atrophy…

Create Presentation Ready PDFs with Artboards in Illustrator

Ignoring artboards contributes a lot to the super-speedy, wireframe design process that can be accomplished with Adobe Illustrator. 99% of the time, I leave artboards hidden and only toggling their visibility and manipulating them only when I'm ready to export a PDF for presentation purposes. This is similar to drawing…

High-Level Wireframe Design Intro with Illustrator

In the early stages of a project it can be helpful to map out as much of the experience as you can to help get everyone on the same page. Conversations and decisions often become a little more tangible when there is something to look at and point to. Once…

3 Illustrator Wireframes for Your Next Responsive Web Design Project

Free device download It can be difficult for a client to understand which screen design is which if you present your work without device context. Below is an example that shows the high-level wireframe layout for three major breakpoints. These aren't meant to be the governing authority on breakpoints that…

How to Create a MacBook Pro Wireframe in Illustrator

This MacBook Pro, along with the other devices, works well when displaying wireframes for responsive designs. 3 Techniques for Creating Rounded Rectangles in Older Versions of Illustrator I’ve had several people comment on previous tutorials that they were using older versions of Adobe Illustrator, which don’t support the…

How to Create a Simple Illustration in Illustrator

I'm working on some wireframes for a client who builds large vessels and rather than use the standard grey box with the "X" in it to represent every image, I thought it would be fun to do a quick little abstract vessel illustration to give the wireframes a little more…

How to Create an iPad Wireframe and Mobile Safari Icons

Continuing on with AIUX series, we’re going to look at creating an iPad wireframe and mobile Safari icons, by repurposing a few items from the iPhone we created. Now I’ve already covered iPhone wireframe creation, which is essentially the same method for the iPad, so in this video…

Vectorize a Logo Using Simple Shapes in Illustrator

If you've been a designer for longer than a minute, you've no doubt ran into a situation where you need the client's logo for something you're working on. Do seek out the official logo whenever you can, especially if it's super brand specific, but if it's for something like I'm…

How to Create a Sitemap in Illustrator

When you're working on a website, web application, or a mobile app, it helps to map out the experience before you dive too deep into the weeds of design decisions. It took roughly 6 minutes to design the sitemap above. The video below is sped up 2X so you can…

How to Create a Mobile Safari, Title Bar Wireframe with Illustrator

In this second post in the AIUX series, we'll walk through creating a mobile Safari title bar wireframe. In the last video we created the base iPhone wireframe, so now we'll add a title bar so it can be used as a base for mobile-first website designs. Check out the…

How to Create an iPhone Wireframe with Illustrator

Welcome to the first official post in the AIUX series. In this video, we're going to create a simple iPhone wireframe that can be used as a base for iPhone apps and mobile web design wireframes. Yes you could probably find a download of this on Dribbble or somewhere else…

The Difference Between a Good Designer and a Super Designer

In the movie Megamind, Megamind succinctly explains to Tighten (he misspells “Titan”) the difference between a villain and a super villain. While Tighten is very evil and villainess he just doesn’t compare to Megamind’s audacious and theatrical performances during the movie. Watch the clip above to see what…

How to Change Your Screenshot Capture Location

Create a new folder on your desktop called ss Open Terminal Type the following command (change mds to your own user name): defaults write com.apple.screencapture location /Users/mds/Desktop/ss Now type killall SystemUIServer Done You can substitute ss for anything folder name you'd like. If you want…

Circles 2014

I wrote most of this on the plane, flying back from Dallas, after a fun-packed week of conversation, inspiration, and some hardcore paintball. Now, over a month later, I’ve finally decided that I need to finish this post before it dies and sad lonely death in my drafts folder…

Priorities

Father First John Saddington: Making commitments to your business is hard. Making commitments to your family is even harder (and keeping them). Strange, isn’t it as you would think that it should be reversed. As a father of four, I can so relate to this. It's a constant struggle…

Photoshop is Sketch's Daddy

The more I use Sketch for interface design, the more I like it, but it also makes me appreciate how awesome Photoshop is. You just can't beat Photoshop for image editing - sizing, cropping, compositing, etc. and that's not even half of its capabilities. Photoshop was created in 1988. For…

Why Wearing Black Can Actually Keep You Cooler

I'm working on some cycling jersey designs, which has prompted me to do a little research regarding color and heat intake. It's pretty common to hear that "wearing black makes you hotter." While that can be true if you are completely stationery, it can make you cooler if there is…

Change

"The only thing that is constant is change" ― Heraclitus I've never had a favorite season. Fall, Winter, Spring, Summer. None of them are my favorite. I like the in between. The transition. I like the change. The smell of fall with its cool air effortlessly flowing through each deep breath…

Tiiny

Tiiny is an app that I've been using the last few days since it came out. The premise is simple. Share tiny little photos (and videos) that disappear after 24 hours. It's a neat concept that seems to remove unspoken barriers that build up naturally in any other "social network…

How to Create a Big Blurry Image with Photoshop, Illustrator, or Sketch

Blurry images are like Hansel, so hot right now. There's a few different ways to create them, so we'll look at this technique in Photoshop, Illustrator, and Sketch. First and foremost, the software you use depends primarily on what you're comfortable creating in, as well as the specific reason your…