Don't Know Where to Start for Aesthetic Part of Web Design...

Discussion in 'Graphics & Webdesign' started by darkX3536, Dec 5, 2009.

  1. darkX3536

    darkX3536 New Member

    Messages:
    106
    Likes Received:
    0
    Trophy Points:
    0
    Hi, I have a problem in trying learn how to draw a good web layout, let alone doing that in the first place!

    I'm ok with the technical/coding stuff, since there is much resources at my local library, but that was not the case for designing such a website layout.

    My Art and Design is always at a low D during Secondary School, compounding the problem.

    Please assist in giving me some direction! Thanks!
     
  2. miguelkp

    miguelkp Member

    Messages:
    306
    Likes Received:
    7
    Trophy Points:
    18
    I always take this steps:

    1st - Think what kind of web I want to make. For example, a game related (generic) webpage probably will have a futuristic layout. RPG related webpage, a fantastic/medieval one. An art related webpage, probably a glossy and stylish theme. And so.
    2nd - Think what color scheme I'm going to use. Again, the game related webpage surely will have metallic buttons (grayscale) with some colors (like LED style background for the button text).
    3rd - Think the disposition (banner on top + horizontal navitagion menu under it; or vertical navigation menu; etc)
    4th - Start to make the template with HTML + CSS. The container divs, background and font color, links style and color, etc.
    5th - Make the graphics. The banner, buttons, headers, footers, etc.
     
  3. digitalfarm

    digitalfarm New Member

    Messages:
    290
    Likes Received:
    0
    Trophy Points:
    0
    A technique i try to use it sketch out the layout on paper so u have an initial idea.If u can then do it using imaging software or look for a template in psd or otherwise and see how it can reflect ur design.Then code it
     
  4. darkX3536

    darkX3536 New Member

    Messages:
    106
    Likes Received:
    0
    Trophy Points:
    0
    @miguelkp: Part 5 is the tough one! Whatever I drew or designed always appeared differently from what I had desired...

    @digitalfarm: I will give it a go...

    Just wondering, are there any courses/guidebooks on improving one's drawing/designing of web art?
     
  5. kkenny

    kkenny Active Member

    Messages:
    1,950
    Likes Received:
    0
    Trophy Points:
    36
    There are in bookstores as well as online. How I started webdesign is that I started variations of other layouts I saw on the internet, and once I had my skills with Photoshop and XHTML and other coding languages, I started using less and less of other's works and more of mine.
     
  6. darkX3536

    darkX3536 New Member

    Messages:
    106
    Likes Received:
    0
    Trophy Points:
    0
    @kkenny: Tried those resources... They seem to touch little on aesthetics and focused more on the coding aspect... Am I looking at the wrong places?

    Also, in other words, I should start small and then slowly build up the site as it goes live and beyond right?
     
  7. ChatIndia

    ChatIndia Community Advocate Community Support

    Messages:
    1,408
    Likes Received:
    30
    Trophy Points:
    48
    You should buy Head First Web designing book. Belief me it is very interesting and easy book. I've recently purchased books for HTML and CSS, JavaScript, PHP, AJAX, Web designing and MySQL of Head First Series. And I like it.
     
  8. darkX3536

    darkX3536 New Member

    Messages:
    106
    Likes Received:
    0
    Trophy Points:
    0
    Is this the book you are referring to? http://headfirstlabs.com/books/hfwd/
     
  9. ChatIndia

    ChatIndia Community Advocate Community Support

    Messages:
    1,408
    Likes Received:
    30
    Trophy Points:
    48
    Last edited: Dec 21, 2009
    • Like Like x 1
  10. darkX3536

    darkX3536 New Member

    Messages:
    106
    Likes Received:
    0
    Trophy Points:
    0
    Looks good, will pop by my library to read it... Thanks for the heads up!
     

Share This Page