Marker Elements Brush Set
Check out my latest file on . It’s a Photoshop brush set of 33 grungey, marker elements. The download also includes the source tif files used to create the brushes for editing purposes. Head over to the for more info.
64GB, enough storage space?
I was excited to see the release of the updated the other day. My only problem was the minimal storage options. The entry level, 11-inch model, only has 64GB of flash storage. Although I’m stoked on the idea of flash storage, 64GB seems pretty low.
Continue Reading »
Adding Noise And Textures
There’s an excellent article over at on how to add to Web UI elements in Photoshop.
Continue Reading »
The UX Design Process
I recently had the opportunity to attend a UX workshop that was part of . The workshop speaker was and he outlined an excellent UX design process. In this post, I’ll outline the process, combined with a few points from my own system for designing a website. Continue Reading »
Adobe CS5 Released
Adobe has released version five of their suite of apps, CS5. Personally, I feel like I just upgraded to CS4, so I’m probably going to hold off upgrading to CS5 for a little while. Hell, I haven’t even figured out all the new features in CS4 yet! What do you think? Is this release to soon? A bit of a money grab on Adobe’s part?
Continue Reading »
the web design process: parts 3 & 4
I thought it would be better to get this series done by friday, so I’ve decided to roll parts 3+4 into one post. We’re going to cover the last 5 parts of my web design process today. Check out the overview of all the steps below:
Make sure you check out in the web design process series.
Make sure you check out in the web design process series.
Overview
» Defining the end goal
» Navigation planning and sitemap
» Hand-drawn rough layout
» Photoshop comps
» Review comps to ensure the end goal has been met
» Coded comps (alpha)
» Dynamic content integration
» Browser testing
» Launch checklist
» Soft launch (beta)
» Launch and promotion
Continue Reading »
The web design process: part 2
Time for part 2 of 4 in the web design process series. Today I’m going to cover Photoshop comps, reviewing your goals, and coded comps. Check out the overview below to see all the main steps in the design process.
Make sure you check out in the web design process series.
Overview
» Defining the end goal
» Navigation planning and sitemap
» Hand-drawn rough layout
» Photoshop comps
» Review comps to ensure the end goal has been met
» Coded comps (alpha)
» Dynamic content integration
» Browser testing
» Launch checklist
» Soft launch (beta)
» Launch and promotion
Continue Reading »
The web design process: part 1
Everyone always preaches that the “process” is so important, but they never actually go into details on what the process is! Don’t get me wrong, I think having a process is critical to designing an effective website. The goal of this post is to outline a step by step guide for designing a website – from initial concept to launch.
Overview
I’m going to start by listing all the parts of my design process. Let me state here that there are many design processes, this just happens to be the one that I’ve found works best for me.
» Defining the end goal
» Navigation planning and sitemap
» Hand-drawn rough layout
» Photoshop comps
» Review comps to ensure the end goal has been met
» Coded comps (alpha)
» Dynamic content integration
» Browser testing
» Launch checklist
» Soft launch (beta)
» Launch and promotion
Continue Reading »
Setting Type on the Web to a Baseline Grid
There’s a great article over at concerning . This is a problem that has always driven me mad in web design. My print background wants everything to look the same! They outline a simple technique that will help your type and layout overall.
Follow me