SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Web Design - Which Way?

    There are basically two type of web designers. One who goes straight to the PC and designs. Then there is one who does homework first and then put together visuals.

    1. Do we really have to do homework like handmade sketches and then do visuals?

    I believe a highly experienced and skilled designer can deliver the same results without any handmade sketches? What do you think?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,171
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    I would argue that both approaches are wrong, because you can't produce a useful design until you've fully studied the content and worked out how it should be organized. Once you've done that, you basically have a wireframe ... which forms the basis for the design. At that point, you can pretty much just add some simple decoration in the browser itself.

  3. #3
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So for instance if we are doing a non-profit website, we should first understand the cause and what content elements we should put up first.

    Btw, my homework I meant necessary research about business, competition and so on. Sketch is just one part..

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,171
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by 4mdesigners View Post
    we should first understand the cause and what content elements we should put up first.
    Yes indeed.

  5. #5
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    There is only one wrong approach, and that is creating a site in Photoshop (or similar tool) without actually doing the homework prior. If you don't know who the audience is, if you don't know what the content is, if you don't know how the site's supposed to work and function, then you have no foundation to base your design on.

    In my view, any designer who is solid at HTML/CSS and other aspects of web design can use pretty much any tool. If you have the content, if you know what the structure will be, then I doubt it'll make much difference whether you take that content and conceptualize a design in Photoshop or directly in the browser. A good designer should know what works well and what is impractical for the web, imho.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  6. #6
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Tool is a tool. If you get yourself stuck to a tool, it will block your creative thoughts.

    So to sum up:
    1. You need to know your content upside down.
    2. You need to stay away from tool until you have a wireframe in hand.
    3. Get the wireframe approved and then design it on photoshop (aesthetics)

  7. #7
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    What a load of tosh. Give me a website made in photoshop, and the right team behind me, and I'll build it exactly how you want it.
    Give me a site made with 3D software and the right team, and I'll build you it in HTML5 and CSS3. An early example, visit www.livescript.co.uk/maze/dark/ in Safari and Chrome.

    Open up your boxes and jump out! Use the tools to build your wireframe, either in 2D or 3D

    There is no definative way to do anything. Even a wrong way for some is right!

    You can only do homework on that that is documented.
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  8. #8
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Sorry, shouldn't have opened it so hash but it gets to me when people say there is right and wrong ways in design. There are only obstacles.
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  9. #9
    SitePoint Enthusiast cgCody's Avatar
    Join Date
    Jul 2012
    Location
    Arizona, US
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In my opinion, one should always plan it out, otherwise, it's not technically "designing".
    That is to say; simply picking out a color scheme and layout that looks cool, and deciding on
    whether or not to use rounded corners is not design.

    design -
    Noun:
    A plan or drawing produced to show the look and function or workings of a building, garment, or
    other object before it is built or made.
    Verb:
    Decide upon the look and functioning of (a building, garment, or other object), typically by
    making a detailed drawing of it.

    With art, you can do whatever you want. And one can argue that there is a certain level of art
    in web design. To "design", however, literally means to research and plan out the functionality
    of something before it is developed.

    For example, designing a car requires research into trends in style, feature demand, safety
    technology, space required to fit components/people, etc. One doesn't just draw up a cool
    looking car and start building it. For websites, you'd research things like color theory, current
    trends in style, features the competition include on their website, who the target audience will
    be (This is the big one! If you're designing a website for a senior citizen community center,
    you would probably use a larger sized text.)

  10. #10
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In My opinion it is very Important to draw a rough sketch which will reveal how your design will look when it is complete.Although the design is not final,it will naturally undergo many changes once you actually start implementing it.There are many tools available which help to get an idea how your website will look finally even before it is complete.A professional web designer also has to make plans to design a site which will satisfy the customer.He has to choose colors properly,to decide this targeted audience has to be kept in mind and the most important point-Content Needs to be really good and worthy.

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,171
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by smith warnes View Post
    In My opinion it is very Important to draw a rough sketch which will reveal how your design will look ...
    Indeed, that's worth doing. The question is, what goes on before that stage? IMHO, too many sites start at this point, meaning that content is subservient to design—which I'd argue is the wrong approach.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •