终极CGFinal · 打造精彩的设计网站
当前位置: 主页 > CG学院 > Photoshop制作网站流程图解揭密友好

Photoshop制作网站流程图解揭密友好

发布时间:2016-09-19 12:02内容来源:终极CGFinal 点击:

首先要说点题外话,这篇教程是网络上找的,为了找到他的图,我起码找了10个以上网站,这十多个网站转载别人的文章图片全是用的盗链,源头的网站把图片地址改了,导致这十多个网站都无法显示图片了,无语....盗链已经如此之严重了.还好有的站把图片上传到自己空间了,总算找齐了这些图片。教程作者已经无从考究了,如果你知道请与网页教学网联系.

1.规划:不管是乔客,还是用动易、风讯,我们都应该考虑两个问题:

a、版面要分出头、中、底三个部分。

b、中间部分要考虑两种情况,一是两栏(乔客左窄右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。有些朋友想每个板块的头部不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,按下不表。

如果我看到别人的版面想拿下来,那就做个截图,建立一个photoshop文件,把截图放在最底层,作为最初的草图。

2、制作。

a、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。

b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组,这不是好习惯,一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。

Photoshop制作网站流程图解揭密友好

c、制作的时候最好尽量把文字内容也放上去,可以更接近实际效果,等切图的时候隐藏这些图层。

d、标题样式。一个版面除了头、底要特别制作外,中间部分应该考虑制作三种标题样式:左栏、右栏、通栏,也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包,随时调用,而标题样式我是使用flash来做的一个样式,使用不同的参数调用,就可以有不同的样式和颜色,改版的时候就改一个js文件和flash文件,做版面的时候会节省一些时间。

Photoshop制作网站流程图解揭密友好

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------