SitePoint Sponsor

User Tag List

Results 1 to 19 of 19

Thread: Mockups?

  1. #1
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mockups?

    When you have a new page to design do you start playing in an image editor to get the feel for the design? Do you do the whole design in an image app and then do the webpage. Do you just have a very rough outline in an image package or do you start with HTML?

    What programs do you do your mockups in?

    Well just wondering what others do
    Garlic bread, I've tasted it, it's the future

  2. #2
    Next stop: PHP! Marina's Avatar
    Join Date
    Apr 2001
    Location
    Sweden
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I start by drawing the layout on paper. Nothing beats a simple pen. Depending on the design of the site I either design it entirely in Fireworks or make a table layout in Dreamweaver and design the pictures in Photoshop/Fireworks.

    See also: http://www.sitepointforums.com/showt...t=start+design

  3. #3
    Don't get too close, I bite! Nicky's Avatar
    Join Date
    Jul 1999
    Location
    Lancashire, UK
    Posts
    8,277
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I use Macromedia Illustrator and my Wacom graphics tablet!

  4. #4
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Check out this thread.

    http://www.sitepointforums.com/showt...aper+photoshop

    Nicky to get used to a tablet you just keep at it? I've tried using a tablet before but can't quite seem to get the hang of it. And...do you mean Adobe Illustrator or Macromedia Freehand?
    Last edited by duckie; Jul 1, 2001 at 19:36.

  5. #5
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    *yawn*

    I gotta do it without tablet and without Fireworks, don't like it very much.

    I usually do the layout in Photoshop and use guides to align everything nicely. Then slicing and DW4 for HTML =)
    Jeroen Mulder

    w: www.jeroenmulder.com

  6. #6
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I do the whole design in Photoshop, then launch ImageReady and do the slicing in there.
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  7. #7
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    same here, except I don't like the way that Image Ready exports my images so I do it all in Photoshop.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  8. #8
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Nicky
    I use Macromedia Illustrator and my Wacom graphics tablet!

    Oh really Nicky Did Macromedia Merge with Adobe and I missed the news ?
    Hey , it was late and I AM on holiday! I meant Illustrator, I don't like Freehand!

    And yes it took my a while to get used to my tablet but I love it now. Get a decent one now as I have used cheap imitations of the Wacom one and they are rubbish!
    ______________________________________
    Agghhhh it must be late Nocturnal please forgive me I posted the above thinking it was a new post and what I did was edit your thread!
    Nicky
    Last edited by Nicky; Jul 2, 2001 at 18:03.
    Garlic bread, I've tasted it, it's the future

  9. #9
    SitePoint Zealot Isaiah's Avatar
    Join Date
    Feb 2000
    Location
    San Diego, CA
    Posts
    169
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use my trusty, reusable dry-erase board to get my layout/color concepts.
    Isaiah Walter
    Owner / Visionary
    White Wonder Studios - San Diego web design & graphics
    www.whitewonder.com

  10. #10
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just draw up a page in Fireworks 4. It's really easy cause I just use vector graphics, images, and text. :-)
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  11. #11
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You shouldn't do an image drawup. You are basically restricting your design advancements. Just do it in a html editor and slowly derive the design from there. it would be good to have a sample 'ideal' design to go about.

    hmm..did i just relay it properly?
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  12. #12
    :) delemtri's Avatar
    Join Date
    Jun 2001
    Posts
    579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I start and finish in Notepad. But I usually can visualize it in my head before putting it into Notepad. The hard part is getting it to look like it does in my head, in the browser, haha.

  13. #13
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by delemtri
    The hard part is getting it to look like it does in my head, in the browser, haha.
    I agree. So don't bother drawing it out of somehting..you'll not get any near. just do it straight in the editor as fast as you can.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  14. #14
    :) delemtri's Avatar
    Join Date
    Jun 2001
    Posts
    579
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Strangely enough, I'm more likely to write down stuff like the organization of a database or the folders of a server than the design of a website. I guess it's just me.

  15. #15
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd have to agree with you creole. I also prefer doing things more on the manual side. Another thing, I think Adobe has implemented too many features in ImageReady. All of which are extremely usefull, but just too much to keep up with.
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  16. #16
    SitePoint Enthusiast welded's Avatar
    Join Date
    Jun 2001
    Location
    vancouver.bc.ca
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sometimes i'll just mess around with ideas in paint shop pro or xara x and see what happens. other times i'll just grab some graph paper, a pen or pencil and start sketching. if i come up with something good, i'll work out the technical stuff (tables? frames? dimensions? etc.) right there, then i can jump right into my image or html editor and start working on it right away.

    it's foolhardy to just work with images until you find something you like without keeping in mind having to chop up that image in some sensible fashion. sometimes you'll end up painting yourself into a corner, whether it's a really nice looking site that doesn't work, or an ugly derivative of the original.

    but it's late and i'm not sure what i'm saying here, so it's best i go.
    later.
    it's amazing what velocity can do
    when human beings are in season

  17. #17
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Nocturnal

    Agghhhh it must be late Nocturnal please forgive me I posted the above thinking it was a new post and what I did was edit your thread!
    Nicky
    How dare you I'm sure you can make it up to me lol

    I got the trial of Freehand 10 and I don't really like it to much so far. I have to say I perfer Flash for doing vector stuff even though its meant to produce flash I just find it easier to use for most Vector work. Why can't they make Freehand more like Flash? Just with the tools made around normal vector work rather than producing Flash files?
    Garlic bread, I've tasted it, it's the future

  18. #18
    SitePoint Guru
    Join Date
    Sep 1999
    Location
    Singapore
    Posts
    854
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Nocturnal
    I got the trial of Freehand 10 and I don't really like it to much so far. I have to say I perfer Flash for doing vector stuff even though its meant to produce flash I just find it easier to use for most Vector work. Why can't they make Freehand more like Flash? Just with the tools made around normal vector work rather than producing Flash files?
    Probably a matter of power vs. simplicity. You could try Xara X that welded mentioned, which is somewhere in between Freehand and Flash, plus some special effects.

  19. #19
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Xara X seemed a little to simplistic for me. Although I think it hides its power and you just have to get to use it a little more although i didn't like it. I don't need anything greatly powerfull i just use it generally to get an idea for the way the site might look that start building it in html and changing each bit slowly until i get something worthwhile (Which is never ).
    Garlic bread, I've tasted it, it's the future


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
  •