Forming A New Website's Layout

Pages: 1, 2, 3
free web hosting

Read Latest Entries..: (Post #23) by jet on Jul 5 2005, 10:50 AM. (Line Breaks Removed)
I think "what's the best colour" would have to be one of the most common design questions asked. And once again, the reply is the same. "What is your website about?" You're not going to do a Quake or Doom Clan site in pastel colours. You're not going to do a barbie site in black and blue. So think about the subject of your website, think of the colours that represen... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Free Web Hosting > Computers & Tech > How-To's and Tutorials > Websites and Web Designing

Forming A New Website's Layout

Pokona.com
I'm not the best web designer in the world, so this tutorial isn’t going to be great. But if you’re baffled heres some short tips that might help.

Colors

I always thought that the main color of your site had a big influence on the visitor. Like each color has its separate emotion. If your website is all black it could hint that your hiding something. It also tends to looks slightly amateur. But on the other hand, if you’re trying to appeal in a younger audience and your selling something you want to look "cool", then black might be a better option. I usually have about 3 or 4 different colors, usually within a shade.

Organization

Things should be easy to find. Navigation should never be confusing. Try to make sure the labels you’re put on your links are direct or to-the-point as possible. I personally like things small. To me it’s easier to see, ironically enough, and get around.

Headers, or Labels

I always state what the user is reading or looking at boldly at the top of the page. Its not that I'm assuming they forgot what the topic was, it might just have a reassurance factor.


Thats all I've got for now, hope it helps.

 

 

 


Reply

r3d
nice topic wink.gif
you can get more info about design stuff in this link http://www.webstyleguide.com/index.html?/contents.html its a free online book for proper web designing, it does teach you html smile.gif

Reply

jcguy
I feel that web designers shold give some thought and consideration to the width of the layout because people are going to have such a large range of screen sizes that what looks good at 800x600 won't look as good on a larger screen. Some designers use design diferent layouts for the different screen sizes and use javascript to direct users to the correct ones, but I feel that this is rather time-consumuing

Reply

r3d
well, you have the right to do everything on your design. but for those hightly visited site 800x600 is still a good choice coz they consider those poor web user which still use 800x600 resolution, which is dominant or sometime their main visitor wink.gif

Reply

tuning_problem
When I design a webpage (which I have done many times for me and others) I tend to optimize my page for a 56k user, and not to use to many images. Also, I make my pages easy to read for the visually handicapped.

Reply

wwheeler
QUOTE(jcguy @ Dec 5 2004, 09:06 AM)
Some designers use design diferent layouts for the different screen sizes and use javascript to direct users to the correct ones, but I feel that this is rather time-consumuing
*




It might be time consuming, I'll give you that, but it is one of the best ways to do a layout in my humble opinion. I think that it leads to a more professional looking site to have it customized by what resolution the person looking at the website is using.

Reply

thedevil
About web layout... I design my layouts in photoshop and use it in my website...
have a look at my website... i designed completely in photoshop.... not completely exactly... the layout i mean....


My homesite

Reply

firstdeath
i use photoshop 7 to make layouts, like many others, which is very efficient. you dont need muich HTML knowldge to create one in PS. But you will need knowledge of PS, of course..
nice tutorial Pokona

Reply

ssjojo
well if you go to www.good-tutorials.com they show you how to make a basic layout

Reply

prodigy
An excellent combination for producing a good website is using Adobe Photoshop and Image Ready.

For N00bs:

Adobe Photoshop- Excellent for the designing the graphics your site layout.

Adobe Image Ready- Good for slicing the design you creating using photoshop and exporting it to be a xhtml compatible page with image slices.

For more information visit: Adobe and possibly download a trial version of these software if you hav't got them already.

Reply

Latest Entries

jet
I think "what's the best colour" would have to be one of the most common design questions asked. And once again, the reply is the same. "What is your website about?" You're not going to do a Quake or Doom Clan site in pastel colours. You're not going to do a barbie site in black and blue. So think about the subject of your website, think of the colours that represent your theme.. And voila! Those are your colours. The general guides are don't use colours for font/background with too big a contrast - pricks the eyes, or too low a contrast - strains the eyes.

Reply

runefantasy
What's the best colour for a fan site?

Reply

Turiddu
Usually when I create my layouts I'll start out with a 800x600 canvas in Adobe Photoshop.. I don't think it matters what the colors are of a website, it just matters what the graphics and content are.. If the graphics are eye-popping it's definately something that will attract users, not only from fellow graphic designers on the web but from the public if your putting out interesting content and something that is going to keep them coming back..

how to begin becoming a good designer?

you can easily search on google for Photoshop tutorials, Maya tutorials, and 3ds max tutorials.. 3ds max and Maya are 3d modelling softwares, and Photoshop is the graphics editor.. also macromedia flash, it's taking over the internet you would want to incorporate that in your webdesign also.. now everything takes real extensive time to learn if your a quicker learner, but you have to remember as much work you put in to a project, is how much you will get out of it.. so if you don't spend much time on learning and practicing these softwares, you'll never get any use out of them..

bottom line is when it comes to webdesigning i think its more about the graphics that drop jaws and/or the communities and content that keep the website alive and not something thats only had a reply or update from 2 months ago...

Software Sites
Flash - www.macromedia.com
Maya - www.aliaswavefront.com
Photoshop - www.adobe.com

Tutorial Sites
Flash - http://www.flashkit.com/tutorials/
Photoshop - http://www.planetphotoshop.com/tutorials.html
Maya - www.simplymaya.com

they all have free trials on their website

Reply

rkage
Meh I'll give my tips for creating websites.

Do not use Photoshop or ImageReady to create websites. The code generated is incorrect and won't work in alot of browsers. If you want a great layout that you have made from Photoshop, then use CSS and DIVs to position the images for the layout - not tables!

Use PNG file formats for saving graphics like link backgrounds or gradients for a background. Use JPEG for banners or other photographs. Reduce the resolution of these as much as possible that preserves the quality of the image for your requirements.

If you are going to build a large website, make sure you have got your CSS correct at the start so that each time you need to add a new page, you don't have to go back and edit your CSS file, otherwise the other pages may not work correctly. Plus, if you have a well formed CCS style page, creating new webpages can take only a few minutes.

If in doubt of what colours to use; find a colour scheme from various of the colour scheme websites such as Colour Lovers. Make sure you contrast the text and backgrounds well.

As a final note, don't take shortcuts. Write out the full code needed, if any problems, in layout or otherwise, occur sort them out there and then, otherwise they will come back to haunt you later on.

Reply

rkage
Meh I'll give my tips for creating websites.

Do not use Photoshop or ImageReady to create websites. The code generated is incorrect and won't work in alot of browsers. If you want a great layout that you have made from Photoshop, then use CSS and DIVs to position the images for the layout - not tables!

Use PNG file formats for saving graphics like link backgrounds or gradients for a background. Use JPEG for banners or other photographs. Reduce the resolution of these as much as possible that preserves the quality of the image for your requirements.

If you are going to build a large website, make sure you have got your CSS correct at the start so that each time you need to add a new page, you don't have to go back and edit your CSS file, otherwise the other pages may not work correctly. Plus, if you have a well formed CCS style page, creating new webpages can take only a few minutes.

If in doubt of what colours to use; find a colour scheme from various of the colour scheme websites such as Colour Lovers. Make sure you contrast the text and backgrounds well.

As a final note, don't take shortcuts. Write out the full code needed, if any problems, in layout or otherwise, occur sort them out there and then, otherwise they will come back to haunt you later on.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Pages: 1, 2, 3






*SIMILAR VIDEOS*
Searching Video's for forming, websites, layout
advertisement




Forming A New Website's Layout



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE