Results 1 to 8 of 8

Thread: when designing a new site what is your prefered method?

  1. #1
    Senior Member ljackson's Avatar
    Join Date
    Feb 2009
    Posts
    573

    Exclamation when designing a new site what is your prefered method? 12 Jan 2010 @ 22.21

    Hi All,

    as im sure most of you are aware from the 'hundreds' of questions ive been posting recently, im doing a redesign for my site. now i used to try and draw out what i wanted on paper and then go staright into creating it in dreamweaver. which was ok but as my drawing dechnique is poor it was hard to visualise what it would look like until i actually made it, therefor a lot of editing was made as i progressed.

    now since i have tried to become a bit more creative i tend to look at some templates on the web for inspiration 'cause god i need it lol' and then create the page in fireworks or illistrator to get a good visual idea of how it will look and then when im happy with that start to create it in dreamweaver, seems to me to be a very good way of designing a new site, although it takes a while

    i was just wondering what are your prefered ways when designing a site? do you plan it out on paper, fireworks etc or do you go from an idea in your head straingh to creation?

    look forward you your replies
    Luke
      Reply With Quote

  2. #2
    Elite Member Michael's Avatar
    Join Date
    Jan 2009
    Posts
    1,081

    Default 12 Jan 2010 @ 22.47

    Well most would say how you do it, do drafts of paper till youre happy, then do some photoshopping design of it and then move onto coding after slicing it up.

    Being a beginner however I tend to jump into photoshop and start designing, but I am completely happy with that at the moment.
      Reply With Quote

  3. #3
    Trusted Guru Frinkky's Avatar
    Join Date
    Dec 2008
    Posts
    1,678
    Blog Entries
    1

    Default 12 Jan 2010 @ 23.31

    Using photoshop, create a new document the width of your page - 960px is good.

    Then goto edit>preferences>guides, grids & slices and change 'Gridlines every:' to a number divisible by your document width (i.e. for 960px try 120px), then subdivisions divisible by the 'Gridlines every' amount - so 5,6,8,10 or 12 (12 is good as each subdivision will be 10px wide).

    Click Ok go to view>show>grid and ensure that view>Snap To> grid is ticked. Now you can create a 'wireframe' using the rectangle tool for each of the main areas, which will snap to the grid and therefore can all line up.

    Once you're happy, you can then use the wireframe as a guide for your design.
      Reply With Quote

  4. #4
    Senior Member ljackson's Avatar
    Join Date
    Feb 2009
    Posts
    573

    Default 12 Jan 2010 @ 23.31

    whoo im doing something right thats a first lol

    i hear that word slicing alot when talking about photoshop, what do you mean by that? is it just identifing the different sections of the page?

    cheers mate
      Reply With Quote

  5. #5
    Senior Member ljackson's Avatar
    Join Date
    Feb 2009
    Posts
    573

    Default 12 Jan 2010 @ 23.36

    hay frinkky,

    interesting!! thats sounds like a great way of aligning things? might have to look into that. once you have everything layed out as you require do you use the layout as background images on your site?

    p.s what do you mean by wireframe
    thanks
    Luke
      Reply With Quote

  6. #6
    Trusted Guru Frinkky's Avatar
    Join Date
    Dec 2008
    Posts
    1,678
    Blog Entries
    1

    Default 13 Jan 2010 @ 08.47

    The link below is a good example of a wireframe. Once you have that on the bottom layer in photoshop, you can start adding in bits and pieces as part of the design.

    http://cu.trabian.com/fileneresearch...eframe0101.gif
      Reply With Quote

  7. #7
    Senior Member stu2000's Avatar
    Join Date
    Jan 2009
    Posts
    566

    Default 13 Jan 2010 @ 08.58

    What I do is just fire up fireworks and then start drawing away, usually a beer helps get the creative juices flowing (so I do most of my design work in the evening!!)
      Reply With Quote

  8. #8
    Trusted Guru WelshStew's Avatar
    Join Date
    Dec 2008
    Posts
    2,555
    Blog Entries
    3

    Default 13 Jan 2010 @ 12.10

    I usually start in my moleskin sketching out layout ideas and close ups of content areas, then when I am happy with the layout I gather some inspiration (online and offline). Once I have a picture in my head of what I want it to look like I jump into photoshop and use the same method that Jon outlined above.

    Then it's a matter of getting the juices flowing.
      Reply With Quote

Similar Threads

  1. PHP String method
    By silversurfer5150 in forum PHP, ASP & Java
    Replies: 3
    Last Post: 22 Mar 2011, @ 09.47
  2. Designing a site... where to start
    By aazad in forum Design & Layout
    Replies: 28
    Last Post: 20 Oct 2010, @ 22.21
  3. Prefered programming language for beginners..?
    By eLLaii in forum General Design & Development Issues
    Replies: 2
    Last Post: 17 Feb 2010, @ 16.49
  4. Flash & logo designing site
    By matrix100 in forum Free Reviews & Showcase
    Replies: 5
    Last Post: 16 Jun 2009, @ 05.14
  5. Flash & logo designing site
    By matrix100 in forum Imagery, Graphics & Typography
    Replies: 0
    Last Post: 21 May 2009, @ 08.04

Tags for this Thread

Posting Permissions

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