Add to Google

How Do I Learn Web Design? - Not coding, i can code well already but how to make it look good?

Pages: 1, 2, 3, 4, 5
free web hosting
Open Discussion > CONTRIBUTE > The Internet > Web Design

How Do I Learn Web Design? - Not coding, i can code well already but how to make it look good?

shadowx
MidnightVamps post remined me of an advert which says "I see your idea and raise it, thats how real design works." And i guess thats true. I wont copy other sites but i will "borrow" elements like button styles, some colour ideas etcetera and hopefully use them to make a nice logo or banner or something.

And Midori, i will definitely go do some tutorials, ill focus on the GIMP though as its all i have for now, i have made some nice looking gel buttons by following a tutorial and i think they're pretty cool!

i do have a basic design i made while messing around, i uploaded it here: http://www.shadows.trap17.com/ww/planV2.jpg

the main thing i like there is the banner, it seems a bit plain though but i like the glow effect and will be using that a lt more in the future! the buttons are going to change methinks and im not sure about the headings and the text containers, they dont seem totally right.



Comment/Reply (w/o sign-up)

etycto
QUOTE(shadowx @ Aug 14 2007, 05:20 PM) *
Hi all. In my quest to become a website creator I have a big obstacle.. when it comes to design, eg making things look good i might as well be blind. Im useless!

I can code to a decent standard in HTML PHP CSS MYSQL and JS but i am useless at making a nice design. So wha im after is advice on how to learn this, what i fear is a response of "you can *learn* how to design, you either can or you cant.". Its really important that im able to design a nice looking website because not many people have a concise set of drawings from which to code the website.

Any advice and link will be greatly appreciated here, ive tried looking through google but most sites just try to teach me how to write HTML which i already know.

Thanks in advance, i hope.


oh man i feel your pain i started desighning horably the worst part was i'm not verry color cordanated take truefusions advice because when i was redesighnig my site i looked at a buch of site and my desighn is like a combination of all of them while i'm not that great (still bad with colors) but it was better than before. and for the color problem use an image editor to help you with how the diferent colors will look together and effect each other. try this free one called photofiltre you can also try GIMP or paint.net and also for software try visual studio because you can switch between desighn and code instantly.

you could check out these sites because they have a bunch of design codes for little simple extras:
W3schools.com, htmldogs.com, alistappart.com, there's more here in this topic here
good luck smile.gif

 

 

 


Comment/Reply (w/o sign-up)

Thorn
Well, you really need to know A LOT CSS. Then create images (layouts) to make your website look cool. Tables, backgrounds, etc...

For images I suggest using paint shop pro, photoshop, etc...

But it you don't have any of those you can use paint.NET and go to the forums to learn how to make cool stuff to design your website.

And blending colors. Use an eye dropper tool to decide on colors that would look good together...

I hope that helped.... mellow.gif

Comment/Reply (w/o sign-up)

acantocephala
QUOTE(Midori @ Aug 15 2007, 09:01 PM) *
I recremmend using photoshop just because it is soo much easier.


Yes, but a little bit more expensive tan GIMP... tongue.gif

Mi advice? try to download free cool templates and try to find how was it done and start to make some by yourself.

Comment/Reply (w/o sign-up)

Midori
I was only recommending I didn't say he had to and GIMP and I don't like GIMP its not that smooth plus I figured the more you use photoshop the harder to get used to GIMP and the longer your with GIMP the harder with photoshop, but i gotta say to might as well go with photoshop because its better than GIMP's interface. and its hard to find out how that make the templates by looking at it unless there was a page where they show you what they did like a tut or they could give a PSD and by looking at the layer one by one they can figure it out but thats only for photoshop tongue.gif

Comment/Reply (w/o sign-up)

shadowx
QUOTE
Well, you really need to know A LOT CSS.


thankfully i know enough to get me by, i cant imagine making a website without using CSS, so tedious.. anyway..

Following tuts does sound like a good idea and i think ill do that when i get a free moment, i have a rather busy weekend ahead of me!

Also downloading and analysing templates sounds good too, working out what makes them look good and such. Plenty of good suggestions, thanks everyone!


Comment/Reply (w/o sign-up)

rayzoredge
If it helps, take a look at other web designer portfolios.

Visit the HTML Hell page. (Google... don't remember the link.)

Visit the CSS Zen Garden page. (Again, I forgot the link.) dry.gif

I actually have the same problem with "being horrible" at design, because it seems hard (to me) to be imaginative and original nowadays. It kind of stinks how the world follows itself in suit (when sites went from frames to navigational sidebars on one page; when everyone decided to go towards the "gloss" look; when everyone starts copying each other, really).

Comment/Reply (w/o sign-up)

shavaray@hotmail.com
here are a few sites that may help in your endeavor of creating better websites.


Web Design Tips
http://www.profitjump.com/articles/1107-website-design.html (20 killer tips)
http://www.profitjump.com/articles/#design (mini-directory)
http://www.profitjump.com/articles/0714-website-design.html

Basic Design Tips/Flash Sites
http://ohmyflash.com/?gclid=CISp1_uC04oCFQi9VAodMjfUgQ
http://www.webstyleguide.com/index.html
http://www.webpagesthatsuck.com/ (displays the DONT'S of web design while enforcing the DO'S)


Comment/Reply (w/o sign-up)

heavensounds
Yes this is a common problem and I have it too to some point. The problem is when you have the idea, know how to technically make it a reality but when it comes to putting it down with all the graphics and all that, there comes the problem. Well it is simple and as other guys have said it before, PRACTICE! Then there are great sites like css garden and other pro sites where the best graphic-web designers of this planet put their work. Look for things that are repeated (maybe lines, certain dots, arrows, shapes, layouts,...) and try to make them yourself in any design program you like. While doing that post stuff here or on other similar forums and people with experience will help you out on what to improve, what to do differently and what is totally wrong! This is the best way of learning and is certainly not an easy way - if it would be, then all designers would lose their jobs!

You should also know that there are complete colleges where students only learn how to make great desgins for stuff...

It is a complicated thing, full of traps and exercise and reading, looking around the web is the only thing that can make you get better in what you do!

Best whishes

Comment/Reply (w/o sign-up)

shadowx
Thanks for the links and such, as i have a day in today i shall begin grooming them for anything i can find!

Comment/Reply (w/o sign-up)



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, 3, 4, 5
Similar Topics

Keywords : learn, web, design, coding, code, make,

  1. Coding A Web Design
    Need (a lot) of help with coding my web design (14)
  2. Web Design Code
    you can leep the design in place with code (3)
    i recently posted a question to this forum about the reasons behin a webpage looking difrent inside
    of outher browsers. and then i found out that you use code to keep the design in place but the code
    you rite reads the browser and loads the page to the browsers specifications. but if like me you
    prefer not to code how then can you do this, i am aware that i would have to begin some codeing as
    i want to begin my own website but i dont no how i would lern this method of codeing that keeps this
    problem of messy web pages in difrent browsers at bay. can annyone help....
  3. How Do I Code A Design?
    (6)
    Okey, so I saw another topic here regarding how to make a design. I know how to do that, so that is
    no problem. But I have always had some problems on how to code a design. I am tired of that I always
    need to use some sort of program, drag&drop webhost (like piczo) or use a free design I found
    online. I have noticed that people need to "cut" the design in different parts, but I have never
    understood what way the do it. So I do not understand anything about this, and really need some
    help. I will be happy for all help I get. /smile.gif" style="vertical-align:middle"....
  4. Target Links To A Div Layer
    Is there such code that allows you to change ur link target so that it (22)
    Hey i need help I was wondering if there is a code that allows you to target ur link to a div
    layer.. lets say eg.. i got CODE Example i want that page to show in the div layer below
    on the same page. Is there a way i can do that? . im tryin to avoid using frames. thanks....
  5. Is There An Xbox Live Gamertag Code To Shw The Gamercard On A Website?
    The title says all! (1)
    Hi everyone, im looking for a code that will display a users xbox live gamercard. Ive seen one
    little widget but that was for the igoogle page ao its not suitable for what i want. Ideally I want
    one thats written with HTML or something like that so its easy for me to modify and such. What i
    want it to do is t have a URL in the code which the user can then insert their gamertag ID into and
    have the widget display their gamercard for all to see. if i ever use this code it will be on a
    money making site, hopefully, so something thats free to use even for commercial things ....
  6. Need Help With A Ps Template
    coding (3)
    hey, i made this template in photoshop and i have coded and everything but the problem is that the
    content boxes are stretching and its messing up everything. how can i make it so the "cells" i guess
    don't stretch.. because when i add stuff to the boxes they are stretching and its starting to
    duplicate.....
  7. Forum Rpgs
    Is the PHP code convertable? (1)
    I use Proboards Forums, which doesn't allow PHP. I've been looking for a RPG forum game for
    Proboards. But sadly, they only come in PHP. So, I was wondering, is it possible to convert that PHP
    into HTML? Can Java Script be converted into HTML, too? Some of these codes are in java, as well.
    If you don't know, the RPGs have stats, classes, battling, shops, ect. I've seen it on many
    forums. I know that boards like InvisionFree abd PHPBB are great for this kind of thing, but I feel
    comfortable on Proboards. Plus, those boards confuse me. I know it's sil....
  8. Phpbb And Mysql Relations?
    Need forum code for my website (2)
    Hi if someone could get back to me as fast as they can that would be great! i got a couple of
    questions what do you use my sql for what does that have to do with forums? and secondally can
    someone give me the php code for the forum thanks /biggrin.gif" style="vertical-align:middle"
    emoid=":D" border="0" alt="biggrin.gif" />....
  9. View Souce Code
    do you know this site? (8)
    I have seen this site before.The site is simple.there are a box that you can put a url link then
    press enter you can see the code of the page (see everything include meta,comment...),even it is
    written in php,asp... If anyone know this site,please let me know(I have format my computer,so I
    lost it).thank you. ....
  10. Besides Html / Css
    what kind of of coding do you use in your sites? (11)
    Hey guys I have a question for normal sites what kind of coding do you use besides the regular HTML,
    and CSS I realize for logins and forums etc.. php is common and the language of choice for database
    interaction but besides that for more cosmetic appealing appearence do you use anything else? Im
    asking this question cause im thinking of learning Java but im not sure how much that would help my
    web site design skills. And if thats not the one(in your opinon) to learn if I want to get better
    at website coding which one is? I have a shallow knowledge of VB and C++ but c....
  11. Activation Code Images, How?
    need help with activation code images (3)
    hi everbody, I am creating this website for an online game KHAN which is of course hosted by
    Trap17.com. Anyway, it accepts membership since its services includes message board for every member
    and message board for groups that members created and of course personal messages. So here is my
    problem, since it accepts membership it requires applicants to fill up forms which ask their e-mail
    address, I want to know how make an activation code that is an image. Get my point? /smile.gif'
    border='0' style='vertical-align:middle' alt='smile.gif' /> it is basically like her....
  12. Html Code Problem
    (7)
    Hi! Im working on a little HTML project for myself and am teaching myself.. So I would like to know
    how to set roll over effects and a short guide on it! What I mean is, I would like to know the code
    of making the mouse over on links make the links go red... Or if anyone can give me a way to do it
    on frontpage, because I cant find it! Thnx in advance!....
  13. I Have A Souce Code And I Was Wondering
    (2)
    How do i download it on to a message board?....
  14. Asp - Code Generator Wizard
    Very good (0)
    If anyone likes asp, or makes his websites in asp, just go here: They have this online code
    generator tools: Data Command Wizard Form Wizard Response.Write Wizard Meta Tag Generator CODE
    http://www.powerasp.com/code_wizards/default.asp They are very cool!....
  15. [Code] - Shout Box
    Invision Power Board v1.3.0g (4)
    Code for Invision Power Board v1.3.0g Just please in headers/footers in admin CODE // IF
    Shoutbox v1.0 - Leave Copyright Intact Wherever Used // Created For Invision Free // Author: Zero
    Tolerance © Game Zone | Evolution 2004 // Special Thanks To ffmasters.us For Hosting PHP Data +
    mySQL Allowance Site = "http://"+document.domain+"/" Site = location.href.substring(Site.length)
    if(Site.match('/')){ Site = Site.split('/') } thissite = Site ....

    1. Looking for learn, web, design, coding, code, make,

Searching Video's for learn, web, design, coding, code, make,




advertisement



How Do I Learn Web Design? - Not coding, i can code well already but how to make it look good?