ps网页设计规范

1、网页设计，一般最少要设置多少高度

大概的高度为：

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下：

一个网页的尺寸设置和浏览器与系统的尺寸大为相关，我们不可能满足所以用户的最佳尺寸，但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计：

对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：

在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据：
Window XP首屏大小580 px
Window 7 首屏大小710 px

2、网页设计合适的页面尺寸是多少

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。
全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。
两侧留白是为了适配不同电脑屏幕的尺寸，能够确保网站只是电脑站的时候一些笔记本电脑也能显示全面网站的内容区域，内容限时区域在好控制在1000px-1200px。

3、PC端网页设计基本规范有哪些

网站建设基本流程规范
企业网站建设（升级改版）包含下列基本流程：
（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；
（2）网站技术开发、网页设计；
（3）网站测试；
（4）网站内容发布；
（5）网站维护及管理。
3、网站域名及网站技术规范
（1）采用基于XHTML的国际WEB标准（CSS+DIV）；
（2）网站首页为顶级域名而不是多级层次 ；
（3）网站首页及各栏目和内容页面均不采用网址跳转方式，不采用过渡页/桥页等网址重定向；
（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；
（5）网页内容页面层次不宜过多，不超过四个层次；
（6）采用主流域名：.cn、.com.cn、.com等；
（7）一个网站对应一个主域名，现有多个域名需统一；
（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；
（9）网站设计对不同浏览器具有兼容性。
4、企业网站的基本功能和内容
（1） 与企业办公网实现无缝链接；
（2）具有信息发布、产品发布和管理功能；
（3）产品推荐/广告管理功能；
（4）详细的公司介绍；
（5）详细的联系方式；
（6）合理的产品分类/汇总/列表；
（7）详细的产品介绍内容；
（8）销售及售后服务相关的联系和服务信息；
（9）在线服务信息；
（10）持续更新的企业动态/产品信息；
（11）相关网站链接管理功能；
（12）规范的网站地图；
（13）网站访问统计功能。
5、网站优化
网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。
（1）网站栏目结构合理，栏目设置不要过于复杂；
（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；
（3）网页布局设计合理，网站设计符合用户浏览习惯；
（4）重要文字信息尽可能出现在网页靠前位置；
（5）字体清晰，CSS风格协调一致；
（6）最多3次点击可到达产品详细内容页面；
（7）通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页；
（8）遵照搜索引擎为管理员提供的网站优化指南，通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便，不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式（如堆积关键词、用户不可见文本、页面跳转、复制网页等等）；
（9）网站首页、栏目首页及产品内容页面均有一定的文字信息量；
（10）每个网页有独立的、可概括说明该网页核心内容的网页标题（而不是全站或者一个栏目共用一个网页标题）；
（11）每个网页有独立的、与该网页内容相关的META标签设计（包括description和keywords）；
（12）每个网页有独立的URL；
（13）产品内容页面URL尽可能简短且体现出产品属性；
（14）产品/企业新闻详细内容页面是独立网页不是弹出窗口；
（15）对于产品品种多的企业网站，要有合理的产品分页方式；
（16）网站内容保持适当的更新周期。
6、网页模版设计
（1）重要信息尽可能出现在用户最关注的位置；
（2）网页宽度定位适应当前主流屏幕分辨率模式；
（3）保持整站CSS风格一致；
（4）超级链接有下划线或颜色的明显指示；
（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；
（6）网站首页字节数不宜过大；
（7）多语言版本网站内容之间的切换方式设计合理。
7、企业网站可信度
（1）网站具有必须的法定证书；
（2）对企业基本状况的介绍真实可信；
（3）公布顾客服务/售后服务承诺；
（4）有必要的个人信息保护声明；
（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；
（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；
（7）网站主域名与企业名称/品牌/核心产品一致或相关；
（8）网站提供的信息及时有效；
（9）网站有自己独立的风格；
（10）网站各项功能和服务方便易用。
8、网站运营维护
（1）建立网站内容发布审核机制，始终保持网站内容的合法性；
（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；
（3）保持合理的网站内容更新频率；
（4）网站内容制作符合网站优化所必须具备的规范；
（5）重要信息（如数据库等、访问日志等）的备份机制；
（6）保持网站重要网页的持续可访问性，不受网站改版等原因的影响；
（7）对网站访问统计信息定期进行跟踪分析。
其他要求：
由于网络营销环境和用户行为在不断发展变化，企业网站需要增强适应性，可通过改版、重建等方式进行网站升级。 在网站建设技术标准方面，遵照国际WEB标准，不再使用过时的HLML4.01；在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。
网站规划：
•整体规划合理，主辅菜单不清晰；
•网站建设导向明确，重点突出；
•栏目适应；
•各栏目统一规划，整个网站比较清晰；
•网站的促销功能得到明显体现。

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、UI设计网页设计字体规范应该要注意什么

可以参考常规字体的使用规范：

1、在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。

2、不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。

3、字体与背景的层次要分明,确保字体样式与色调气氛相匹配，等。

(5)ps网页设计规范扩展资料：

网页设计

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

2、以业务目标为中心进行功能策划，制作出栏目结构关系图。

3、以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

4、以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈，进行页面设计调整，以达到最优效果。

6、用photoshop与DW配合做网页，怎样做比较规范

你那样做只是很粗糙的做法，网站表面看起干净好看！但要是对于内容复杂的网站就不版行了。
我建议你权用photoshop制作图片，图片美化，切片的时候不要套出web格式，直接套出切片，然后在dw中布局生成网页！

7、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

希望对你有帮助

8、PS网页设计尺寸设定

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