Photoshop设计制作网站流程图解
时间:2007-10-25 12:06:00
内容摘要:网页设计师制作网页最常用的设计软件应该就算adobe的产品Photoshop了,当然Photoshop不仅可以设计网页,不过作为网页设计师只要使用好Photoshop和dw就可以制作大部分的页面了。本文介绍了使用Photoshop制作网站的流程,并带了图解实例。
1.规划:不管是乔客,还是用动易、风讯,我们都应该考虑两个问题:
a、版面要分出头、中、底三个部分。
b、中间部分要考虑两种情况,一是两栏(乔客左窄右宽,动易左宽右窄),二是一栏,两种情况显示不能变形。有些朋友想每个板块的头部不一样,这也是可以的,你可以在程序代码中做文章,那是编程的问题,按下不表。
如果我看到别人的版面想拿下来,那就做个截图,建立一个Photoshop文件,把截图放在最底层,作为最初的草图。
2、制作。
a、即使不用别人的版面,最好也还是找一个同类系统的网站截一个图,放在最底层。拉三根垂直辅助线:左边线,中间虚线位置,右边线。
b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组,这不是好习惯,一个版面,少则几十层,多则上百层,不分开图层组管理就很乱,影响工作效率,更影响多人合作。
c、制作的时候最好尽量把文字内容也放上去,可以更接近实际效果,等切图的时候隐藏这些图层。
标签:Photoshop,网站,设计,流程
0
投稿
猜你喜欢
MySQL内建复制功能来优化可用性
2010-10-25 20:20:00
返回首页的链接地址写法
2008-10-22 13:38:00
SQL根据时间范围条件查询数据
2009-01-18 13:32:00
如何做网页设计的10个小窍门
2010-04-11 22:30:00
mssql 大小写区分方法
2008-12-29 14:08:00
数据库性能优化之冗余字段的作用
2011-03-03 19:21:00
如何解决客户机页面刷新时连接不上数据库问题?
2009-12-16 18:24:00
如何给eWebEditor编辑器加上运行代码框功能
2007-09-25 07:02:00
Sql Server中存储过程中输入和输出参数(简单实例 一看就懂)
2012-11-30 20:09:36
在SQL Server 2005数据库中进行错误捕捉
2008-12-02 14:39:00
教你怎么使用sql游标实例分享
2012-07-11 16:14:57
The Story of Mr.Gray — Web 交互设计“灰色”的8类应用
2009-12-30 16:57:00
微软建议的ASP性能优化28条守则(5)
2008-02-27 13:54:00
用 iframe 解决下拉框与层之冲突
2008-04-28 12:24:00
CSS扫盲(一): padding
2009-08-04 17:58:00
《CSS禅意花园》学习笔记
2008-10-20 12:43:00
ASP伪造REFERER方法
2008-07-03 12:48:00
Dreamweaver实现flash透明背景
2008-05-04 09:35:00
SQL Server 2005数据转换服务设计问题集锦
2008-12-26 17:29:00
在SQL Server中处理空值时涉及的三个问题
2009-02-05 15:30:00