导航:首页 > 万维百科 > ps设计网页尺寸

ps设计网页尺寸

发布时间:2020-10-14 21:26:58

1、ps网页设计尺寸

从用户体验的角度来说,你不应该以最大尺寸来做参考,设计页面应该以最小尺寸来做决定;
从普遍用户来说,目前最小尺寸大部分是以1024*768分辨率作为标准来做的,设计师要做的事情就是以最小尺寸来设计,还要考虑到大屏幕显示器的用户的浏览效果,所以你必须要考虑到页面的自动伸缩问题;即使是以大图片为背景的页面,也是会考虑到不同分辨率的伸展问题
作为网页设计师,要尽量考虑到绝大部分用户的浏览需求

2、用ps做网页尺寸一般是多大

网页分为主区和背景区,主区一般是950px~980px的宽度,高度没限制。背景区你可以按到1920px的宽度来做,适合适应不同的显示器。
这方面你要和写CSS的人沟通一下,他会告诉你什么叫主区什么叫背景区。

3、PS网页设计尺寸设定

这是我在站酷网上看见的一片文章,不知道原文在哪里,若是作者看见了,不让弄上的话,通知我,我可以删除。

4、用photoshop设计网页首页时,设置多少精度出来的网页图片精度高?

Photoshop制作网页效果图的几个注意点:
第一点:新建文件尺寸大小; 制作网页效果图,首先就是要新建文件,那么要建多大的合适呢?这可不是随便乱定的,一般我们是要根据目前绝大部分显示器的最佳分辨率来定。在比较早些时候,17英寸为主流显示器,最佳分辨率为1024*768,所以考虑到网页在显示器上能有最好的显示效果,一般都定在1003px以下(这个数据是由显示器最宽1024px减去浏览器右侧滚动条宽21px和到1003px)。如果你的网页超过这个尺寸,那当网页即使最大化显示的时候,内容也不能完全呈现,底部就会显示水平滚动条,这样会影响用户体验! 目前来说19英寸分辨率达到1280以上的宽屏显示器已经成为主流,因此现在很多网页都开始做得更宽,比如可以做成1200px宽的,但为了能让1024分辨率下都能有好显示,建议还是定为1003px以下,比如960,980都是合适的。如果不确定应该设置多少合适,可以打开参考网站,看看他们是设置多少。 如何查看别人的网页尺寸呢?很简单,使用截图工具把网页截下完整的宽度后使用Photoshop用选区工具框选宽度就能在信息面板里显示出来了!
第二点:字体与字号; 字体方面,在浏览器里显示的字体是调用操作系统里的,因为绝大部分操作系统都有宋体、黑体、微软雅黑、Arial、Tahoma这几种字体,所以在网页效果制作时,尽量使用这些字体,如果不使用这些字体,那到在把网页效果图做成网页的时候就没法做出这种字体效果了;如果非要使用其他字体,那么在做成网页的时候只能以图片的形式来显示出来,不过考虑到图片文件都偏大,会让网页打开速度降低,所以尽量不要以这种形式显示。
第三点:关于颜色; 不同的操作系统会有不一样的调色标准,因在Web上就有定义了一个安全色表,以期能让符合这个色表定义的颜色,在不同显示设备上都能有同样的显示效果。不过对于不是对色彩十分严谨的网页效果来说,不需要这么严格执行,所以关于颜色,我们直接使用Photoshop里默认的颜色就可以了,当然,如果你所设计的网页对于色彩十分看中,那请认真按照Web安全色标准设计。
第四点:网页效果图里填充的内容; 在制作网页效果的时候,很多地方要填充文字内容,这个时候有些初学者为了方便操作,直接把同样的内容复制使用,最后整个网页上看起来就会显得怪怪的。这里大家在填充内容的时候,最好是使用不一样的信息,或者干脆直接从其他网页上截取内容填充。
第五点:要注重细节处理; 因为你制作出来的效果图,最终是做为网页的制作依据,因此在效果图上,每个模块的间距都要精确到像素、文字摆放的位置等也要准确到位。
第六点:保存的图片格式; 效果图制作好后,建议保存成png格式。不要存jpg格式,因为这个格式对图片压缩比较大,会丢失细节。

