藤原纪香七分钟图片:工作规范和要求
一:HTML制作
分割图形
1 . 分析PSD,理解逻辑结构
2 . 从应用框架,逻辑,页面颜色,主题,程序实现等方面考虑PSD是否合理。否则返设计师
3 . 统一制作手法,制作前制定方法
4 . 共性元素位置必须一样,用层定位。eg:导航文字,LOGO,栏目标题,提示等
5 . 考虑充分HTML,后切割
6 . 以交互后按钮尺寸为标准,贴边切割,要求交互前+交互后 W*H 大小一样,统一标准。
7 . 投影效果图片要连带投影一起切割,按设计师原意切割。
8 . 页面中同类型按钮图片,严格要求 W*H 保持统一,做到标准。
9 . 完成切片定位,保存切片图,以便修改。(本人使用特殊方法切片,待改进?)
------------------------------------------------------------------------------------
GIF图片输出
1 . Gif图片格式:128色 or 256色。
2 . 若图片大片渐变效果,压缩前操作 "滤镜--->杂色--->添加杂色:1"
3 . 根据显示分辨率的不同,图片大小一般 60K-120K
4 . OSD层常用显示分辨率:640*526 国内常用标清 PAL 制式
------------------------------------------------------------------------------------
动态GIF图片输出
1 . 避免同一页面出现多张动态GIF图片
2 . GIF动画,一般控制在 2-5帧之间
------------------------------------------------------------------------------------
JPG图片输出
1 . JPG图片主要用于大面积,色彩要求高,图片表现细腻的应用里
2 . 如果压缩后,GIF大小>100KB,可以考虑使用JPG格式,以防图片颜色产生差距
3 . 保存图片使用小写扩展名:(.jpg)
4 . 如果底图用了jpg格式,则该页面所有图片都是.jpg格式,以防颜色产生差距,保持统一
------------------------------------------------------------------------------------
PNG图片
1 . 用于JVM应用开发中使用的图片
2 . 为PNG8格式,效果较佳
-----------------------------------------------------------------------------------
HTML文件建立
1 . 所有的页面
标签的属性必须这样写:,不用使用CSS定义。2 . 带文字焦点的页面,必须在页面属性中设置链接颜色;eg: text="#000" link="#000" vlink="#000"
-----------------------------------------------------------------------------------
表格
中调用,不要使用标签 ----------------------------------------------------------------------------------- 层使用规范 ----------------------------------------------------------------------------------- CSS使用规范 1 . 对于一个项目,文字字体要统一,一个应用,栏目都通过一个CSS文件控制字体大小和颜色。 ----------------------------------------------------------------------------------- javascript使用规范 1 . 对于一个项目,公用的JS要写在一个JS文件夹中,命名:global.js ----------------------------------------------------------------------------------- 文件储存规范 1 . 一般应用以应用栏目结构来存放,原则一个栏目一个文件夹 ********************************************************************************************************************************************** 二: 模拟器的管理和使用 1 . 每个项目必须在相应项目号的模拟器上开发及测试 测试环境的使用和要求 响应速度测试 1 . 检查 超链接测试 1 . 链接颜色要高亮显示,一个应用使用一种链接颜色 丢图 1 . 图片链接路径不正确 白屏 1 . 页面调用的图片比较大,导致机顶盒内存不足,出现白屏 滚屏 黑屏 1 . iPanle 2.0中,打开调用ifarme页面的时,出现黑屏,此时可以用setTimeout将iframe页面延时1-2秒加载 ********************************************************************************************************************************************** 三:输出部分(审核通过后) 要求3点: 1 . 清理: 3 . PSD源文件的储存: |