Old 27-04-2008, 05:28   #1 (permalink)
shmay
Registered User
 
Join Date: Apr 2008
Posts: 3
Designing Good Looking Sites

I am a newbie designer. I've gone through sitepoint's Build Your Own Web Site The Right Way Using HTML & CSS and HTML Utopia: Designing Without Tables Using CSS, so I know the basics.

However, each site I attempt to create looks like garbage. I just don't know how to design good looking sites.

I have a certain website idea in mind, and I need the perfect design.

One design I especially like is protolize.org, any tips for designing like that? Thank you.
  Reply With Quote
Old 27-04-2008, 07:37   #2 (permalink)
LukeV
Best custom title ever.
 
Join Date: Apr 2008
Posts: 95
What software are you using for the graphics of the website. It looks like that site you mentioned uses photoshop looking at some of the shapes used.
  Reply With Quote
Old 27-04-2008, 07:45   #3 (permalink)
rustybones
buttock racer
 
rustybones's Avatar
 
Join Date: Oct 2007
Location: Australia
Posts: 190
Maybe this might give you a nudge in the right direction: PSDTUTS - Photoshop Tutorials and Links - Create a Sleek, High-End Web Design from Scratch

Though you'll be designing a site like a billion others, which will effectively make it a "cookie cutter" site with no originality... though that's hard to come by these days
  Reply With Quote
Old 27-04-2008, 08:45   #4 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 3,594
protolize is hardly groundbreaking - I wouldn't use that as a yardstick.
__________________
unconsolidated isoparms
  Reply With Quote
Old 27-04-2008, 08:54   #5 (permalink)
RaelRode
Designers are strange :)
 
RaelRode's Avatar
 
Join Date: Jan 2007
Location: Shrewsbury, UK
Posts: 1,559
Send a message via ICQ to RaelRode Send a message via AIM to RaelRode Send a message via MSN to RaelRode Send a message via Yahoo to RaelRode Send a message via Skype™ to RaelRode
__________________
If it works, it's valid.
  Reply With Quote
Old 27-04-2008, 09:29   #6 (permalink)
pgo
Moderator
 
pgo's Avatar
 
Join Date: Jan 2005
Location: Brooklyn, NYC
Posts: 11,869
That's not relevant. He said he's new and learning. Sheesh.

@shmay - Follow tutorials to learn software (they won't teach you good design - just good software tricks and techniques), read articles, and so on. Go to (a real, 4 year) college for design if you can.

But there's no underestimating natural ability. And Dusteh's right - you should set the bar a little higher than "boring generic Web 2.0 site".

I learn from doing most of the time. One thing you might consider - and I just thought of this as a technique learning exercise - is looking at your favorite site and trying to duplicate it in Photoshop.
__________________
  Reply With Quote
Old 27-04-2008, 09:35   #7 (permalink)
RaelRode
Designers are strange :)
 
RaelRode's Avatar
 
Join Date: Jan 2007
Location: Shrewsbury, UK
Posts: 1,559
Send a message via ICQ to RaelRode Send a message via AIM to RaelRode Send a message via MSN to RaelRode Send a message via Yahoo to RaelRode Send a message via Skype™ to RaelRode
I posted the Freelance Freedom thing in the wrong thread...oops.
__________________
If it works, it's valid.
  Reply With Quote
Old 27-04-2008, 22:21   #8 (permalink)
arsholdings
Registered User
 
arsholdings's Avatar
 
Join Date: Apr 2008
Location: Michigan
Posts: 31
I would recommend getting away from sitepoint all together. I find it best to design sites from scratch, directly from the code. I would use dreamweaver or expressions, and get used to designing in the code. Uses the design interface only for checking your work. If you do it this way you will become much more efficient and better at coding.
  Reply With Quote
Old 27-04-2008, 23:21   #9 (permalink)
shmay
Registered User
 
Join Date: Apr 2008
Posts: 3
Quote:
Originally Posted by arsholdings
I would recommend getting away from sitepoint all together. I find it best to design sites from scratch, directly from the code. I would use dreamweaver or expressions, and get used to designing in the code. Uses the design interface only for checking your work. If you do it this way you will become much more efficient and better at coding.

That's just how sitepoint teaches it. Their products are great. It's the graphics part I'm having trouble with.
  Reply With Quote
Old 03-05-2008, 03:20   #10 (permalink)
chetan
Registered User
 
Join Date: Apr 2008
Posts: 21
Many more web sites can give u idea to learn build web sites with the help of using HTML and CSS.
One of the other good site is w3schools where u can learn basics of HTML and CSS.

Last edited by chetan : 05-05-2008 at 00:54.
  Reply With Quote
Old 06-05-2008, 15:46   #11 (permalink)
hyperzzzz
Registered User
 
Join Date: Mar 2008
Posts: 23
tutorials. Best way, it worked for me and Ive been using ps for over a year and im only 17. Go to web layouts and start following what they say (VIDEO TUTORIALS ARE BETTER ).

Whats your interests? Try and find some sites that attract your attention and look what works well and try to re-create it within your designing program.

Its best not to just stop at web layouts, learn other tutorials such as 3d logo's gradients and icons. As eventually you will pick up the ability to apply it with-in your work without referring to anything.

As it will then come naturally.
  Reply With Quote
Old 07-05-2008, 11:47   #12 (permalink)
texo
Registered User
 
Join Date: May 2008
Posts: 5
Quote:
Originally Posted by shmay
I am a newbie designer. I've gone through sitepoint's Build Your Own Web Site The Right Way Using HTML & CSS and HTML Utopia: Designing Without Tables Using CSS, so I know the basics.
However, each site I attempt to create looks like garbage. I just don't know how to design good looking sites.

HTML and CSS are not used to design sites, and that is perhaps why your designs are not turning out well. A well-designed site always starts with a blank piece of paper and a pencil, or a blank canvas in Fireworks (or photoshop or whatever you prefer) and progresses from there.

Only once you have the site looking good in your graphics program, does the html/css come into play.
  Reply With Quote
Old 08-05-2008, 04:06   #13 (permalink)
abbasinho
Branding Bitch
 
Join Date: May 2007
Posts: 65
not neccessarily texo, you could get the site looking good in a graphics program then you could come unstuck when you try to recreate the design using html/css.

learn. learn. learn.
  Reply With Quote
Old 08-05-2008, 04:20   #14 (permalink)
texo
Registered User
 
Join Date: May 2008
Posts: 5
Agreed, you could come unstuck trying to recreate the design using html/css, but if you start off with a crappy design in your graphics program, no amount of html/css can fix it.

I always find the first part (designing in Fireworks) the most frustrating (because I'm no artist) ... but I love the challenge of getting it all working using html/css
  Reply With Quote
Old 08-05-2008, 10:40   #15 (permalink)
NicolaFred
Registered User
 
NicolaFred's Avatar
 
Join Date: May 2008
Location: Manchester
Posts: 7
start at the basics and learn how to create good design... learn the grid structures, its a good basis for any website. Oh and wireframes will be your best friend...
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8