Shop Mobile More Submit  Join Login
×




Details

Submitted on
April 19, 2008
Image Size
348 KB
Resolution
900×850
Link
Thumb
Embed

Stats

Views
3,280
Favourites
11 (who?)
Comments
15
Downloads
154
×
CMD Sketchpad design - PROpad by TebgDoran CMD Sketchpad design - PROpad by TebgDoran
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 | dA ]


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. ;)
Enjoi.
Add a Comment:
 
:iconboltbait:
BoltBait Featured By Owner Jun 5, 2008
Oh, look! I'm in your links section. :)
Reply
:iconnozomi-neko:
nozomi-neko Featured By Owner Apr 20, 2008  Hobbyist Digital Artist
It is mighty pretties. Good luck with the rest of it, I'm excited to see it when it all works and stuff! :cookie:
Reply
:icontebgdoran:
TebgDoran Featured By Owner Apr 20, 2008  Professional Interface Designer
I'm excited to try to get it all into working order and stuff. ;)

I counter your cookie with a: :biscuit:

Thanks for the comment. :)
Reply
:iconnozomi-neko:
nozomi-neko Featured By Owner Apr 22, 2008  Hobbyist Digital Artist
Good luck!

Oh noes!! D= You send me death!! *dies*
Reply
:iconyatagratsu:
Yatagratsu Featured By Owner Apr 20, 2008
I could definitely go for some Inkscape tutorials. And a bag of chips.. And maybe a pepsi to wash it down. ;)

But in all seriousness, you do awesome web design/dev work.
Reply
:icontebgdoran:
TebgDoran Featured By Owner Apr 20, 2008  Professional Interface Designer
Well, I'm still working on the tutorials bit, and they don't have a "bag of chips" icon, but here's a: :pepsi:

;)

Thanks for the comment. :)
Reply
:iconqantip:
qantip Featured By Owner Apr 20, 2008  Student Interface Designer
realy good work!
Reply
:icontebgdoran:
TebgDoran Featured By Owner Apr 20, 2008  Professional Interface Designer
Thank you very much for the comment.

You have quite the awesome gallery yourself. I like your style. :)
Reply
:iconfirefly-18:
firefly-18 Featured By Owner Apr 20, 2008
I can't wait for the new sketchpad. I think those Inkscape tutorials you hinted on will be extremely useful to me and others. I like vector graphics but at the moment I am only a successful 'outliner' of images - not coloring them in.
Reply
:icontebgdoran:
TebgDoran Featured By Owner Apr 20, 2008  Professional Interface Designer
Yeah, Inkscape is another really awesome program. It'll be a privilege to try to share what knowledge I have. ;)

Thanks for the comment. :)
Reply
Add a Comment: