Template Designing - How to make a good template?

Pages: 1, 2
free web hosting

Read Latest Entries..: (Post #14) by finaldesign on Apr 6 2005, 11:46 AM. (Line Breaks Removed)
First of all choose your colors. Try to use as little as possible colors, like 2 or 3 colors max. Then Choose tints for that colors. Eg.: You can use blue color, and then all variations of blue - from light blue to very dark blue (ok?)... Then use a piece of paper and try to draw as simple as possible how would you like your website to look (That is Page layout)... Then scan that paper (or capture... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Free Web Hosting > Computers & Tech > Designing > Graphics Design

Template Designing - How to make a good template?

friso
Hi all,

I just started making my own website, and i plan to make it as cool as possible, without spending any money biggrin.gif

I think I'll start with making a nice template, and then I'll see what I'll do.
Just a question for you guys: how to make a nice template? without spending money that is, because I'd like to see how cool a site can get without spending a thing. And I don't use things I *should* pay for, either biggrin.gif

ty cool.gif

Reply

Bobo
Well, first, what image program(s) do you have? If it's a good one, you can just put together the site layout in the program, then separate the images into the template and then do the HTML for it.

Reply

friso
All I got is Pixia, someone at this forum said something about it at a topic about Best Free Graphics Programs? , and I’m just learning how to use it. But this topic was more about the designing part of making a template, I’ll see about the HTML later. I just don’t know how to make a template, and not the software part, but what colors to use, the sizes etc. etc. If any of you could tell me that, thanks!


Reply

ChronicLoser
hmm, it's hard to simply tell you what you should do because there are a lot of parts to it. Colors should be pleasent to look at. Don't mix and match colors simply cause they're your "favorites." Make sure that it looks smooth in the end.

Sizes...i personally think that all sites should be compatiable to a 800x600 resolution screen if they plan to use pixels as their way of measurement. Percentages fixes that problem, but i think they really limit the possiblities you could do. And with html...there are a lot of parts to it, so i recommend simply research for a tutorial on google or something ^_^

Reply

silenx
I recommend using GIMP (www.gimp.org). It is free and has Photoshop-like functions. Although I have never actually fully evaluate the program I have heard many possible reviews about it. The main thing is, it is free and a whole lot better than using Paint smile.gif. As for free webauthoring programs, u can use Netscape Composer, Frontpage, etc. There are many free ones out there, but only a few have visual layout.

I recommend keeping in mind the following:

COLOR: Dont use too many colors, stay away from making ur site look like a bag of skittles... unless that's what the site calls for. Limit your palette.

CONTRAST: You may want to make areas of focus to stand out from the rest. Usually, web designers will have a midtone (DARKEST---<midtone>---LIGHTEST), and the text or content will be either light or dark. A good example is the skin/template for this forum.

ORGANIZATION: I think this area speaks for itself. You want your links/content to be legible and easy to find.

I hope to see your work soon.

 

 

 


Reply

friso
Hey, thanks for your posts, but i'm just getting an idea while reading through your posts... what about black, grey & white? would that look good? maybe just a few colored dots, how do i say this? anyway, what do you think?



EDIT: Do you know the game "N" or ninja? His Webpage kinda like that game, mostly grey, with good contrast smile.gif and just a little bit of color.

even if you're not interested in my template, have a look at that game, its a nice game tongue.gif

Reply

Ploforia
If you don't want to spend anything one option is to download Flash Macromedia MX at www.macromedia.com with a 30 day trial and search the web for some pre made templates and just customize them to your needs. The only problem with this approach is that there will be no way, after the 30 days is up, to update your site - unless of course you pay for flash or find "some other" way to make it work. There are plenty of programs you could use that are on the net for free though too. You may also already have MS OFFICE - If you do you may have FontPage - You could use that to do your site also - though it isn't the best it will work and it also has a bunch of pre-existing templates.

Good Luck

Reply

samwize
Could someone post links with real cool, and free, templates?

I tried searching but always end up with sites that requires payment...

Reply

Space Orangutan #2
If I were you I'd plan out my site on paper on how I want the elements organized and what I want to incorporate in my site. Only after that then I would code or create the images. I've gone into many sites with just a thought in my head and they all turned out really bad.

Reply

wedjarl
QUOTE
Could someone post links with real cool, and free, templates?

I tried searching but always end up with sites that requires payment...


http://www.templatesbox.com/ offers wide array of high quality templates. You could edit it too since the PSD source file is provided. But expect some site to look like your site. laugh.gif

Reply

Latest Entries

finaldesign
First of all choose your colors. Try to use as little as possible colors, like 2 or 3 colors max. Then Choose tints for that colors. Eg.: You can use blue color, and then all variations of blue - from light blue to very dark blue (ok?)... Then use a piece of paper and try to draw as simple as possible how would you like your website to look (That is Page layout)... Then scan that paper (or capture it with digital camera or webcam or anything digital that can transfer image to your computer) and put it in your image software (Like photoshop, photopaint, gimp or any other you use.)
Now goes the hard part of job... You must draw. You must draw on top of your page layout. Keep that layout on bottom as a reffering image, to where what goes... Try to go on some tutorial pages where you can findout how to make some cool effects in photoshop or similar image editing programs... Try to use that effects in your page layout. Now apply your color selection to your page... Choose some cool font for your page. Use that font, and finally flattern whole image (blend all layers in one composite layer) and save that kind of image in separate file... Now you have to slice it up. It's easy task to do in Photoshop but hard to do in many other programs. That is basicly you cut an image to smaller image parts and then make matching table in dreamweaver or whatever program you use for editing html - and finally insert your slices images in that table. Everything should fit in it's own place.
Now you have your fist Template done.... smile.gif This wasn't so hard... wink.gif

Reply

rapisten
You could start to design your website in photoshop on a document wich is 800x600. First you should use layers and dont color them so much only have it solid. For every layer when you want to color it use blending opitions and if you want to add details use another layer. Then you should slice the website up into slices so everything is ok. The save for web then select html and pictures. Use medium quality so it will not take so much place and is easy to load. In dreamweaver use an iframe if you want it easy to add information if you dont know php. very easy

Reply

hast-webben
Hi,

Does any know any freeware Smarty editors? As I really do think that Smarty is smart, but not always as easy to handle without scripting. So therefor did I thought if there was any editor programs that supports Smarty. I went into Smarty's homesite and did hope that I could find something there, but no. Please help if it's possible.

Thanks
Cheers!
Jens

Reply

rapisten
you could try to go to zymic.com he got free templates all are very well designed. some of them you got the psd then you can redisgn and then send him a email then he say to you if you could say that you have designed the template. He also got tutorials for templates without slicing.

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*

Pages: 1, 2
Recent Queries:-
  1. how to make a web template using gimp - 17.27 hr back. (1)
  2. how to make a digital template - 156.65 hr back. (1)
  3. how to create a good template - 163.67 hr back. (1)
  4. good template design - 187.97 hr back. (1)
  5. how to make good templates sport templates - 198.53 hr back. (1)
  6. jelly baby template - 205.17 hr back. (1)
  7. border design template - 232.08 hr back. (1)
  8. how to do a proper template - 260.76 hr back. (1)
  9. how to produce a good templates - 269.61 hr back. (1)
  10. how to make good looking smarty tpl skins - 273.54 hr back. (1)
  11. designing a good template - 442.32 hr back. (1)
  12. zedge - 446.79 hr back. (1)
  13. free game template psd - 470.69 hr back. (1)
  14. how to make the best official template - 520.87 hr back. (1)
Similar Topics

Keywords : template, designing, make, good, template

  1. Game Designing
    how? (5)
  2. Newest Site...need Review Plz (designing Aspects)
    (7)
    i tossed this review into the designing forum because i dont want it looked at as a website
    review...i want the comments to be based on the design of the site and not the content or speed or
    w/e...lol...anyways...here is my newest creation... finally got the stupid nav to work
    right...couldnt get a cell background to work, then duh...i created a third table to get it to work
    /biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /> ...cheap but w/e
    anyways...any and all comments are welcomed...good or bad thanks here the site link...
    /biggrin.g....
  3. Flashing For Candy Website Template
    (5)
    i thought id put this template into the graphics design forum because i want it rated on a purly
    design point of view not as a website or anything right now... killer008r (ryan) and his ~IO~ clan
    wanted me to design his website for him...he said that i could come up with any crazy design or
    anything that i wanted as long as it included admins page, team page, info page, owner page, and a
    links page... so i sat down and started messing around with photoshop....here is what i came up
    with...the site will be mainly viewed in 1024x768 (the width of the table is 800) it can....
  4. Jelly Baby Design
    Designing packaging. (11)
    AT the moment im at school and in technology class we are designing our own packaging and a brand
    name. I think that its quite cool that we get to do these things in class.....
  5. Help Needed In Designing A Cool Banner
    cool (5)
    could any one help me do my banner for my site, well its not really a banner its just got my name in
    it really and need to have one. Would adobe photoshop be my best piece of software to use to edit my
    content. Could anyone give me a few tips on how to do colour fade and make layers different colour
    as i really want to get cracking on learning .psd and graphics And how does this qualify as a
    tutorial, may I know ? Next time be a little more careful about where you are posting. Topic moved.
    ....
  6. My Very First Template
    review...? :) (11)
    Ok, this is my very first template. i used some if ndhill's art in it, and the rest I did in...
    paint! and i used wordart for the fade-effects... /dry.gif' border='0'
    style='vertical-align:middle' alt='dry.gif' /> i saw this template , looked at it once, and did
    the rest without watching at it again. this topic is not in website review but in graphics design
    because i'm gonna make a lot more (i think) and submit them to template gallery's, and will
    only use one for my own site. i'm gonna edit a lot, so comment everything! the empty things on
    the ....
  7. A Template
    (16)
    I made this template It is intentionally smaller to prevent ripping =P umm I need comments and
    stuff cause I want to improve upon it....
  8. Designing Programs
    (6)
    I know most people use Fireworks or Photoshop for Graphic Design. Are there any other programs?....
  9. Graphic Designing or Programming
    (37)
    I always use programs to do the work for me, I think a "creative mind" is important too, you can
    learn how to program or design things, but that doesn't mean you'll create great things...
    /laugh.gif' border='0' style='vertical-align:middle' alt='laugh.gif' /> ....

    1. Looking for template, designing, make, good, template






*SIMILAR VIDEOS*
Searching Video's for template, designing, make, good, template
advertisement




Template Designing - How to make a good template?