前言： 一篇文章配上一个漂亮的版面，可以使人耳目一新或着是一种视觉享受。版面设计可以用photoshop软件制作，用PS制作
一篇文章配上一个漂亮的版面，可以使人耳目一新或着是一种视觉享受。版面设计可以用photoshop软件制作，用PS制作网页版面可以很好的控制和调整网页框架的布局或色彩的协调搭配，也便于整体的修改和局部的细致刻画，使网页更具个性化。下面我们就给大家介绍一下photoshop网页的制作方法!
用PS制作网页前，应对制作的网页有个初步的构思，等把大的色块做好后，再调整色块间的明暗度、对比度、饱和度进行调整，而后再把小的插件放到网页上，先整体后局部的制作过程。由于百度空间受文字字数(4000字)或图片大小(500KB)的限制，所以在网页框架的制作中尽量的简化其结构，图片的格式也尽量的选择GIF格式。还要考虑空间文章区像素的大小，本人空间的文章区宽度是950像素，所以本人的网页框架图片一般设置为920像素。
让我们先来了解一下版面布局的步骤：
一.草案 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
二.粗略布局 在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
三.定案将粗略布局精细化，具体化。(靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。)
网页框架完成后，下一步就是做成适应网页框架的背景图，可以用PS将整图切割成4部分(图1)(这里你可以根据自己的构思，进行切割)背景图1为LOGO区域，(LOGO制作)背景图2为过渡区，也可以把1-2区域合并为一个区域，本人的意图是为了减少LOGO区域背景图的文件的大小，背景图3为文章区，这里应注意图片上下的衔接，因该区域的高度是根据文章内容而定的，背景图4为网页的底部。
以上就是我们给大家介绍的photoshop网页的制作方法了、希望大家继续关注起航学习网qh.itpxw.cn官方网站!
文章出自：http://qh.itpxw.cn/peixun/ps/201612394.html
文章标题：制作简单ps网页的小技巧
免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉
