Designing & Resolutions, How to make a design look good in all resolutions |
  |
 Aug 23 2008, 12:03 PM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 31 Joined: Jul 2007 Member No: 552,713  |
What size do you design the layout to ensure that they'll look in all resolutions? :O
|
|
|
|
|
Aug 23 2008, 01:06 PM
Post
#2
|
|
 Senior Member Group: Staff Alumni Posts: 2,435 Joined: Feb 2007 Member No: 506,205 |
Well, if you wanted an image to fill in an entire screen for every resolution, you'd have to make it pretty big. My screen is 1400x900, so it would have to be AT LEAST that big. There are bigger screens out there.
I'd just recommend making it no bigger than 800x600 and have it blend into the background or be cut off neatly. |
|
|
|
|
Aug 23 2008, 03:04 PM
Post
#3
|
|
 in a matter of time Group: Staff Alumni Posts: 7,151 Joined: Aug 2005 Member No: 191,357 |
I know that there's nothing more annoying than going to website and having it stretch out your browser. And you have to scroll every which way. I would keep it small, within 800x600 or 1024x768 if you can. Anything larger would be an inconvenience to some people. For people with screen with larger resolutions, at the very most they'll have a lot more blank space, which I would gladly take over scrolling.
|
|
|
|
|
Aug 24 2008, 04:40 PM
Post
#4
|
|
|
Senior Member Group: Member Posts: 31 Joined: Jul 2007 Member No: 552,713 |
Ohhhhh, ok. I see I see.
But then what about the font and stuff? I never knew how hard it was to make sure a layout has cross-browser compatibility until I actually designed and code one x___x I made it in 1024x768, and in higher resolutions, the content is scooted a bit to the right rather than centered. I guess that's better than scrolling :O |
|
|
|
|
Aug 24 2008, 04:43 PM
Post
#5
|
|
|
Senior Member Group: Staff Alumni Posts: 2,435 Joined: Feb 2007 Member No: 506,205 |
If it's not part of the image, stick with fonts like georgia, times new roman, arial, etc. Type "standard fonts" into google and I'm sure you'll get something.
As for it scooting when you change screen size, are you using left:50% and margin-left:#px for your positioning? |
|
|
|
|
Aug 24 2008, 04:44 PM
Post
#6
|
|
 Jooleeah <3 Group: Official Designer Posts: 687 Joined: Jun 2008 Member No: 662,481 |
I don't usually use fonts lower than 9-10px in size. I have a larger resolution so any smaller makes it tough to read. Then again, it really depends on the font.
|
|
|
|
|
Aug 24 2008, 05:25 PM
Post
#7
|
|
|
Senior Member Group: Member Posts: 31 Joined: Jul 2007 Member No: 552,713 |
I see i see. that's true.
Err...no. o__o. Insurmountable said that she would help me fixing my layout x3 Cuz like...when I first started designing the website, I had no clue what size to design it in. o___o. But I eventually figured out, I guess. x__x |
|
|
|
|
Apr 2 2010, 01:00 PM
Post
#8
|
|
 Senior Member Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
Topic Closed, and Moved to Resolved Topics. Please PM a moderator if you would like this reopened.
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: