Design

Jul 27, 2010
Design, Media, Tech, Workshop

Headline Tumblr Theme Featured on Mashable

Headline is an impressive theme from Airspace Workshop. In fact, without the Tumblr “Follow/Reblog” buttons, you would likely never even know it was a Tumblr theme.

Great use of space, columns and post types, along with lots of great elements and little touches. If you’ve ever wanted a magazine-style theme for your Tumblr blog, check out Headline!

10 Terrific New Tumblr Themes on Mashable

Jul 9, 2010
Design, Tech

Developing a Smarter Client

via U.S. National Archives (http://bit.ly/bSisuf)

Given the intimate size of our company, we often find ourselves fulfilling numerous roles throughout the day. One moment we’re handling client phone calls, the next we’re in a creative brainstorm, or reviewing mockups, or visiting the printer for a press-check, or…

If you were to divide our working hours into groups, they’d include categories such as “Creative Conference” and “Account Research,” in addition of course to “Graphic Design” and “Web Development.” When combined, those activities lead us towards solutions for our clients, and from a business perspective, provide valuable revenue that keeps Airspace Workshop in business. However, tucked between the deliverables and bank deposits lies a valuable byproduct that benefits both our clients and our business. [Continue...]

Jun 3, 2010
Design, Tech, Travel

Bank of Hawaii’s “Fast Cash” is Relatively Slow

Show me the money!

During a recent trip to San Francisco, I found myself face-to-face with a Bank of America ATM at the Ferry Building Marketplace. Our encounter would be brief. After sliding my debit card through the reader and entering my PIN, I was presented with a number of options on the touch screen, including multiple cash denominations. Rather than pressing “OK” or “Enter” and being presented with various transaction types, I simply selected the amount I wanted. Moments later my cash and receipt were dispensed and I was on my way. Total number of keystrokes, including a 4-digit PIN: five.

Yesterday I made a withdrawal from the Bank of Hawaii ATM located in Kaimuki. First off, it “eats” my card, as opposed to swiping it. Then it requests my PIN, and instructs me to “Press Here After”. OK. Select a transaction type, “Fast Cash”. Select an account (even though I only have one), “Checking”. Select a preset amount, “$20″. Some whirring occurs and the cash is dispensed. Shortly after, my card is ejected, along with a receipt. Total number of keystrokes, eight. That’s 60% more effort than the Bank of America ATM required for the same transaction, and an unexpected lesson in how thoughtful design can substantially improve usability and user experience.

Jun 2, 2010
Blog, Design, Tech

PostScript vs. Dot-Matrix

Entering the Flash vs HTML 5 argument is a trip down snoozer lane, but this passage from Hartmut Esslinger’s book ‘A Fine Line’ kind of framed the debate in a new light. Esslinger’s ID company frogdesign helped Apple design the original Macintosh line, he comments on overcoming the challenge of low fidelity dot-matrix printers that were ubiquitous at the time. Apple was focused on designing a computer that could produce high-resolution graphics and needed a printer that could deliver them in a home or office. Esslinger’s aside at the end is a telling piece of history that most people will have long forgotten.

Apple made an under-recognized breakthrough in the 1980s with its advances in desktop publishing. Our goal was to move beyond the horrible graphics of dot-matrix printers, so Apple began by licensing modern typestyles from the German type setting company, Berthold. We then took the Canon’s high-end copy engine and combined it with a Macintosh board, which had the capability to process the high-resolution PostScript graphics of scalable fonts, and added a “soft window” user interface. The printer was an instant success. With it, Apple pioneered an entirely new industry for design software (companies such as Adobe wouldn’t have started without it).

To be fair, Apple did not indirectly create Adobe, as the technology embedded in the printer was in fact Adobe’s first invention – PostScript. Founder John Warnock, a former Xerox PARC employee, created a technology that allowed scalable fonts for high-end main frame printers ($30,000 = high end). A combination of the Apple Laserwriter ($7,000), a copy of Aldus Pagemaker and a Macintosh is what set-off the Desktop Publishing revolution. Esslinger’s passage hints at the lucrative future for the publishing industry that we benefit from today, but their solution for protection against poor-quality graphics is the clue to Apple’s current strategy for the web. In the 1980s, Apple built a computer (the Macintosh) the industry did not understand or need, only until all the pieces were in place did the value of the Macintosh computer ascend. Apple’s foresight to use PostScript within the printer and OS allowed Adobe to be part of that revolution. Today, Apple is still trying to protect itself from poor-quality graphics, ironically from Flash, an Adobe acquisition from Macromedia. If you replace the Macintosh of the 80s with the iPad, you’ll see a pattern that Apple again needs to build the proper ecosystem for the device to exist within. Flash is a capable tool, but to Apple’s standards, it provides them with enough reason to break rank with the Industry – again. The iPad and iPhone is Apple’s new Macintosh and unfortunately for Adobe, Flash is the clunky dot-matrix printer of the 21st century. Oh the drama, nap time.

Headline – A Free, Customizable Tumblr Theme

Headline - A Free, Customizable, 3-Column Tumblr Theme

Introducing Headline, our second Tumblr theme. It consists of a three-column layout and a number of built-in features that may be customized directly within Tumblr’s Appearance menu, including: Custom fonts, colors, and images; Twitter integration, including hovercards via the API; Typekit for advanced typography; Disqus comment moderation; Streampad audio playlists; VigLink and Amazon Associate monetization; and Google Analytics to keep track of your metrics. Headline is elegant, easy-to-use, and best of all, free!

View the Headline Demo | Learn About its Features | Install on Tumblr

TheHI Flyer

TheHI gets a flashy new flyer. Look out for a collaborative series of infographics courtesy of ASWS and HI2059.

Trusted in the Tower: DaFin’s New Packaging

DaFin is the #1 choice of lifeguards, bodysurfers, and top watermen around the world and is standard issue equipment for more than 40 municipal lifeguard and surf rescue agencies in the USA.

Airspace Workshop worked with DaFin Surfing Products to refresh their swim fin packaging for 2010. To emphasize the performance and reliability of the product, a new tagline was developed, “Trusted in the Tower,” along with a bold color palette and strong typographical treatments.

Research into the packaging’s presentation within retailer shops led to large logo treatments on the outer faces, to ensure brand identification when stacked amongst competitors. Look for the new packaging in your local surf shop this Spring.

For more information about DaFin, visit dafin.com.

Dec 3, 2009
Book, Design

Give the Gift of Conundrums

Conundrums

Having trouble locating a holiday gift worthy of your hip designer friend’s attention? Toil no longer, Typographical Conundrums has arrived. The book contains over 170 visual wordplays by Harry Pearce, set in AG Old Face, in just two colors. While you’re at it, treat yourself to a copy, you deserve it.

Nov 10, 2009
Design

Proof before publishing

makiki_watch

Poorly worded caption made worst by an inconveniently placed link.

M82 – A Customizable Tumblr Theme

m82_themegarden

Took a bit of time this past weekend to polish up my CSS/XHTML skills by creating a customizable Tumblr theme, M82. The theme was accepted earlier this morning into the Tumblr Theme Garden, and I’ve been impressed with the current response, considering it’s only been a little over 12 hours and already over 100 users have already installed it.

For more details regarding the theme, it’s features, and how to customizing, please view the M82 Theme Demo, especially this post regarding its feature set.