Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Member
    Join Date
    Dec 2005
    Posts
    57
    Member #
    12146
    Hi,

    I am curious about peoples different techniques when they go about designing a web page. What are the different steps that you would take when designing a site with regards to mocking up a page and prototyping.

    For example would you

    Pick a colour scheme, then decide what colours are for the header, footer, content, navigation etc...

    Would you mock up a page in Photoshop before and then slice it up for HTML? And if so what is the best way to design a page in Photoshop

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    jwalker ...

    Not to ignore this post, but this topic has been discussed several
    times .... maybe you can search on this forum to find them. I think
    you'll find many different approaches. For me, it's seeing the logo first.
    That gives me color ideas and the "feel" for the site, whether it be
    formal, informal, whimsical, happy or sad ...


  4. #3
    Senior Member Eddy Bones's Avatar
    Join Date
    Jan 2004
    Location
    Washington, USA
    Posts
    1,054
    Member #
    4651
    For me it all begins with knowing what kind of content I'm going to be displaying. Many's the time I've had to redesign a site because I didn't design around the content.

  5. #4
    Senior Member planetgman's Avatar
    Join Date
    Jun 2005
    Posts
    569
    Member #
    10406
    Logo and content are both good things to design around.

    As well as those, I also take into consideration what the client has to say. As most designers know, about 90% of the time, a client doesn't know what they want.
    You can leave a meeting and still not have anything, but if they feel you take their "input or direction" and incorporate that into the site.......they feel more of a sense of ownership (that it was their vision and design) that was brought to life.

    Then you can use Eddys and Msleims examples. Look at the content and logo (if there is one) and then work with the ideas the customer gave you........you will have a great site.

    I have and still do design in Photoshop. I like it, I'm comfortable with it. Then I put it into CSS and bring it to life.
    You take the ideas above and use your skills and you can always come up with a good vision and design.

    It is when you stop listening and going with what YOU think looks good that you will start to run into the pitfalls that some "designers" get into. Use your eyes and your ears and you can and will always come up with fresh new designs.

    But, hey........that is just my opinion!
    Good luck......
    GMan

  6. #5
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    I look at what other people have done. If i am making a site for a clothing company i will spend an hour or two looking at what the rivals have done and take positives and negatives from the site.

    I will then sketch out a few layouts and play around with where content and navigation will go. When i am happy with a layout i will make a color page. Which is basically my design on the screen but in its most basic forum with blocks of color instead of graphics.

    If things are still looking good i start putting in logo's, making graphics navigation etc and i just go from there.

  7. #6
    Junior Member xchanin's Avatar
    Join Date
    Jun 2006
    Location
    Fort Collins, Colorado
    Posts
    3
    Member #
    13350
    I always listen to what my clients say or do. There is so much information you get from a client, you just have to be willing to open your ears and eyes. While talking with ta prospect I throw out a bunch of ideas and see how they respond to them. After which, I go home, take out my notes, open Illustrator or Photoshop and just start playing around with some ideas and see where it leads.
    Sometimes I sketch things out, but that is rare; I just kind of see what I want in my head and I just work with it.
    As far as color goes: I will figure out what type of mood the site, brochure, or whatever is supposed have and that helps to narrow down the color palette for me.

  8. #7
    Junior Member
    Join Date
    Jun 2006
    Posts
    3
    Member #
    13354
    You have to decide what you want the site for. If it is for showing off your web designing skills, by all means spend time on designing.
    If you are designing for a client, get the content first.

  9. #8
    Member
    Join Date
    Apr 2006
    Posts
    45
    Member #
    13115
    I usually start out by picking 2 or 3 colors that I call my theme colors. All the other colors used in the website would be variation of those theme colors.
    However, before I get to that point, I usually make sure that my script is working and all the functions and website layout have been ironed out.

  10. #9
    Junior Member riverguardian's Avatar
    Join Date
    Jul 2006
    Posts
    10
    Member #
    13551
    I usually begin skeleton first, if you can pardon my expression. I code everything first (using Notepad ;-) ) and set up the bare-bones "shell" that is going to make up part of my site. Then I go to Photoshop and start doodling, creating a logo first and testing around with images and colors until I get what I would ideally like my website to be, in an image form. Then I translate that to code by putting rulers and "cutting" out segments of the images (like repeating backgrounds, header images, logos, etc) and then saving them separately, and then using CSS apply those images to the appropriate area.

    It's a sad thing to be a perfectionist in the online world, because then you're sure never to suceed at whatever you do. (me).

    Ah well. I like everyone else's methods. Planetgman has most of my points covered already, so this might be redundant. *sigh*
    If you appreciate my reviews please take a moment and visit mine: WWW.CHRONICLED.ORG

  11. #10
    Senior Member
    Join Date
    Feb 2005
    Location
    Canada
    Posts
    435
    Member #
    8983
    Quote Originally Posted by jwalker80
    Hi,

    I am curious about peoples different techniques when they go about designing a web page. What are the different steps that you would take when designing a site with regards to mocking up a page and prototyping.

    For example would you

    Pick a colour scheme, then decide what colours are for the header, footer, content, navigation etc...

    Would you mock up a page in Photoshop before and then slice it up for HTML? And if so what is the best way to design a page in Photoshop
    Generally when createing a site i jot down the layout on paper. Then useing photo shop or ms paint i draw up teh design quickly to see it in full colour the scheme i use depends on the site a more professionall site generally has brighter colours with the occasionall background exception.
    Thee Pyro Wolf


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:05 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com