Johnny NinesJohnny Nines

960 Grid Actions for Photoshop

admin — Tue, 22 Jun 2010 15:42:31 +0000

Do you use a grid for your web designs? Do you use the 960 Grid System? Well if you do, I have provided a set of Photoshop actions for you to download.

These actions will create a Photoshop document ideal for laying websites out in 12, 10, 8, 6 and 4 columns.

Key Features of the Actions:

Creates a new Photoshop document from scratch.
Creates guides to determine grid columns and gutters with transparent layer to show gutter space
Creates Layer Groups for Header, Content, Footer and Backgrounds making it easier to lay your sites out in a orderly manner.
Compatible with Photoshop CS3 and higher
Works on Mac and PC

To install simply download the file below, then unzip and place the “j9s-960-columns.atn” into your Photoshop Actions folder. Open up Photoshop and navigate to your actions palette, select “Load Actions” from the palette options and enjoy.

Download 960 Grid Actions

U.S. Soccer

admin — Wed, 16 Jun 2010 20:37:18 +0000

Download the Wallpaper files here

Philly Beer Week App

admin — Tue, 15 Jun 2010 18:01:36 +0000

A few months before Philly Beer Week 2010, I was made aware that the event would be featuring an iPhone application to help people navigate through over 800 events. As a member of the local beer media and an interface designer I enlisted the help of some friends from Indy Hall to see if we could come up with something more strategically geard toward the beer drinker in Philadelphia. Development begun in early March by a team from Philly Cocoa and I was asked to handle the interface and user interaction. We went through a complete learning experience during the development of the user interaction and changed the functionality many times. Needless to say this was a stressful time to be making so many changes in interaction since we had only 2 months to complete the project in time for Philly Beer Week. The app has received an overall four and a half star rating on the iTunes App store. The members of the team and I are working on a new venture that spawned from the success of the app.

STRIP

admin — Fri, 28 May 2010 17:19:06 +0000

STRIP is a powerful password vault built for the iPhone by Zetetic, a small but very robust software company just outside of Philadelphia. One of the companies partners is a member of Indy Hall and asked if I could help bring some of Zetetic's properties up to speed in terms of creative. Starting with STRIP I created a more product driven site, making the features of the app front and center! With this in mind I wanted a bold and easily navigated design while keeping the product in your face. I must give major cudos to the Zetetic team for the way they coded this site. I dabble pretty fluent in CSS/XHTML but the CSS trickery that was used to bring this design to life was impressive from where I stand. Just take a look at the site, if you are experienced with CSS you will certainly appreciate the work the programmers did on the site.

Mailroom App

admin — Tue, 25 May 2010 19:48:49 +0000

My good buddy Dave Martorana came to me and said he had created a new mail app based on Google's API. He needed a nice icon and a marketing site in order to direct people to the app store. I gladly accepted the project and knocked out the icon in a couple of hours. The website was a huge change for me. I usually design with very dark colors, or at least that is what the client wants. This app seemed like it need to be less "slick" and more light and airy. When I think of mail I think blue skies for some reason. Needless to say the project was a blast and I am looking forward to contributing more.

Two Guys On Beer

admin — Tue, 25 May 2010 18:55:53 +0000

Two Guys On Beer is a podcast I co-host with Dave Martorana. We air weekly on Philly.com, as well as other outlets. The site was my responsibilty since I am the resident pixel pusher here at Indy Hall. We wanted a gritty feel and I like to make things look gritty. Site is a labor of love as we should be adding blog capability to it sometime in June 2010

Wireframe Symbols

admin — Fri, 27 Mar 2009 18:33:19 +0000

As a designer of interfaces I have to create wireframes in order to get a good idea of how all the elements of an app or website will fit into a defined pixel space. As I repetitively use the same elements like scroll bars, lists, buttons, tables, tabs, etc. it was natural that I would create Illustrator symbols to drag and drop into my wireframes. Over the past few projects I have tried my best to compile a decent library of elements that any designer, or user interface designer can use in their wireframes.

This download contains the symbol library and a full Adobe Illustrator file with all of the elements spread out on the art board. To install this library just drag and drop the file named “Wireframe Symbols.ai” into your Adobe Illustrator Symbols directory. Once you are in Illustrator go to your Symbols Palette and load the library.

This file is compatible on both Mac and PC. If you know others that would benefit from this file by all means send it along to them. I hope you enjoy the file and happy designing!

Download the File Here

Multiplex

admin — Mon, 23 Mar 2009 03:49:31 +0000

Multiplex is an application for DVD management on the Mac. That app was developed with the notion that DVD media should be easier to keep track of as opposed to boxes sitting on a shelf next to your entertainment center. We wanted a clean easy to use interface that utilized Apple's core animation in every aspect of the application. I joined the team of Dave Martorana (lead developer), Jason Allum (co-developer) and Jason Tremblay (co-designer) as the creative director and interface designer. Tremblay and I worked closely on every aspect of the interface and how the user interacts. The stadium view interface was something we wanted since preliminary wireframes. We sat with the developers in abundance to get a good idea of how far we could push the design of the interface.

Let’s Go Birds! Eagles Wallpaper Edition

admin — Sun, 18 Jan 2009 16:30:59 +0000

Download the Wallpaper files here

Multiple Designs, One Layout

admin — Wed, 10 Dec 2008 02:53:13 +0000

One of the many subscriptions in my reader is PSDTuts. Even though I am very versed in Photoshop the articles and ideas that get spawned after reading PSDTuts is overwhelming.

Tomorrow I will wrap up my Web Design I class, and this article from PSDTuts is such a great example for my students as they continue their studies in design and coding. The article focuses on the many faces of a decent web design template, exploring the diversity of a well prepared layout. It shows how one simple, clean structure of information can be used in an abundance of designs. It is a must read for any budding web designer and the detail the author places on his topic are second to none. Check it out here.