How big are your mock-ups?
by Megan, Wed, 2007-04-11 18:01
800x600 (or slightly less to account for browser chrome)
38% (5 votes)
1024 x 768 (or slightly less)
0% (0 votes)
800px wide, but higher than 600px
46% (6 votes)
1024px wide, but higher than 768px
8% (1 vote)
something else (please post!)
8% (1 vote)
Total votes: 13
Megan posted this at 15:22 — 4th May 2008.
She has: 11,421 posts
Joined: Jun 1999
Does anyone have any finished mock-ups that you wouldn't mind including in an A Padded Cell article? I have a few of my own but it would be nice to include more so readers can see how these are actually built.
Send them to my by email at mjjack(at)rogers.com
Megan
Connect with us on Facebook!
Megan posted this at 12:51 — 13th April 2007.
She has: 11,421 posts
Joined: Jun 1999
We are talking about how we deisgn graphic prototypes for web deisgns. I think most professionals work this way - you start with some preliminary planning, maybe do some wireframing or site architecutre, then design a graphic mock-up using your graphics program of choice.
Sorry if that didn't answer your question, I'm not qute sure what you're asking.
Megan
Connect with us on Facebook!
xlwebworks123 posted this at 05:40 — 13th April 2007.
They have: 4 posts
Joined: Apr 2007
Hello
what types of mockup you all are looking at ?
Please let me know
Thanks
Megan posted this at 20:29 — 12th April 2007.
She has: 11,421 posts
Joined: Jun 1999
Yeah, but even if it was higher I'd still want to do my mock-ups for the most popular resolution (1024). It should look best for the majority and then scale from there depending on usage IMO.
Megan
Connect with us on Facebook!
Megan posted this at 19:03 — 12th April 2007.
She has: 11,421 posts
Joined: Jun 1999
I'm not talking about abandoning 800 x 600, just to be clear (see note at the bottom of my originalpost). What I'm talking about is designing a site that looks *best* at the most popular resolution, which for my sites is 1024 x 768. Actually, we aren't able to track this site and my personal site so I'm sort of going by what I see happening on my work site, where 800 x 600 usage hovers around 4%. It definnitely wouldn't make sense to design a site that looks best at 800 x 600 when most visitors are running something bigger (and often much bigger!).
Megan
Connect with us on Facebook!
Roo posted this at 19:25 — 12th April 2007.
She has: 840 posts
Joined: Apr 1999
Wow yeah 4%...that's not enough to worry about really. I don't think we should abandon it yet, but I can see the day coming where 800X600 will go the way of 640X480.
Roo
andy206uk posted this at 17:26 — 12th April 2007.
He has: 1,758 posts
Joined: Jul 2002
I mock up at 760 not because it's the width of the client or visitors but simply because it's the width that I find has the best readability. That's the main reason I still design fixed width layouts - I can't stand long lines!
Andy
Roo posted this at 18:16 — 12th April 2007.
She has: 840 posts
Joined: Apr 1999
When 800X600 use goes down to around 3% I will then abandon it.
If it ever gets to the point where the majority uses above 1024 X 768 then I will have to quit, I just can't see well enough for anything higher than 1024X.
I keep my own monitor at 800X600.
Roo
JeevesBond posted this at 15:11 — 12th April 2007.
He has: 3,956 posts
Joined: Jun 2002
I'm also an 800x600 person. I make the actual proof 1024x768 but then fit the design into 800x600. By my estimations that'll give the customer an idea of how it will look on most monitors, even if they're still using 800x600 the design image will still work for them, only the background pattern will get chopped off.
I use GIMP or Inkscape. Inkscape is a brilliant application... GIMP is, well you know, it's the GIMP.
a Padded Cell our articles site!
teammatt3 posted this at 14:34 — 12th April 2007.
He has: 2,102 posts
Joined: Sep 2003
My mock-ups are almost always 750-770px wide and 1000px down. I used imageready to whip them up.
Brooke posted this at 14:02 — 12th April 2007.
She has: 681 posts
Joined: Feb 1999
True! And that is so funny. It has to look good to them. They don't understand that other's are seeing something different. Clients are funny little creatures.
timjpriebe posted this at 13:44 — 12th April 2007.
He has: 2,667 posts
Joined: Dec 2004
Yeah, it's not so much the visitors as the clients that have 800x600. If the web site doesn't look great on the client's computer, they don't really care that it looks fine on 95% of the visitors' computers.
Tim
http://www.tandswebdesign.com
Brooke posted this at 13:24 — 12th April 2007.
She has: 681 posts
Joined: Feb 1999
a lot of my clients are on the smaller monitor size still. Whatever looks the best to them - they want!
Megan posted this at 13:15 — 12th April 2007.
She has: 11,421 posts
Joined: Jun 1999
I'm surprised you're all still mocking up for 800 x 600! Do you all find that most of your visitors are still using that resolution? I don't, which is why I've moved up. I want the site to look best at the most popular resolution, so that's what I mock-up for. I just keep 800 x 600 in mind while I'm designing and make sure that things will adjust to fit.
Megan
Connect with us on Facebook!
Brooke posted this at 13:02 — 12th April 2007.
She has: 681 posts
Joined: Feb 1999
I do the same as timjpriebe. 760 and I use fireworks. I used to use photoshop exclusively but found that fireworks works better for me for the web!
demonhale posted this at 04:04 — 12th April 2007.
He has: 3,278 posts
Joined: May 2005
I work on a higher pixel ratio to fit an 800x600 site... if it's fixed width , i'll stick with those, and if fluid I increase it a bit... I usually code first the layout then decide on how I want it to look.
I sometimes use Adobe PS, and Illustrator for Icons and logos.. But if I need to work fast I use Corel...
Roo posted this at 04:43 — 12th April 2007.
She has: 840 posts
Joined: Apr 1999
Something like 770 X 768.
I do fluid design and make it so it looks best at 1024X but with the content still viewable at 800X with no horizontal scroll:
Here's an example: (800 X 600 users see only a teeny tiny portion of the flag background on the right side)
Roo
Keifer posted this at 22:51 — 11th April 2007.
He has: 0 posts
Joined: Apr 2007
I tend to use ~800px x (some number larger than is really reasonable), with all of the pixel pushing done in Inkscape [ Vector = warm, fuzzy thoughts]. Mind you, I've not yet worked on what I would consider a *real* website - mainly just for a defunctish community site.
If you are trying to keep to opensource tools, Krita is a promising alternative to Gimp. It's probably not on par yet, but it seems to have more momentum behind it.
Renegade posted this at 20:19 — 11th April 2007.
He has: 3,022 posts
Joined: Oct 2002
I used to do all my designs in 640 x 480 when 800 x 600 was popular but, now that 1024 x 768 is more popular, I find I'm doing them in 800 x 600. Perhaps I'm just behind in the times...
aka Rohan posted this at 18:56 — 11th April 2007.
He has: 200 posts
Joined: Feb 2006
I don't do mock-ups... guess I should though =/
My next project is going to be a fixed size positioned site with nice layered images and smooth curves (as opposed to my usual fixed width, center aligned header-body-footer type I always follow) so I intend to do one for that.
At the moment I'm looking at a 760x600 main body but will probably be larger in total with purely cosmetic additions to the background. Reckon i'll mock up for a 1024x 768 screen but as I said, the main part would cater for an 800x600.
At the moment I use Gimp for all graphics but I'm trying to locate a copy of Fireworks to try and hopefully switch to.
timjpriebe posted this at 18:39 — 11th April 2007.
He has: 2,667 posts
Joined: Dec 2004
I do my mock-ups 760px wide by whatever height they need to be. I use Fireworks for all my mock-ups.
Many of my clients are small business or volunteer-run organizations that still have older computers. When possible, I try to determine the resolution of my clients. I make sure the design works and looks good under multiple resolutions, but I check it even more thoroughly on their resolution.
Tim
http://www.tandswebdesign.com
Megan posted this at 18:03 — 11th April 2007.
She has: 11,421 posts
Joined: Jun 1999
Oh, and another question - what program do you use for mock-ups? I used to use Photoshop exclusively, but now that I've switched to Open Source I'm using either Inkscape or the Gimp depending on the project. Inkscape for designs that need more crisp edges and shapes (like A Padded Cell), the Gimp for more photographic designs.
Megan
Connect with us on Facebook!
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.