[advanced search]
Next Live Event: NamePros Live Auction, May 23rd at 6PM EDT
Results from the May 8th live auction are here.
15 members in the live chat room. Join Chat!
Register Rules & FAQ NP$ Store Active Threads Mark Forums Read
Go Back   NamePros.Com > Design and Development > Web Design Discussion
User Name
Password

Reply
 
Thread Tools
Old 12-09-2006, 09:57 AM   · #1
Hitch
Adrian
 
Hitch's Avatar
 
Name: Adrian
Location: Uk, South Yorkshire
Trader Rating: (10)
Join Date: Aug 2005
Posts: 1,227
NP$: 16.00 (Donate)
Hitch is a splendid one to beholdHitch is a splendid one to beholdHitch is a splendid one to beholdHitch is a splendid one to beholdHitch is a splendid one to beholdHitch is a splendid one to beholdHitch is a splendid one to behold
Winner
PHP Programming - May 2007 Animal Rescue Third World Education Find Marrow Donors!
Cool Website Design Tips

Website Design Tips

Hey, I'v made a Reviewing article, a Website Development Resource List, so why not make a Website Design Tips article?

Ok, on this article, i will try and break it down, into the main points of design.
I'm gonna try and keep it simple.

Audience / Genre
This may seem like a stupid point to think about when designing, but i have reviewed many sites that havn't designed their site to suit their auidence and site genre.

Ok, when designing, try and make your design to look like something which resembles your site genre,
eg...A car site? Add a car, or something which resembles a car in your header...eg, tyres, a engine, or the car itself.

Or, a sports site? Add a sports related image in.
Like i said, it's a obvious thing to do, but many forget to do it.

A lot of the time, i see poker sites, or game sites, which will have a abstract image in, and i wouldn't have a clue what the site was about, untill i started to read the Welcome text in detail.
However, don't go over the top, eg, have bullit points as Footballs, typres, or dollar signs etc...it would just look tacky.

Now, colour, lets say you have a skateboarding site? or Rock band site? You could make it have a white background, but why not use a dark grey, or black...
Try and associate site colours with the genre...eg, childs site, Bright, colourful colours...

Equal Margins / Padding
I think this is a very important note, that will make your site look cool, or tacky.

Try and make equal margins, in content boxes, containers, or text/images.
So, on your content box, add the margin / padding of 1-px (for ex'), and have that on the left, right, top and the bottom, it makes it look very neat!
If you have unequal margins, it can look like you just added text, and couldn't bother how your site is layed out.

Animated Images
Animated images can make your site look cool, in the header...
However, having alot of animated images surrounding your content, really puts most people off what they are reading, and loose focus, causing them to leave...sometimes ads are animated, ok, just don't have so many crammed together around content!

Evern still images can be annoying, when surrounding text, so, try to organize you ads, so they are away from content, but easily visable.

Widths
It can be annoying choosing the width of your site sometimes, to make it perfect.
I find sites look best depending on their content.

If your websites has alot of articles, long peices of content, use a wide design (Fluid), also, it won't make your page look aslong, and make your users think "Uh, too much to read".
If you have little content, then it's basically the other way around...You want users to think you have a fair bit of content, so, cramming text up abit will create this impression.

Colours and Text
We talked about colours and genres above, but this time, this has a different reason.

Back last year, when i was in school in graphics, we had to learn about "ergonomics", this can play a very important part in graphic and webdesign.
Basically, it's partly about choosing colours that go well together...
Don't have a site with a dark background, they dark grey text, it makes it very hard to read...
Also, don't have a site with a dark background, and bright colours, both can strain the eyes, and make it hard to read.
Keep this in mind when design, choose colours that can go well together.

Fonts, there is so many of them these days!
Arial, Verdana and Tahoma are still the most used fonts on websites, that's good, they are easy to read.
I'm talking about these new grunge, graffity, modern fonts...some look good, some don't.
Bare in mind, whichever font you use, it has to be easy to read!

Examples below of Colours and Text

Navigation
Basically, use easy to read fonts, and colours that go well together, like the points above, and place the navigation near the top of your page, so it gets noticed.

Welcome messages.
Let your visitors know what your site is about, and what the benefits of them registering/visiting are!

When i opened my last forum, about a year ago, i posted it in the NamePros chat, and a user pointed out (I think it was RJ), that it doesn't say what the forum is about, or, what the benefits of registration are...
Thinking about it, it was a stupid mistake i did, but, we sometimes miss things such as this.

So, add a box, keeping it with your sites theme, add in what your site is about, and the benefits of registering...keep it short and simple...
A good example, is the Welcome Headers here at NamePros.
See below
(It is wider on the homepage, i just make it thinner for this post)
If your forum is running on vBulletin, you could try the Weclome Headers plugin. It just generally makes the process easier. It can be found here

Notices
A easy way to get notices across to your users, if via a little box, which is a nice colour which stands out, but abit pale.


Or, you could use a "corner banner", which is what i used to use on my forum.
See below

It looks neat and tidy, and isn't obstructing the view, and it doesn't annoy anyone...
Note: Clesto was my old site. ; )

Hopefully, that's some points that may help you. : )
I will add more points as time goes on. : )

Adrian
Rep is appreciated.


Please register or log-in into NamePros to hide ads
__________________
NamePros
Hitch is offline   Reply With Quote
Old 12-31-2006, 05:07 PM   · #2
makroz
Account Closed
 
Name: Mario Guzman
Trader Rating: (4)
Join Date: Dec 2006
Posts: 187
NP$: 0.00 (Donate)
makroz is on a distinguished road
Very nice Tips
makroz is offline   Reply With Quote
Old 12-31-2006, 07:39 PM   · #3
YesBrilliant
Account Closed
 
Trader Rating: (21)
Join Date: Sep 2006
Posts: 1,075
NP$: 0.00 (Donate)
YesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to all
Great article, simple but useful.

Thanks!
YesBrilliant is offline   Reply With Quote
Old 01-06-2007, 07:12 PM   · #4
Netty
NamePros Regular
 
Netty's Avatar
 
Trader Rating: (0)
Join Date: Oct 2006
Posts: 320
NP$: 149.80 (Donate)
Netty is an unknown quantity at this point
new people

what good html tutorial sites could u recommend?
Netty is offline   Reply With Quote
Old 01-06-2007, 08:52 PM   · #5
YesBrilliant
Account Closed
 
Trader Rating: (21)
Join Date: Sep 2006
Posts: 1,075
NP$: 0.00 (Donate)
YesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to allYesBrilliant is a name known to all
Originally Posted by sopka1985
what good html tutorial sites could u recommend?


This is a good one:

W3
http://www.w3schools.com/

Free, as well.
YesBrilliant is offline   Reply With Quote
Old 01-07-2007, 11:21 AM   · #6
amitav
First Time Poster!
 
Trader Rating: (0)
Join Date: Jan 2007
Posts: 1
NP$: 0.00 (Donate)
amitav is an unknown quantity at this point
well i am also looking for such articles. i am a web designer working hard to improve my designing skills.
__________________
Regards
Amitav Roy
Email: pixel.support@gmail.com
web: http://pixel007.ifastnet.com
Blog: http://webandgraphic.blogspot.com
amitav is offline   Reply With Quote
Old 02-02-2007, 07:09 PM   · #7
wavereel
New Member
 
Trader Rating: (0)
Join Date: Feb 2007
Posts: 2
NP$: 0.00 (Donate)
wavereel is an unknown quantity at this point
turning photoshop images into html

Here's an awesome tutorial on how to design a website in photoshop and then deploy it into html. I was so excited when I found this link because I've been trying to figure out how to design a website from photoshop for a while!

technohelpnow.com

JJH
wavereel is offline   Reply With Quote
Old 02-05-2007, 11:22 PM   · #8
cicerone
New Member
 
Trader Rating: (0)
Join Date: Feb 2007
Posts: 7
NP$: 0.00 (Donate)
cicerone is an unknown quantity at this point
This is really a very good post especially for the novices, thanks a ton for the information provided friend, keep such stuff coming
cicerone is offline   Reply With Quote
Old 02-06-2007, 12:20 AM   · #9
Just_me86
New Member
 
Trader Rating: (0)
Join Date: Feb 2007
Posts: 5
NP$: 0.00 (Donate)
Just_me86 is an unknown quantity at this point
Just_me86 is offline   Reply With Quote
Old 02-09-2007, 07:47 AM   · #10
pixelhero
Account Closed
 
Trader Rating: (0)
Join Date: Feb 2007
Posts: 19
NP$: 0.00 (Donate)
pixelhero is an unknown quantity at this point
these are decent enough tips for the UK and western hemisphere crowd of web designers, but there are hundreds of millions, if not billions, of internet users in Asia who have a totally different perspective towards designs. Bright and gaudy colors and oodles of animations are very trendy in China, for example. I for one follow all of your suggestions and more, but I design and code for the English-speaking audiences.
pixelhero is offline   Reply With Quote
Old 03-13-2007, 04:37 PM   · #12
Icon
New Member
 
Trader Rating: (0)
Join Date: Mar 2007
Posts: 3
NP$: 0.00 (Donate)
Icon is an unknown quantity at this point
Great tip.
Icon is offline   Reply With Quote
Old 03-18-2007, 10:07 AM   · #13
megdilts
NamePros Member
 
Trader Rating: (0)
Join Date: Oct 2006
Posts: 26
NP$: 0.00 (Donate)
megdilts is an unknown quantity at this point
Cool tips. Thanks.
megdilts is offline   Reply With Quote
Old 03-18-2007, 02:05 PM   · #14
tm
Senior Member
 
tm's Avatar
 
Name: TheMoose
Location: on a oil rig just off Ireland
Trader Rating: (24)
Join Date: Nov 2005
Posts: 1,400
NP$: 434.65 (Donate)
tm is a glorious beacon of lighttm is a glorious beacon of lighttm is a glorious beacon of lighttm is a glorious beacon of lighttm is a glorious beacon of light
Another tip I'd suggest is don't over do it. Information is good, but when you see non-informational based sites with just pages and pages of text, it drives the user away.
__________________
You design in photoshop, I code into valid XHTML/CSS.
Professional PSD, PNG or HTML to tableless XHTML/CSS designs.
For more info, send me a PM.
tm is offline   Reply With Quote
Old 03-22-2007, 04:49 PM   · #15
Netty
NamePros Regular
 
