Comments on: 12 Steps to Creating a Professional Web Design http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/ Web design blog with tips and tricks from professional web design company Chromatic Sites in Chicago, IL; updated weekly Sat, 05 Jul 2008 19:10:31 +0000 http://wordpress.org/?v=2.3.1 By: Totonet http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2715 Totonet Thu, 03 Jul 2008 07:04:09 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2715 Great tips.Thanks for sharing with us Great tips.Thanks for sharing with us

]]> By: Daniel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2692 Daniel Tue, 01 Jul 2008 00:50:44 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2692 Hi guys! When I get good.. I will send my resume to you :-) Just a silly question. Why some people prefer use vector program to make a page layout and others a bitmap program ? I know the difference.. but what the benefices from each one ? Bests Hi guys!

When I get good.. I will send my resume to you :-)

Just a silly question.

Why some people prefer use vector program to make a page layout and others a bitmap program ? I know the difference.. but what the benefices from each one ?

Bests

]]> By: andy http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2598 andy Wed, 25 Jun 2008 11:39:26 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2598 These steps are really great and usefull. These steps are really great and usefull.

]]> By: greven http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2504 greven Fri, 20 Jun 2008 20:39:01 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-2504 Nice guide mate. Really enjoy it. Thumbs up on Stumble Uppon. :) Share the love! :) Nice guide mate. Really enjoy it. Thumbs up on Stumble Uppon. :)

Share the love! :)

]]> By: Chromatic Sites http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1982 Chromatic Sites Fri, 23 May 2008 03:35:58 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1982 <a href="http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1980" rel="nofollow">@ Daniel</a> - There aren't any "great" tutorials on doing this, but we found <a href="http://erraticwisdom.com/2006/01/29/tutorial-coding-a-layout" target="_blank" rel="nofollow">this</a> one, which isn't that bad. It is very basic, but gives you a place to start from. @ Daniel - There aren’t any “great” tutorials on doing this, but we found this one, which isn’t that bad. It is very basic, but gives you a place to start from.

]]> By: Daniel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1980 Daniel Fri, 23 May 2008 02:30:05 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1980 Hi ! Do you know some good tutorial or resources about convert design to css ? Thanks ! Hi !

Do you know some good tutorial or resources about convert design to css ?

Thanks !

]]> By: Steve http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1960 Steve Wed, 21 May 2008 16:34:45 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1960 Good well-written informative article. We are beginning to get more requests for web design - we have been away from this area for a while and are getting back on the learning curve. What are the effects of using SSI pages for menus (search engine implications)? Thanks Good well-written informative article. We are beginning to get more requests for web design - we have been away from this area for a while and are getting back on the learning curve.

What are the effects of using SSI pages for menus (search engine implications)?

Thanks

]]> By: Daniel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1946 Daniel Wed, 21 May 2008 03:55:36 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1946 Thank you very much! Thank you very much!

]]> By: Chromatic Sites http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1945 Chromatic Sites Wed, 21 May 2008 03:50:03 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1945 <a href="http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1944" rel="nofollow">@ Daniel</a> - If you're designing a website that will be optimized for 800x600 resolutions, use 770 x 1000. You can always increase the vertical dimension (1000) if necessary, but keep the horizontal spec at 770. If you're optimizing for 1024x768 (we currently optimize most websites for this resolution since most people use it and few use 800x600), use a 970 x 1000 canvas. Again, you can increase or decrease the vertical measurement (1000), but keep the horizontal spec at about 970 pixels. @ Daniel - If you’re designing a website that will be optimized for 800×600 resolutions, use 770 x 1000. You can always increase the vertical dimension (1000) if necessary, but keep the horizontal spec at 770.

