页面设计尺寸

PSD最好做1366*768的尺寸，网页顶部、底部、导航条部分需要百分百宽 内容根据PSD设定具体像素

这个不同手机尺寸不一样，比如iphone3 320*480 iphone4 640 * 960 android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率看你具体是针对什么手机做的了！ 哦 谢谢你啊 我就是想做一个手机网页的作品 现在就是分不清楚这尺寸问题好困扰我啊 呵呵 那意思就是说 我要做个安卓的 那分辨率是72 这些尺寸都可以用240*320 320* 480 480* 854 ？ 不是都可以用，是你针对多大屏幕的手机做的，那就用它相应的分辨率！ 如果只是做作品，不考虑兼容性，那就按照480的那个做吧，反正现在用大屏幕的手机的人多！

刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大，文字该用多大才合适，我要做几套界面才可以?什么七七八八的也着实让人有些头疼。废话不多说，希望大家耐心看完后，不要再纠结于尺寸相关的东西了。一、尺寸及分辨率iPhone界面尺寸：320*480、640*960、640*1136iPad界面尺寸：1024*768、2048*1536单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素iPhone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px

画布：是你建立文档内可视区域（或可操作区域）的尺寸，这个可以根据个人喜好来规定大小。目前网页设计有两种主流方式：一、传统设计模式：页面宽度一般在1000像素或以内，以满足1024分辨率下的电脑，通常设计尺寸有以下几中：宽：960px宽：980px宽：990px宽：1000px二、宽屏设计模式：由于现在显示器尺寸多样，特别是荧屏显示器，分辨一般都为1360-1920像素，还有更大的，如2500像素。目前，在众多的分辨当中，1360和1920用得比较多，一般1360适用于笔记本，1920适用于19英寸的台式机。通常设计尺寸有以下几中：宽：1200px宽：1340px宽：1680px宽：1900px综上所术，为了能满足较低分辨率用户最佳浏览效果，建议尺寸设计宽度不宜超过1000px。另外：现在随着响应式技术成熟，对于分辨率的大小影响其实已经不是很大。即可根据分辨率大小，网页尺寸自动适应当前你电脑分辨率，以满足用户浏览到最佳效果的网页。关于响应式设计，可以参考响应式设计的相关资料。希望能帮到你！

背景最好是能够做到自动延伸，现在的显示器是越来越大，分辨率也慢慢的变大了，现在用1600*900分辨率的也不少，我的就是，当然也有人用1280*768、1024*768等，所以网页设计的背景一般是不会设计成固定尺寸的，你可以做成可循环平铺的图片或者渐变颜色，直接是一种颜色那就更方便了； 其实网页设计一般所说的尺寸指的是主体框架的尺寸，就拿现在这个百度知道的页面距离，中间的主体部分无论是浏览器怎么伸展，主体内容的宽度是保持不变的，我查看了一下css代码，这个主体框架的宽度是980px 你设计的时候把主体部分设置成980-1000px就差不多了，毕竟现在使用1024*768分辨率以下的人已经毕竟少了

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等. 高度： 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度: 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点.也方便做一些浮动层的设计. 如果是800的分辨率一般都设成770。但也有设成760的. 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右. 网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象. 页面标准按800*600分辨率制作，实际尺寸为778*434px 页面长度原则上不超过3屏，宽度不超过1屏 每个标准页面为A4幅面大小，即8.5X11英寸 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120，这种广告规格适用于产品或新闻照片展示。 二、120*60，这种广告规格主要用于做LOGO使用。 三、120*90，主要应用于产品演示或大型LOGO。 四、125*125，这种规格适于表现照片效果的图像广告。 五、234*60，这种规格适用于框架或左右形式主页的广告链接。 六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。 七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。 八、88*31，主要用于网页链接，或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片，FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上，尺寸120*60 2.首页顶部通栏，尺寸468*60 3.首页顶部通栏，尺寸760*60 4.首页中部通栏，尺寸580*60 5.内页顶部通栏，尺寸468*60 6.内页顶部通栏，尺寸760*60 7.内页左上，尺寸150*60或300*300 8.下载地址页面，尺寸560*60或468*60 9.内页底部通栏，尺寸760*60 10.左漂浮，尺寸80*80或100*100 11.右漂浮，尺寸80*80或100*10

网页设计合适尺寸，已经有了很大改变，不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下：1、pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px , 主体内容在1200px内就行，比较规范。2、移动端网页的设计尺寸可以考虑680px和720px

你用PS做出来的是图片，并不是网页，图片是多大，就显示多大，居中显示是在代码里实现的。如果你想让图片居中，可以这样做：假如你的分辨率是1440*900，，而普通的网页页面宽度大部分都是960（PX）。所以你想让图片居中就很简单了，在1440*900的画布上，左右分别拉两条辅助线：左边一条在240px，右边一条在1200px那里，在两条辅助线中间的区域，刚好就是在1440分辨率下的居中显示。所以看你的分辨率，再设置你的网页设计图的大小，现在主流的分辨率是1440*，而页的宽度大部分是960（你可以百度一下为什么这是大部分网站会采取的尺寸）满屏需要代码标签属性width：100%来实现，看上面的回答貌似都是说代码类的，所以你自己看看自己是要代码类的居中还是要图片类的居中。代码上的居中更简单，一般采用的是div的magin居中。不过这不属于你的问题范畴，这里就不说了。 其实不是图片居中的问题，是我做的那个页面打开在浏览器上只显示了3/5显示器就全部显示出来了。其实我也说不清楚。反正打开就是我图片那样儿~我像素的800*1000这样的。如果是需要后面的编程的人完成的那就没有什么问题了。我就怕是我像素设置不大所以做出来的就是往左边偏移然后3/5显示器就能全部看到了，很难看的哈~~ 你保存也是jpg或者png格式给别人看，psd格式只能在ps里面看而已。给到客户或者其他要看的人，人家也不会专门开个浏览器来看。如果想要在浏览器居中，那也只能像我说的，选个主流的图片规格，然后再辅助线当中设计，就可以了。没有一个网站可以满足所有的分辨率。 其实我是PS做HTML格式，再到 Dreamweaver 加工。呼，略懂了，<img src="images/index.jpg" width="100%" height="200%" alt=""> 拿记事本改了像素成百分比那就在浏览器显示得差不多了。原来这个在网页显示的问题不关我们平面的问题哈，我还以为像素设置小了就显示得这样了呢。哇，这个中好多东西学呢，好多分工哦~呼，谢谢你啊~

网页设计合适尺寸，已经有了很大改变，不需要担心设备尺寸不同的问题，以目前主流形式来看，有以下：1、pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px , 主体内容在1200px内就行，比较规范。2、移动端网页的设计尺寸可以考虑680px和720px