网络编程
位置:首页>> 网络编程>> 网页设计>> Photoshop设计制作网站流程图解

Photoshop设计制作网站流程图解

  发布时间:2007-10-25 12:06:00 

标签:Photoshop,网站,设计,流程

内容摘要:网页设计师制作网页最常用的设计软件应该就算adobe的产品Photoshop了,当然Photoshop不仅可以设计网页,不过作为网页设计师只要使用好Photoshop和dw就可以制作大部分的页面了。本文介绍了使用Photoshop制作网站的流程,并带了图解实例。

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

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

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

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

2、制作。

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

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

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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com