Re: [WSG] Mocking up web interfaces
24 maj 2007 kl. 01.22 skrev Douglas Reith: Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Hi Douglas, I've just scanned this thread and agree about Photoshop, Fireworks (which is very handy when creating designed flows by the help of the Frames). But I see that no one have mentioned Axure. It is the best application (Windows, requiring .NET 2) I've worked with when the need is to model interactions and form based web applications. It is indeed not a pixel design tool but has its clear benefits when your need to rapid prototype. Give it a try and I think you will like it. Demo at http:// www.axure.com/demo.aspx 30-days free trial: http://www.axure.com/downloads.aspx Cheers /oa *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Well i am designer also knowing the HTML and CSS Stuff. So my duty is to design the template based on client requirements. First of all i do paper work, then incorporate it in to a prototype using Photoshop then show it to client for approval if approved hand over the HTML page with style sheets and possible Jscripts and DHTML to the developers to use it( if website is dynamic ofcoursE) === On 5/25/07, James Ellis [EMAIL PROTECTED] wrote: Hi When I worked in Windows I loved Fireworks for creating web graphics but I always found that writing code was actually more efficient than creating a graphic, as I had the code for later use. For mocking up a site I generally use pencil and paper, then ask my wife about it who has a good layout brain, then build the initial site using my app. framework. To create graphics I use, Inkscape (http://www.inkscape.org) which is also available for Windows, Gimp for photos. I'm trying to get my head around Krita and Karbon14 (both KDE apps). Is there a KDE tool like Fireworks out there? (replies off list thanks) Cheers James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Kind Regards, Hureen Fatima *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Hi When I worked in Windows I loved Fireworks for creating web graphics but I always found that writing code was actually more efficient than creating a graphic, as I had the code for later use. For mocking up a site I generally use pencil and paper, then ask my wife about it who has a good layout brain, then build the initial site using my app. framework. To create graphics I use, Inkscape (http://www.inkscape.org) which is also available for Windows, Gimp for photos. I'm trying to get my head around Krita and Karbon14 (both KDE apps). Is there a KDE tool like Fireworks out there? (replies off list thanks) Cheers James *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Notepad. Best, editpad - but I'm a developer normally dealing with code rather than visual design - *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Mocking up web interfaces
I also use Fireworks, primarily as I like the combination of vector and bitmap abilities during the mock-up stages. I too sketch a lot of ideas on paper first. Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
On 24 May 2007, at 00:22:42, Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. Step 2 had to be toned down considerably when I was working in a studio with the designers, including the owner of the company, but generally this process has worked well for me for several years :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Mocking up web interfaces
Hi all, I have been going through the emails on this topic and I can identify with most of them. Thanks Nick for your thoughts on mocking up web interfaces - it really brightened my day and James for the info on Fireworks, which I hadn't even heard of! Elaine -- Elaine Wildash http://www.webdandy.co.uk http://www.webdandy-access.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nick Fitzsimons Sent: 24 May 2007 12:11 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Mocking up web interfaces On 24 May 2007, at 00:22:42, Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. Step 2 had to be toned down considerably when I was working in a studio with the designers, including the owner of the company, but generally this process has worked well for me for several years :-) Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
David Laakso wrote Notepad. Me too. In my head I establish the looks of the design have a feel for colors, and know of some images, or a good idea of what I want in the end anyway (I can see the final product in my mind's eye), but I don't mock it up. I go right to Notepad and begin the structure. If I did mock it up as an image first, I'd use Fireworks, though. Cheers. Mike Cherim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Mocking up web interfaces
On Behalf Of Nick Fitzsimons Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. ;-) --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: SPAM-LOW: Re: [WSG] Mocking up web interfaces
First get a feel for the content, play around with different ways of presenting it using a graphics app and or sketching- i use illustrator. The presentation should come naturally from the needs of the content - web standards practices support this way of working. When the illustrator file pops out at me i print them off on some nice glossy photopaper and present these as mockups to the client. I find this safer(most of the time) than putting jpegs online or emailing them because the client could be on 15 inch from aldi'sThe only exception is if there is flash, then i show them a sliced jpeg with flash embedded along with the printouts. hth kvnmcwebn *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Thierry Koblentz wrote: On Behalf Of Nick Fitzsimons Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. thanks for all the input, loved this one above and also the valuable directions from Jamie Collins. Cheers! -- Douglas Reith [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] +61 (0)4 1042 1081 mobile Skype Me! callto://douglas_reith *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
On Behalf Of Nick Fitzsimons Being Just a Coder, my usual workflow is: 1. Receive Photoshop files created by client's graphic designer, who has no knowledge of web technologies, no understanding of usability, no interest in accessibility, and thinks everything is the same as print media; 2. Tear my hair out whilst ranting and raving about the ignorance and incompetence of these people; 3. Decide that I'm not going to be beaten by these b4st4rd5; 4. Rack my brains for days or weeks working out how to achieve the impossible; 5. Achieve the impossible; 6. Realise that I've learnt or invented a whole load of useful CSS and HTML techniques; 7. GOTO 1. love it ... couldn't have said it better myself! :-) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
I use Fireworks. On Thu, 24 May 2007 09:22:42 +1000, Douglas Reith [EMAIL PROTECTED] wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
If your on linux you can GIMP do mock ups of the site. Normally for the 'design' I use photoshop and play around will colours and ideas However the best place to start is actually either a pen and paper or a word processor of some sort to layout the user interface. (I don't mean the design or outputting as html, just flow and structure of a page) On 5/24/07, Douglas Reith [EMAIL PROTECTED] wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug -- -- Douglas Reith [EMAIL PROTECTED] +61 (0)4 1042 1081 mobile [image: Skype Me!] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***inline: skypeme_btn_small_white.gif
Re: [WSG] Mocking up web interfaces
Yeah, I like Fireworks too, although for some reason, a lot of designers don't. Fireworks is particularly good for laying out Web Application interfaces IMHO. The CS3 version has some really useful features in that regard, such as the 9-slice scaling guides, which let you better define how elements should scale - e.g. you can exclude rounded corners from the scale, so that they don't get stretched when you scale up. very useful! And if price is an issue, Fireworks standalone is a good deal cheaper than Photoshop. Good luck Trav On 24/05/2007, at 10:14 AM, John Faulds wrote: I use Fireworks. On Thu, 24 May 2007 09:22:42 +1000, Douglas Reith [EMAIL PROTECTED] wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Photoshop ... :) I do use Fireworks sometimes, but know Photoshop better. - susie On 24/5/07 9:22 AM, Douglas Reith [EMAIL PROTECTED] wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug I make graphics with GIMP Inkscape (both open source) as well as Photoshop and Illustrator, but the actual mockups I usually end up doing with HTML CSS, since that's the easiest way I can see if they hold up to page interaction (enlarging text, changing viewport width, etc.). -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Mocking up web interfaces
Douglas Reith wrote: Hi there, Just a quick one - what do people most commonly mock up web site designs in? (Photoshop?) Also, if possible, Linux and GPL or similar would be great!! Cheers, Doug Notepad. Best, ~dL *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***