I’m in the process of overhauling the design of both this blog and the rest of my portfolio. I will detail how I go about redesigning my website step by step.
The first stage of the site redesign is just a very simple Photoshop CS4 mockup, which you can see below.
It’s just a white content area with a light blue background, nothing fancy, or what I’d call pretty yet. It is good practice to start out with just the most basic layout and work from there. Some designers will start out sketching their design by hand first instead.
There are also some guide lines marking where things will eventually be.
How to add Guide Lines
Guide lines can be really helpful if you are working on figuring out how things should be organized in your site layout. You can add them by going to the View option (located at the very top of the screen in Photoshop CS4, by where File, Edit, and several other options also are located), and then in the drop-down list near the bottom select “New Guide”.
You can select horizontal or vertical lines, and set where they will show up. I usually just let them show up at their default placement and then drag them over using the move tool to where I want them to be.
My Website Theme
So now I have an extremely basic, and rather boring layout set up, but I all ready have a theme chosen for my website. Now I need to start looking around for resources that will help me start to bring my ideas to life.
In case you haven’t all ready noticed I have a thing for exotic birds, and I’ve decided that I will incorporate exotic birds into my new theme. I’ve decided I’m going to go with a jungle theme, so I need to start working on getting some jungle foliage create to incorporate into my new site design.
That’s all for now, the next step is finding images to use as sources of inspiration for my jungle theme….
Good afternoon, This is an outstanding write-up, and I can agree with what was written here. I will be back to check out the comments soon. Thanks
Thanks for checking out my blog. Stay tuned for many more posts!
Hey, Good blog you have here. I wanted to let you all know that I think Twitter is going to be one of the stronger networks because of the fact that it is supported by so many industries. I also think when Twitter shows some of it’s new features, returning traffic will increase to show the real growth of the network.
Anyway, I created a blog that offerers great resources for Twitter that are 100% free, so come and visit and don’t be a stranger.
Keep up the good work!
Thank you so much for your blog…
I can’t subscribe to your RSS feed. Can you help?
Sure, click on the green RSS symbol on the upper left, it’s above the categories listings. That will bring you to another page, where there will be a button that says subscribe, click subscribe and it should work.
Your site has a really cool web design. Also the information here is free and is of high quality. I am definitely subscribing to your feed immediately.
Its nice effort to teach about how to redesign a website in Photoshop. Its a great idea to design a look n feel in Photoshop before implementing it.
Browsing one or two blogengine.net blogs – appears a tremendous platform. Greatest wishes together with your website, cheers!
Thank you so much for your blog…
Browsing a couple of blogengine.net blogs – appears a very good platform. Greatest wishes together with your website, cheers!
nice post you give a new era and idea to web pages and its layout
now the view is depends on designer’s creativity also not only editor’s features
Nice write up, Photoshop CS4 is one of the best tools to use, you have a simple nice template…
Useful stuff for a newbie designer like me. Thanks for the tutorials!