SitePoint Sponsor

User Tag List

Page 3 of 4 FirstFirst 1234 LastLast
Results 51 to 75 of 93
  1. #51
    SitePoint Addict Fre420's Avatar
    Join Date
    Nov 2005
    Location
    Leuven, Belgium
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fireworks CS4 is great for creating wireframes, but other software might have similar work speed.
    Fireworks really benefits in the storyboarding phase. As you can for example easily create, floating images inside your textfields, and quickly change button texts etc ... with the 9-slice scaling tool. The effects & styles make it also easy to adjust contrast of elements in the storyboarding phase.

    The export options in CS4 looked nice in theory, but in practice I don't find them good enough.
    For wireframes & basic storyboarding it works OK.
    If your storyboarding gets more finished, I'd turn it already into a html prototype & storyboard further.

    But this all depends on your workflow & skills with HTML + CSS.
    The way I'm doing it now.
    quick wireframing + interactivity (navigation) in Fireworks CS4 --> export as html (don't try the html + css output, it still sucks imo).
    storyboarding the wireframes in Fireworks CS4 --> export as html
    When the storyboarding is +- 70 % finished, I create HTML templates + CSS from scratch & recreate the finished work in it. Then I continue storyboarding.
    My end product is then a basic prototype, on which I start adding animations.
    If the prototype with animations & text is ready, I start designing it in photoshop & Fireworks.
    When I'm satisfied with parts of the design, I start to code them in CSS.
    Quick design change tests are done in firebug, when approved coded in CSS.

    Fireworks CS4 promised to produce better HTML & CSS, that would be usable (as a base HTML+CSS template that you could polish (a lot)), but I haven't been able to use much of that yet. Still I think they will come to this point some time, as they're making huge steps in the good direction.


    Axure is great for wireframing, & really basic prototyping.
    But it really sucks for storyboarding & making more polished prototypes.
    + the code it produces in it's html prototypes is utterly crap & huge !

    Be aware, Fireworks CS4 still has lots of bugs, & a lot of workflow flaws with their HTML library elements.

  2. #52
    SitePoint Evangelist artcoder's Avatar
    Join Date
    Aug 2005
    Location
    Planet Earth
    Posts
    598
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by bookheimerr View Post
    I'm new to web design/development. Question - what is the best tool to create web page storyboards / mock-ups? I'm reading a web site design book that's 2-3 years old and it refers to Fireworks. However, that is no longer in the Adobe CS3/CS4 suites. What is being used in the industry these days? Thanks.
    If Fireworks in not in CS4, there is nothing wrong with using the old version of Fireworks (probably can buy it cheap then). Upgrades are over-rated. I find Fireworks to be easier and faster than Photoshop. And for mockups, you want to be able to do fast.

  3. #53
    SitePoint Member khalidalabid's Avatar
    Join Date
    Nov 2008
    Location
    London, UK
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is in Fireworks that is not in photoshop. PS has it all.

  4. #54
    SitePoint Addict
    Join Date
    May 2008
    Posts
    231
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1. creating different pages and linking them together.(this is useful for prototyping)
    2.exporting to html and css
    3.more easy and flexible slice tool
    4.creating master page,which you can use for other pages.
    5.lots of other stuffs like have a library of html components like textbox ,etc.
    6.they are lots of stuffs i can't go into

    but don't get me wrong i used ps also...infact i use both of them depending on what i want to acheive.

    cheers
    parker

  5. #55
    SitePoint Member
    Join Date
    Dec 2008
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I do all of my mockups in Photoshop CS3 like most others here but I definitely want to second the shoutout for Balsamiq! Check it out if you want something to make quick drawings of your design without wasting time.

  6. #56
    SitePoint Member Dmitr's Avatar
    Join Date
    Apr 2006
    Location
    Barnaul, Altai Region, Siberia, Russia
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I prefer Fireworks
    By the way, here is an interesting discussion regarding Photoshop vs Fireworks: http://www.digital-web.com/articles/...sus_fireworks/
    Last edited by Dmitr; Dec 7, 2008 at 02:00.

  7. #57
    SitePoint Member
    Join Date
    Sep 2008
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am new, have not yet learned this talent. I do have both, which ones is easiest to learn on, which one would be best to learn on?

  8. #58
    SitePoint Zealot Christiano's Avatar
    Join Date
    Apr 2005
    Location
    Belfast, North of Ireland
    Posts
    153
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I usually do all my wire-framing in photoshop (As in a visual layout/design) which I then proceed to code in xhtml/css bit by bit.

    Despite knowing what the design will LOOK like, I position the main elements of a page FIRST before I begin implementing any sort of web-specific controls (dropdowns, input fiels, text, links, buttons, tables)

    Then once I feel the page is correctly layed out (IE, FF, Opera, Safari) I proceed to inserting controls that will serve to make the site functional.

    1. Design -> Photoshop
    2. Layout -> Netbeans (XHTML/CSS)
    3. Control Implementation -> Netbeans (XHTML/CSS)
    4. Functionality Implementation -> Netbeans (Java/PHP/MySQL)

    MC
    Innovative Design and Development Services
    Design: XHTML - CSS - Photoshop CS - Flash 7 - Illustrator
    Development: Java - JavaScript - PHP - MySQL - .NET - Struts 2

  9. #59
    SitePoint Zealot phillipus_rex's Avatar
    Join Date
    Jan 2007
    Location
    Silicon Holler
    Posts
    184
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Adobe markets Fireworks CS3 and CS4 specifically as a Rapid Development Mock-Up tool.

    Photoshop and Illustrator are very powerful, but many of the advanced features they contain are unnecessary for mock-up purposes. Also, you often need to use both programs to create your wireframes and mockups. Fireworks makes it very natural to do both within the same program.

    Ultimately, you should use what is natural for you. I started with Fireworks, so it is a natural platform for me to use. Graphics wise, I haven't run into anything that I could not create or reproduce in Fireworks. Adobe Flex is also an excellent mock-up tool, and Fireworks directly supports Flex with the ability to export MXML. IMHO it is a fantastic tool that is highly underrated.
    "Be kind, for everyone you meet is fighting a
    hard battle." -Plato

  10. #60
    SitePoint Enthusiast
    Join Date
    Oct 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by rombert View Post
    Balsamiq Mockups
    Oh, that is nice. Normally I use a whiteboard and marker to draw things using meetings, but Balsamiq looks a good way of making a version to send out. Thanks for mentioning it.

  11. #61
    I hate Spammers mobyme's Avatar
    Join Date
    Apr 2004
    Location
    Sunny Snowdonia
    Posts
    662
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fireworks is absolutely brilliant for knocking up mockups quickly. I hope it doesn't get phased out because I love it's pen tool. Don't ask me why but I can't get the same results with the one in Photoshop.
    There are three kinds of men:
    The ones that learn by reading.
    The few who learn by observation.
    The rest of us have to pee on the electric fence.

  12. #62
    SitePoint Member
    Join Date
    Dec 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    kind of adobe cs4

  13. #63
    SitePoint Enthusiast athena's Avatar
    Join Date
    Apr 2002
    Location
    Vancouver, Canada
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use Fireworks for my mocks and frequently for the final design as well. I just find using Photoshop for layouts to be akin to using a sledgehammer to pound a nail.

  14. #64
    SitePoint Member unclebills's Avatar
    Join Date
    May 2005
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Photoshop CS3, Once I get really good at a single program, I seem to stick with it because I don’t want to bother with any “learning” curve :P

  15. #65
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Still a fan of PhotoShop, I like the slicing tools more than much and it offers the most flexibility when you're in the "sketching" fase of GUI design.
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  16. #66
    SitePoint Evangelist
    Join Date
    Nov 2002
    Posts
    423
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've always used Photoshop for mockups.

  17. #67
    SitePoint Wizard bbolte's Avatar
    Join Date
    Nov 2001
    Location
    The Central Plains
    Posts
    3,304
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use FW for creating mockups and final graphics. I use PS when editing photos or creating Graphic Images. FW is much faster for UI work for me. I like it's jpeg compression controls better (as was mentioned before), it's easier to create vector shapes and edit those in FW than PS and it's text handling is better. for general effects, FW is easier (like basic shadows, etc).

    just my 2 cents...

  18. #68
    SitePoint Evangelist
    Join Date
    Jun 2004
    Posts
    417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Always have been using Fireworks. Nothing against PS. I just don't know how to use it properly, and as FW does everything I need for the creation of websites, I won't bother learning PS. I don't think most people choose FW or PS. They just went on using what they knew best before.

  19. #69
    Non-Member
    Join Date
    Nov 2008
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I still use Fireworks with Dreamwever.

  20. #70
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    just use photoshop here

  21. #71
    SitePoint Zealot the DtTvB's Avatar
    Join Date
    Jul 2006
    Location
    Thailand
    Posts
    162
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I always prefer to use GIMP. It is very easy to create mockups and use some skills to turn them into real thing.

  22. #72
    SitePoint Member
    Join Date
    Nov 2007
    Location
    Leuven, Belgium
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Happy to see Fireworks mentioned so often. It's a wonderful product. If you ask about the learning curve, Fireworks has a far more intuitive user interface and is much easier to learn than Photoshop or Illustrator where I still can't seem to find my way in. For the web, Fireworks is a top choice.

  23. #73
    SitePoint Guru
    Join Date
    Jan 2007
    Posts
    967
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Fireworks seems to have problems with color matching and posterizing gradients. That's why Photoshop is better. Illustrator is also good for designing. It has very usefull layer handling.

  24. #74
    SitePoint Enthusiast
    Join Date
    Feb 2008
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I always used adobe photoshop for website mockups, for flowcharts you can use MS Visio

  25. #75
    SitePoint Addict Divisive Cotton's Avatar
    Join Date
    Jun 2008
    Location
    Andy lives in London, UK
    Posts
    393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's two interesting articles here

    One against using Photoshop for mockups and other for it:

    http://www.37signals.com/svn/posts/1...skip-photoshop

    http://jeffcroft.com/blog/2008/jun/0...kip-photoshop/
    Let everyday be Christmas


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
  •