5、一般PS设计海报要多少像素

PS设计海报需要多少像素,这个是根据海报的大小和输出分辨率来决定的,例如:

1、600*800mm海报,输出分辨率通常为150dpi,换算成像素就是3500*4700。

2、800*1200mm海报,输出分辨率120dpi,换算成像素就是3800*5700。

3、1200*2000mm海报,输出分辨率96dpi,换算成像素就是4500*7600。

4、2000*3000mm海报,输出分辨率72dpi,换算成像素就是5700*8500。

分辨率会影响海报的输出精度,同样大小的海报,像素越高,输出精度就越高,也就越清晰,需根据自己的需求,来设计合适的分辨率。

(5)ps设计网页尺寸扩展资料

Adobe Photoshop(PS)的功能和使用对象:

1、专业测评

Photoshop的专长在于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工;图形创作软件是按照自己的构思创意,使用矢量图形等来设计图形。  

2、平面设计

平面设计是Photoshop应用最为广泛的领域,无论是图书封面,还招帖、海报,这些平面印刷品通常都需要Photoshop软件对图像进行处理。  

3、广告摄影

广告摄影作为一种对视觉要求非常严格的工作,其最终成品往往要经过Photoshop的修改才能得到满意的效果。  

4、影像创意

影像创意是Photoshop的特长,通过Photoshop的处理 可以将不同的对象组合在一起,使图像发生变化。  

5、网页制作

网络的普及是促使更多人需要掌握Photoshop,因为在制作网页时Photoshop是必不可少的网页图像处理软件。  

6、后期修饰

在制作建筑效果图包括许三维场景时,人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。  

6、PSD制作网页图的规定尺寸是多少

网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计.

网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以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*100

希望对你有帮助

7、网页设计尺寸与PSWEB文件尺寸

网页设计在初始要界定出网页的尺寸大小。就像绘画给出一块画版来。这样才能方便设计。

网页的尺寸受限于两个因素:一个是显示器屏幕。显示器现在种类很多,以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*100

8、PS做网页设计画布大小问题

全屏最大是宽1920px
主流都是做1440px
高不限,看你做的内容
分辨率都是72dpi
最后就是不管你做哪一个尺寸,主要内容、图片都要放在1000px内。
请采纳,谢谢。
不懂的再问我。我就是做网页设计的。

9、PS做网页设计画布大小怎么建?

全屏最大是宽1920px
主流都是做1440px
高不限,看你做的内容
分辨率都是72dpi
最后就是不管你做哪一个尺寸,主要内容、图片都要放在1000px内。
请采纳,谢谢。
不懂的再问我。我就是做网页设计的。

10、PS网页设计尺寸问题 需要满屏

你用PS做出来的是图片,并不是网页,图片是多大,就显示多大,居中显示是在代码里实现的。
如果你想让图片居中,可以这样做:
假如你的分辨率是1440*900,,而普通的网页页面宽度大部分都是960(PX)。所以你想让图片居中就很简单了,在1440*900的画布上,左右分别拉两条辅助线:左边一条在240px,右边一条在1200px那里,在两条辅助线中间的区域,刚好就是在1440分辨率下的居中显示。
所以看你的分辨率,再设置你的网页设计图的大小,现在主流的分辨率是1440*,而页的宽度大部分是960(你可以百度一下为什么这是大部分网站会采取的尺寸)

满屏需要代码标签属性width:100%来实现,看上面的回答貌似都是说代码类的,所以你自己看看自己是要代码类的居中还是要图片类的居中。
代码上的居中更简单,一般采用的是div的magin居中。不过这不属于你的问题范畴,这里就不说了。

与ps设计网页尺寸相关的知识