That's right, friends, it's a new look for CMD Sketchpad!
CMD Sketchpad is going to go through a few changes. In response to Oma's comment on my recent PSP recreation, and because I'm really not keeping up with the Paint.NET tutorial scene, I'm branching out. The Sketchpad will still host Paint.NET tutorials, and I'll still write tutorials for Paint.NET, but I'll also be writing tutorials for The GIMP, Inkscape, and general web design tips and tricks. To go along with the restructuring, here comes a redesign!
This mock has quite a few interesting things about it:
The area in the header will be an interactive bit, where the arrows will cycle through the preview texts of the few most recent blog posts and tutorial entries.
The side links will also be dynamic, and the arrows there will cycle through the links list, the recent tutorials list, the recently added downloads list, the alternate CSS sheets list, and the recently posted blog entry list. The icons above the line in the sidebar show the icon for the category link as shown in the main link stack, and there is an arrow below the currently active list. The small disk icon on the left of the sub list icons would bring up a dialog which would allow the user to save the currently selected list as the list to be displayed by default.
The main links stack shows the links in their available states. The Home link is in the selected state - the way that link would appear on the home page. The CMDNotepad link is in the hover state. The remainder of the links are in their normal state, solid white with a light grey icon. The icons themselves were created by hand, pixel by pixel, using the Pencil tool.
One thing I plan to do with this design which I've not done before on the Sketchpad is including real photos in the design. Since I'm such an advocate of freely sharing things, I'm "partnering" with photographers who post their images on the Stock.xchng
- each page will have a different image relating to the content of that page and each image will come from the Stock.xchng. To "give back", each image will link to the photographer's profile page on the Stock.xchng.
The image used for the header here in the home page is titled Lily Series 4
by Jake Levin: [ SXC
This design actually came about strictly because of Jake's photographic brilliance. I went to SXC.hu to look for a specific image style for a project I was working on, but sibaudio just happened to be the featured photographer on the front page when I entered, and Lily Series 2
was his featured photograph. The composition was so perfect, the colors were so striking, and her eyes were so engaging that they not only carried the photograph despite the rest of her face being hidden, but gave it it's very appeal. I started browsing his gallery, and as soon as I saw the fourth in the series, this entire design just composed itself in my brain. The rest of the design process was just trying to get the original vision out in pixels.
This design was created in The GIMP
And seriously, you should check out Jake's gallery. It's inspiring.
Comments would be awesome.