2

As titled, take ASP.NET/Perl/PHP for example.

Because I don't have chance to work with UI Designer/or know anyone like that, so I really wonder do they use any tools to do the UI design?

I don't mean tools like PhotoShop or Flash to make the graphic, but I mean like writting CSS, Table layout/color, Div, JQuery animation etc.

I know for ASP.NET Visual Studio have some support on UI design, but is very minimum compares to like ExpressionBlend for WPF/Silverlight.

I have been still typing everything when I do the UI Design for ASP.NET.

So I wonder do people use any tools to help doing UI Design? Or everyone take it like a man to type everything else like what we did back then with NotePad?

King Chan
  • 405
  • 3
  • 11
  • Aesthetic artists 'draw it' and you realize it by 'coding it' - no shortcuts :) – PhD Feb 22 '12 at 07:17
  • @Nupul now I understand why there is position for UI designer, is not only for phototype the GUI, but write so many GUI code for us. – King Chan Feb 22 '12 at 16:01

2 Answers2

2

Your question is good. GUI implementation in HTML is insane. Take a look at Artisteer It may help a bit. Look at the video. The tool allows you to not only create a design from a template but also generates HTML and CSS code. I don't know if the demo version supports ASP.NET but I know that the production version now supports ASP.NET (please check before you buy)!

You could also consider using 3rd party GUI controls on top of VS. Some of those are much more pretty and provide functionality too.

The 'designer' spirit is usually required and not too many tools can replace that as you know.

NoChance
  • 12,412
  • 1
  • 22
  • 39
  • +1 I see, so I could just get the template html and css and edit to fits my ASP.NET app too. I will try look for one that's similar but open source. But yes, I did use some 3rd party GUI control, just sometime their style is doesn't match one and the other. So I could implement my own control. – King Chan Feb 22 '12 at 15:59
1

I use Balsamiq Mockups for UI design. The last site that I worked on I used Adobe Dreamweaver for implementation. Most of the CSS that I have worked with has been coded by hand (and debugged using a plugin called firebug to assist).

jmq
  • 6,048
  • 5
  • 28
  • 39
  • +1 ooo phototype tool! I never thought about using that. All I did was just do some quick sketches on paper lol – King Chan Feb 22 '12 at 15:50
  • If you are in to prototypes, Silverlight's Blend offers a tool called sketchflow that could be of interest: http://www.microsoft.com/expression/products/sketchflow_overview.aspx – NoChance Feb 22 '12 at 16:03
  • @EmmadKareem o nice, thanks for telling me about that. I seen that before I didn't know it was a prototypes tools. I guess is always good at least know about the tool. – King Chan Feb 23 '12 at 18:43