Havenyi&SKDD Team 从事 RIA项目业务;界面设计；交互设计

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://havenyi.blogbus.com/logs/27448827.html

伪界面设计
a、在PS设计伪界面
b、切片工具对整体进行合理的分割
注意点：隐藏你要通过输入的文字，分割时要保持他的整体意义，尽量让每一部分是完整的，注意一些交互上操作。
c、导成WEB格式-直接导成HTML格式—步骤:
1、.点击文件存储为WEB文件格式
2、在界面里面调整理想参数
3、导出保存PS能自动生成一些HTML代码，但是他不是很标准，你必须在Dreamweave里面进行加工
d、在Dreamweave里面进行代码加工
具体步骤：
1、先修改标题
2、修改页面属性：背景颜色、背景图片.....
3、把页面调整为布局格式（这个可以按照自己习惯来设置，有标准的表格方式，也有布局类型）
4、把要添加文字的图片转化为背景形式
　 a、找到对应图片路径
　 b、拷贝路径后删除图片
　 c、转化为标准形式
　 d、把路径粘贴到背景属性上
　 e、回到布局界面
5、添加具体文字连接设置等操作
6、CSS设置
7、修整代码，发布预览按F12即可预览效果
本文转自建站学  http://www.jzxue.com ,转载请注明出处。