| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
photoshop网页版面设计规划教程
 

现在有许多现成的网站系统,例如asp中的乔客、动易、风讯,都有模版功能,自己设计好版面,套上系统就可以成为一个出色的网站了。( m3 G1 ^( k+ f/ }2 p
这是我制作版面的方法,也许对你未必合适,抛砖引玉:# `8 q3 u; H5 o9 @! }1 q+ F# u0 C' F
1.规划:不管是乔客,还是用动易、风讯,我们都应该考虑两个问题:
、版面要分出头、中、底三个部分。
.、中间部分要考虑两种情况,一是两栏(乔客左窄右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。5 L0 k! p; {0 K; A) O% d
有些朋友想每个板块的头部不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,按下不表。/ s5 K. C' l4 d% u- A. B! S, I
如果我看到别人的版面想拿下来,那就做个截图,建立一个photoshop文件,把截图放在最底层,作为最初的草图。7 [" M; \' J: a8 b
2、制作。
、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。' e/ o: X8 G0 l7 C5 b4 s" C
b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组,这不是好习惯,一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。/ T, ^) ~  s) B0 n
9 f% P/ [; u, m

T) T
c、制作的时候最好尽量把文字内容也放上去,可以更接近实际效果,等切图的时候隐藏这些图层。, X/ _8 b7 ~; [7 s2 @+ l7 Z
d、标题样式。一个版面除了头、底要特别制作外,中间部分应该考虑制作三种标题样式:左栏、右栏、通栏,也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包,随时调用,而标题样式我是使用flash来做的一个样式,使用不同的参数调用,就可以有不同的样式和颜色,改版的时候就改一个js文件和flash文件,做版面的时候会节省一些时间。
a$ G( l% ?% @0 d4 j( `

1

、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的,可以找回原来的按钮图片一个一个修改。
0 N& c' Q/ [! ~  ~$ Z, Kf、特殊字体的使用。不管是链接还是内容,我都主张尽量使用样式表来控制字体样式,但有些地方要用到不常用的字体,为了使所有的浏览者都能看到自己的设计原意,就要把文字制作成图片,这一类的图片要适当使用,因为使用了图片,对搜索引擎的访问是无益的。( \$ g% m  x* }5 Q- [

4

[1] [2] 下一页


  • 上一篇文章:

  • 下一篇文章: 没有了
  • 相关文章