导航:首页 > 万维百科 > ps网页设计分辨率

ps网页设计分辨率

发布时间:2020-12-01 16:30:38

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

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

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

2、关于用PS设计网站模板分辨率的问题!

如果你以后要从事这方面的工作的话 那么最好清晰某些概念 什么叫像素 什么叫分辨率
在这里90%以上玩PS的人都是模糊的概念 玩玩无所谓 但是要用在工作上就要明确这些概念

1024*600用在显示屏幕上叫分辨率 用在图像上叫像素 用来表示图像尺寸
大多数人把屏幕分辨率的叫法用在图像上 这是混淆概念 因为图像的分辨率和屏幕分辨率是两码事
在PS里面的图像分辨率是有特定作用的 那是提供给打印机的数据值 一般情况下分辨率只有一个数值 如72 300...等 没有1024x600 1024x768...这样的

1024*600要改成1024*768 很简单
图像——图像大小
去掉约束比例的勾 直接更改高度600像素为768像素 宽度1024像素不变
但是这样改的后果是图像会拉伸 会有一点模糊(尽管你眼睛未必看得到 因为这个改动很细微)
图像拉伸的时候软件会自动用插值的算法添加像素 会对原来的图像清晰度有一点点影响

所以你要一点都不变形 都不影响图像质量 那么只有重新去做
或者你新建一个1027x768的文档 把你的1024x600的图像拉进去 空白的地方添加其他内容

3、用ps设计一个网站要设置多大的宽和高?分辨率是多少?

宽1920px,高度根据内容多少来确定,分辨率72

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中网页设计的宽度一般是多大?

网页设计电脑端UI都是1920宽,1080像素高的尺寸设计

6、ps网页设计尺寸

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

7、网页设计ps画布最佳大小是几×几像素 导航栏呢?

中间内容区大小不能小于1000px,一般是1000-1200,高度不限制,导航栏是通栏,根据最大的分辨率来,一般1920差不多了。操作方法如下:

1、首先单击【文件】按钮,在菜单中选择【新建】命令。

2、在新建文档对话框中,设置文档的详细信息,单击【创建】按钮。

3、然后单击工具箱中的【圆角矩形工具】。

4、在选项栏中选择‘路径’工具模式。设置半径为‘50’像素。

5、在文档中绘制出路径图形,然后设置前景色为白色。

6、在图层面板中,单击【创建新图层】新建‘图层1’。然后单击【路径】按钮‘切换到路径面板。

7、接着鼠标右击’背景图层‘,在弹出的快捷菜单中单击【删除图层】。

8、最后在对话框中单击’是‘删除背景图层,就完成了。

8、PS网页设计尺寸设定

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

9、网页设计中一般在PS中设计设计分辨率是多少像素?

72的

采纳哦

10、ps设计网站页面分辨率应设置成多少像素?网页宽多少?页面中有效部分(截图中的B)宽度多少?

截图在哪里?
画布大小一般正常是1024*768,因为这里面就是有效部分了,这个不包括背景,因为背景一般是使用纯色或者渐变色或者是图片,因为考虑到个人的屏幕分辨率不同的因素,很少在设计网页的时候连着背景一起设计的。还有不懂的就HI我

与ps网页设计分辨率相关的知识