If you’re optimizing for 1024×768 (we currently optimize most websites for this resolution since most people use it and few use 800×600), use a 970 x 1000 canvas. Again, you can increase or decrease the vertical measurement (1000), but keep the horizontal spec at about 970 pixels.

]]> By: Daniel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1944 Daniel Wed, 21 May 2008 03:43:58 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1944 Hi guys.. I am very fresh in design concepts so, this is something that I don't understand yet.. and couldn't find in tutorials. When I going start draw the layout in my vector program(Inkscape), I don't know what size should be my page.. 760x770 , 750x450, 700x1000... I can't find a standard here. I know this is a silly question.. but I am really fresh in the design world. And sorry for ask this for you.. but you become my reference about web. :-) Thanks anyway! Hi guys..

I am very fresh in design concepts so, this is something that I don’t understand yet.. and couldn’t find in tutorials. When I going start draw the layout in my vector program(Inkscape), I don’t know what size should be my page.. 760×770 , 750×450, 700×1000… I can’t find a standard here. I know this is a silly question.. but I am really fresh in the design world. And sorry for ask this for you.. but you become my reference about web. :-)

Thanks anyway!

]]> By: Chromatic Sites http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1901 Chromatic Sites Sat, 17 May 2008 20:21:00 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1901 <a href="http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1899" rel="nofollow">@ Daniel</a> - Very simple - don't allow yourself to use anything other than solid rectangles and squares. The only thing you should be doing in the wireframe stage is figuring out how you want to position different elements for the website. Make sure to label each square or rectangle so you know exactly what it is, and also provide a short description inside some or all of the boxes if you feel it helps. Go back to the <a href="http://www.chromaticsites.com/web-design-blog/2007-09-14/dos-and-donts-guide-to-great-web-design/" rel="nofollow">Dos and Donts Guide to Great Web Design</a> article and take a look Stage 2: Modeling. Notice the example we provided is very simple and only illustrates where the elements will be placed and what kind of content will be found within each element. @ Daniel - Very simple - don’t allow yourself to use anything other than solid rectangles and squares. The only thing you should be doing in the wireframe stage is figuring out how you want to position different elements for the website. Make sure to label each square or rectangle so you know exactly what it is, and also provide a short description inside some or all of the boxes if you feel it helps.

Go back to the Dos and Donts Guide to Great Web Design article and take a look Stage 2: Modeling. Notice the example we provided is very simple and only illustrates where the elements will be placed and what kind of content will be found within each element.

]]> By: Daniel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1899 Daniel Sat, 17 May 2008 18:45:01 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1899 Hi guys.. I really like your articles and I am wait for more :-) After read all of them and had started plan my site, I got confused about information architecture (wireframes). How can I don't think in the layout when I drawing the wireframes ? Cause.. when I modeling, my mind go forward..and start think as designer... but I know that in this stage what I doing is IA and not design.. so what is the trick for me separate this ? Thanks, Daniel Hi guys..

I really like your articles and I am wait for more :-)
After read all of them and had started plan my site, I got confused about information architecture (wireframes). How can I don’t think in the layout when I drawing the wireframes ? Cause.. when I modeling, my mind go forward..and start think as designer… but I know that in this stage what I doing is IA and not design.. so what is the trick for me separate this ?

Thanks,
Daniel

]]> By: 12 Steps To Professional Web Design « Web Technology @ CCBC http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1755 12 Steps To Professional Web Design « Web Technology @ CCBC Mon, 12 May 2008 14:51:41 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1755 [...] May 12, 2008 at 10:51 am (articles, design, web standards) Found this article and thought I’d share. I agree with pretty much all of this. Definitely worth a read. Here it is. [...] […] May 12, 2008 at 10:51 am (articles, design, web standards) Found this article and thought I’d share. I agree with pretty much all of this. Definitely worth a read. Here it is. […]

]]> By: Amel http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1268 Amel Sat, 26 Apr 2008 21:22:38 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1268 I agree with you completely! I have seen many a web designer create lackluster or amateurish websites by ignoring many of the steps you’ve listed here. I have been involved with <a href="http://mediablend.com" rel="nofollow">Professional web design</a> for a number of years now and as it has become common place to own a website, sadly many companies just don’t deliver anymore. On the flipside however, there are many that do fantastic work and don’t abuse things like Flash and Java. I agree with you completely! I have seen many a web designer create lackluster or amateurish websites by ignoring many of the steps you’ve listed here. I have been involved with Professional web design for a number of years now and as it has become common place to own a website, sadly many companies just don’t deliver anymore. On the flipside however, there are many that do fantastic work and don’t abuse things like Flash and Java.

]]> By: Web designer http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1018 Web designer Tue, 15 Apr 2008 08:10:07 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-1018 Thanks this will surely help beginners like me. Thanks this will surely help beginners like me.

]]> By: Web Design » 12 Steps to Creating a Professional Web Design | Professional Web… http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-947 Web Design » 12 Steps to Creating a Professional Web Design | Professional Web… Wed, 09 Apr 2008 07:09:15 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-947 [...] WappBlog - Web Applications Blog - Tech, Web2.0, News wrote an interesting post today on 12 Steps to Creating a Professional Web Design | Professional Web…Here’s a quick excerpt+12!  bookmark this on del.icio.us - posted by leonardorb to webdesign design productivity and saved by  people… [...] […] WappBlog - Web Applications Blog - Tech, Web2.0, News wrote an interesting post today on 12 Steps to Creating a Professional Web Design | Professional Web…Here’s a quick excerpt+12!  bookmark this on del.icio.us - posted by leonardorb to webdesign design productivity and saved by  people… […]

]]> By: Web Design » 12 Steps to Creating a Professional Web Design | Professional Web … http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-941 Web Design » 12 Steps to Creating a Professional Web Design | Professional Web … Tue, 08 Apr 2008 21:46:19 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-941 [...] Microformats wrote an interesting post today on 12 Steps to Creating a Professional Web Design | Professional Web … Here’s a quick excerptservices; professional web design; web design process; web development; custom blog design; custom web … Latest Articles. 12 Steps to Creating a Professional Web Design. Although there is … [...] […] Microformats wrote an interesting post today on 12 Steps to Creating a Professional Web Design | Professional Web … Here’s a quick excerptservices; professional web design; web design process; web development; custom blog design; custom web … Latest Articles. 12 Steps to Creating a Professional Web Design. Although there is … […]

]]> By: Chromatic Sites http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-935 Chromatic Sites Mon, 07 Apr 2008 23:32:47 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-935 <a href="http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-934" rel="nofollow">@ Matt</a> - Thanks! Thats a nifty plugin, thanks for sharing. @ Matt - Thanks! Thats a nifty plugin, thanks for sharing.

]]> By: Matt Webb http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-934 Matt Webb Mon, 07 Apr 2008 23:31:07 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-934 Great write up. Something to consider adding to Step 9 as another benefit of Web Standards Compliance would be how it aids elderly and disabled web surfers out there if their browser/system tools support the standards implemented in the coding phases. Check out the <a href="https://addons.mozilla.org/en-US/firefox/addon/5809" title="Firefox Accessibility Extension" rel="nofollow">Accessibility plug in for Firefox</a>.. really helpful ;) Great write up. Something to consider adding to Step 9 as another benefit of Web Standards Compliance would be how it aids elderly and disabled web surfers out there if their browser/system tools support the standards implemented in the coding phases. Check out the Accessibility plug in for Firefox.. really helpful ;)

]]> By: Tommunication.com » Blog Archive » links for 2008-04-07 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-932 Tommunication.com » Blog Archive » links for 2008-04-07 Mon, 07 Apr 2008 21:34:17 +0000 http://www.chromaticsites.com/web-design-blog/2008-01-22/12-steps-to-creating-a-professional-web-design/#comment-932 [...] 12 Steps to Creating a Professional Web Design (tags: webdesign Design Web tips) [...] […] 12 Steps to Creating a Professional Web Design (tags: webdesign Design Web tips) […]

]]>