Netty's Avatar
 
Trader Rating: (0)
Join Date: Oct 2006
Posts: 320
NP$: 149.80 (Donate)
Netty is an unknown quantity at this point
thx for your tips

i could not see the following content:

"Examples below of Colours and Text: X X"


2 x's in boxes is all i could see
Netty is offline   Reply With Quote
Old 03-23-2007, 03:59 PM   · #16
robputt796
NamePros Member
 
Location: UK
Trader Rating: (1)
Join Date: Mar 2007
Posts: 102
NP$: 130.00 (Donate)
robputt796 is an unknown quantity at this point
Nice Tips,

I will need to take some of these on board, although I think the main problem I have at the moment is SEO.
robputt796 is offline   Reply With Quote
Old 03-25-2007, 12:38 AM   · #17
mr.tyro
NamePros Member
 
Trader Rating: (0)
Join Date: Mar 2007
Posts: 34
NP$: 0.00 (Donate)
mr.tyro is an unknown quantity at this point
O very good guide and its mainly good common sence
mr.tyro is offline   Reply With Quote
Old 04-26-2007, 02:25 PM   · #18
nmoshana
NamePros Member
 
Name: Ninos Oshana
Location: Chicago
Trader Rating: (0)
Join Date: Mar 2007
Posts: 91
NP$: 40.00 (Donate)
nmoshana is an unknown quantity at this point
Originally Posted by YesBrilliant
This is a good one:

W3
http://www.w3schools.com/

Free, as well.



Remarkable website.

Adrian,
Thanks so much for the tips.
Rep added

Ninos
nmoshana is offline   Reply With Quote
Old 05-31-2007, 05:50 AM   · #19
zoltan
New Member
 
Trader Rating: (0)
Join Date: Apr 2007
Posts: 15
NP$: 0.00 (Donate)
zoltan is an unknown quantity at this point
Briliant tips! Thanks
zoltan is offline   Reply With Quote
Old 07-10-2007, 07:25 AM   · #20
rizwee
New Member
 
Trader Rating: (0)
Join Date: Mar 2006
Posts: 4
NP$: 0.00 (Donate)
rizwee is an unknown quantity at this point
very nice tips...u have shared...keep it up
rizwee is offline   Reply With Quote
Old 07-10-2007, 07:45 AM   · #21
arnold123
NamePros Member
 
Trader Rating: (11)
Join Date: Jun 2007
Posts: 111
NP$: 408.00 (Donate)
arnold123 will become famous soon enougharnold123 will become famous soon enough
thanks good share
arnold123 is offline   Reply With Quote
Old 07-10-2007, 10:14 AM   · #22
boomers
NamePros Regular
 
Trader Rating: (5)
Join Date: Jun 2005
Posts: 420
NP$: 44.85 (Donate)
boomers has a spectacular aura aboutboomers has a spectacular aura about
Thanks for this post.... im no good at webdesign, I generally use free templates and just code the CMS. However this will give me a bit of confidence to perhaps try and edit them to better suit my needs
__________________
NewsToolkit - Add the latest news headlines to your site, automatically kept updated... a FREE service!

LookThisUp.com - Your portal to just about everything... websearch, recipes, dictionary, game cheats & more!
boomers is offline   Reply With Quote
Old 07-15-2007, 06:42 PM   · #23
bublebubbles
New Member
 
bublebubbles's Avatar
 
Trader Rating: (0)
Join Date: Jul 2007
Posts: 18
NP$: 0.00 (Donate)
bublebubbles is an unknown quantity at this point
thanks for ur help
bublebubbles is offline   Reply With Quote
Old 07-20-2007, 08:28 AM   · #24
Joseph Grogan
First Time Poster!
 
Name: Joseph
Location: Cloghan
Trader Rating: (0)
Join Date: Jul 2007
Posts: 1
NP$: 0.00 (Donate)
Joseph Grogan is an unknown quantity at this point
New designer

Hi all. Im new to this forum and web design to.

Was wondering does any one have any tips about getting good quality back links and where is the best places to go looking for them....

Cheers

Joseph

______________________________

Joseph grogan web design | My dubai home | buying and selling
Joseph Grogan is offline   Reply With Quote
Old 07-27-2007, 02:23 PM   · #25
Simplistic
New Member
 
Trader Rating: (0)
Join Date: Jul 2007
Posts: 6
NP$: 0.00 (Donate)
Simplistic is an unknown quantity at this point
Thanks for the tips, a lot of this really helps!
Simplistic is offline   Reply With Quote
Reply

NamePros is a revenue sharing forum.

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


Site Sponsors
Join now! Exdon Join now!
Advertise your business at NamePros
All times are GMT -7. The time now is 03:28 AM.


Powered by: vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 2.4.0