ps页面设计

各地的大学里应该都有考试点。下面提供一些这方面的介绍：Adobe认证项目简介 ：美国Adobe公司是世界上第二大桌面软件公司，产品涉及图形设计、图像制作、数码视频和网页制作等领域。其中，以Photoshop为首的图像处理软件更是饮誉平面设计领域。使用Adobe产品，人们的创作才华可尽情施展，创意、出版和传播各种具有丰富视觉效果的作品，其无与伦比的图形图像功能，倍受网页和图形设计人员、专业出版人员、商务人员和设计爱好者的喜爱，很多人都希望能够得到专业的培训。Adobe 认证平面设计师：认证产品包括Photoshop Illustrator PagerMaker AcrobatPhotoshop以其强大的功能和无与伦比的创造性令世人折服。无论您从事何种职业：平面设计艺术、摄影、多媒体还是网页设计，都可以用Photoshop创造出令人瞩目的图像。Illustrator是工业标准的绘图软件，其魅力在于创造作品挥洒自如而又不失严谨干练的大家风范。它可以帮助您为印刷和Web网络创作专业的图形作品，令您的作品与众不同。PageMaker从创建一页的宣传单到多达999页的书刊（信笺、包装、手册、新闻稿）都能出色完成任何一种组版效果。 Adobe Acrobat则可以把任何一种文件转换为通用的可访问的便携式文件格式（PDF）。以实现跨平台和应用程序的最佳信息共享。Adobe认证数码视频师：认证产品Premiere AfterEffects Photoshop Illustrator不知从何时起,电视节目的片头变得如此富有创意,现实与虚拟又是如此完美的结合在一起。崭新的界面与编辑控制使得 Premiere在专业数字视频编辑领域成为一个更加强大的工具。它可使您在精致的界面中高效工作，体验专业的编辑控制，享受灵活的软硬件支持，制作完美的效果。After Effects提供你快捷、精确、富有创造性的控制工具，制作出电影、电视多媒体或网页的极好的动态图形。提供非凡的创作力，将各层画面放到任何你想要放置的地方；完全灵活的创建、精调动画路；轻松设计世界级特效；真接输出成电影、电视、多媒体、WEB网等各种格式。Adobe认证网页设计师：认证产品有Golive Livemotion Photoshop Illustrator从伦敦、汉堡到纽约和旧金山，世界上一流网页设计师都在使用Adobe GoLive软件。它的排版设计工具让您对物件拥有像素级的控制；灵活的原始码编辑器、所见即所得的多层式样板、使用简易的动态HTML、拖放式的JavaScript动作，以及QuickTime电影编辑器使网页工程比任何时候都更简单。GoLive 的超级网站管理工具可以使您从一个普通的网站构建者发展成为一位高级管理大师。无论多么复杂的站点，都可以通过管理工具的易用界面控制它的整个结构。您可以检查、书写或编辑HTML和JavaScript 编码，然后立即在页面排版模式中看到效果。GoLive对XML的完整支持使您可以体验最新的Web页面到最大、最复杂的网站的每一部分，GoLive都是高级网站管理的专业选择。国际认证证书简介国际认证是加拿大Corel、美国Discreet、美国Adobe等三大权威教育机构面向全球的计算机专业教育。国际认证的证书——全球通用，全球注册。打开计算机进入互联网，即可查看到全世界所有设计师名单中自己的名字。此证书是对从事计算机工作人士专业水平的衡量标准，是求职就业必备证明及有力保障，是进入高薪工作领域权威通行证，是进入企事业单位的“敲门砖”，就象我们国家的大学文凭一样，是代表个人能力的书面证明。更主要的是，国际认证证书更优越于国家的传统文凭，是面向全球性的，得到全球的认可。人们常把认证证书比作“国际绿卡”，意味着获得全球通用的权威IT认证会使你的未来发展道路上更加无限风光。证书分为：电脑美术绘图设计师、三维工程师、技能高手、平面设计师。《电脑美术绘图设计师》是指通过CorelDRAW这门课程考试合格后所获取的证书。《三维工程师》是指通过3DMAX三维动画考试合格后所获取的证书。《平面设计师》：分为单科结业考试形式，分为PhotoShop、Acrobat、llustator、Pagemaker等四科，单科考试通过者获取相应软件的《中国认证技能高手》证书，累计四科后换取平面设计师证书。Adobe国际认证产品专家证书ACPEAdobe国际认证认证设计师证书ACPE三维工程师证书

这个宽高没错，把分辨率调为72。一般平面像名片、VI、包装盒这些分辨率是300，喷绘有150或者200的。网页分辨率大多都是72。

320*640 640*480 480*800 800*600等等， 我之前做的手机网站用的是480*800的 ，作图的时候尺寸要求不是很严格，主要是切图的时候 宽度要自适应

　　屏幕大小：指屏幕的物理尺寸，一般用屏幕对角线长度表示，单位英寸。如 5 英寸屏幕。1英寸 = 2.54 厘米。　　获知手机屏幕的大小主要有两种方法。注意，虽然提示为“主屏尺寸”，但目前一般的手机辅助类软件并不提供屏幕大小的查询，只提供屏幕分辨率的查询。　　方法一：去 ZOL 中关村在线查，输入手机型号搜索即可。（图中，1 处为屏幕大小，2 处为屏幕分辨率）　　方法二：用尺量屏幕对角线长度，然后换算成英寸（2.54厘米 = 1 英寸）。

Dreamweaver、PS、FlashDreamweaver用来设计网页的元素，我们平常看到的网页中的文字、表格、特殊效果等都是可以通过Dreamweaver来实现。Dreamweaver是基本的网页代码编辑软件。它有一非常好的地方：所见即所得模式，可以让不会代码的人也能设计出简单的网页。PS是Photoshop的简称，主要用来处理图片。一个网页中如果只是文字和表格阅读质量就会下降，所以配上好的图片就非常重要了。PS是专业的图像处理软件，几乎可以做出你想要的任何图片效果。Flash用于制作动画。如果你设计的网页中需要出现动画，那么Flash是最好的选择，入门级操作就可以做出非常流畅的动画。设计网页除了软件之外，其它的只是也是必不可少的。代码方面，可能要掌握HTML语言、JS、Java、CSS等多门编程语言。

　　1、一般而言，设计网站的尺寸是1920px宽度(包含背景设计），当然内容显示区是950px/980px/1000px而高度根据需求来定，分辨率为72就可以了，很多设计师为了追求细节，一般都是这个数值的2倍或者三倍　　2、图解：整个页面设计内容显示区：淘宝是950px，一般的企业网站是980px

你用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=""> 拿记事本改了像素成百分比那就在浏览器显示得差不多了。原来这个在网页显示的问题不关我们平面的问题哈，我还以为像素设置小了就显示得这样了呢。哇，这个中好多东西学呢，好多分工哦~呼，谢谢你啊~

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

你用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=""> 拿记事本改了像素成百分比那就在浏览器显示得差不多了。原来这个在网页显示的问题不关我们平面的问题哈，我还以为像素设置小了就显示得这样了呢。哇，这个中好多东西学呢，好多分工哦~呼，谢谢你啊~