NameSilo

Question about making a design

Spaceship Spaceship
Watch

jurrie

Established Member
Impact
2
hello,

I have a question for the webdesigners ( not coders ) amongst us.

i want to make my own design, but i'm pondering about what size to use in photoshop, so what is the standard width for a webdesign nowadays ( in pixels )

thanks

Jurrie
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
0
•••
thanks for your reply Janine :)
 
0
•••
I mostly use 960px. I have used 980px too but rarely.

1024px wide screen resolution is common resolution for most 17" monitors and 10" netbook monitors. The scrollbar will take 17px on windows XP. If you make the site wider than 1007px then those 17" monitor and 10" netbook users will see a horizontal scrollbar because the page will not fit.

Since 17" monitors have become less and less common over the last few years, I was planning to design for 19" which has 1280px wide standard resolution. But with the introduction of netbooks I will stick with designing for 1024px.

Btw, I never use photoshop for web design. I always start with something like this and continue from there:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 100px;
	background-color: #E8E8E8;
}
#content {
	height: 500px;
	background-color: #D7D7D7;
}
#footer {
	height: 100px;
	background-color: #CCCCCC;
}
-->
</style>
</head>

<body>
<div id="container">
  <div id="header">header</div>
  <div id="content">content</div>
  <div id="footer">footer</div>
</div><!-- end container -->
</body>
</html>
 
1
•••
960px for wordpress themes
780px for small, presentation sites
 
0
•••
My Photoshop canvas is usually 1200x1200 so I can design the background and any fixed width elements easily, but the main width of the design itself is around the 960px mark as others have said
 
0
•••
775px is a default width for creating a web page..:talk:
 
Last edited by a moderator:
0
•••
1024px is the best option.
 
0
•••
Now a days many options are there but 960px is middle to the range. Also depends on what kind of design you want to design.
 
0
•••
I would recommend to use 960px for flexibility but 1024px now are the way to go.
 
0
•••
I believe differently than the others here.

If your target demographic is 18-25 year old gamers, then use 1024 and up. But, if your target audience is in the baby boomer generations, then you need to design your site at 800x600.

I personally hate 800x600, and one day it will be irrelevant. My favorite width is 960px.
 
0
•••
you can use any size above 700 px width. Make sure it set as pixels in photoshop.

Normal size will be 1024px wide and 900px height.
 
0
•••
Normally I use 980 pixels. I believe 800 x 600 is irrelevant now a days.
 
0
•••
you don't need to worry about web design and size because there are so much online web template which you can use to make your own website easily.
so don't worry about this.
 
0
•••
1024 and 960 are good,Normally i use 1024
 
0
•••
You can opt for the resolution of 1024 x 768 in the first few days. Most of the analytics software allow you to get the resolution of the client. If there are variety of resolutions, you can try fluid layout which will be easier to maintain.
 
0
•••
Dynadot โ€” .com Registration $8.99Dynadot โ€” .com Registration $8.99
Appraise.net
Unstoppable Domains
Domain Recover
DomainEasy โ€” Live Options
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back