设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 3351|回复: 0

[求助] 招聘高级UI,UED,PSD2HTML

[复制链接]
发表于 2011-6-25 11:46:07 | 显示全部楼层 |阅读模式
我们公司是一个集团公司。我们属于信息中心。
有一个自己的十人左右的开发团队。不是维护啊。
期待有一名 专业的UI加入。能设计出页面,完成psd to html的过程。
有住房补贴,公休,待遇都可议。 出色的联系我吧。 qq:854056672 tel:18936020065 曹光亮
下面转,如何描述这岗位。转自这个博客 http://www.pizn.net/27-04-2010/psd-2-html/
什么是PSD2HTML?


     PSD是指photoshop的文件格式,一般的网页设计者都会使用photoshop(也有其他工具,例如firework)进行web页面设计,这个不多说。

     2是指to,一个过程,而这个过程并非想象中的容易。

     HTML是指web页面,具有简单的交互功能。

     简单的说就是将设计稿转换成WEB页面,再简单的话,就是直接把PSD从PS里导出成网页。而复杂的,则需要考虑到HTML页面里的标签和性能。

如何实现PSD2HTML呢?

      1,对设计好的PSD文件进行分析。

      分析的目的主要是使页面的性能最佳,那么,就要考虑哪些地方的图片可以共用,哪些地方的图片需要独立出来。而且还需要观察效果图是怎么布局的,如何分栏等等。

      2,进行切图。

      切图就是将大的效果图切成一张一张小小的图片,然后从PSD文件里面提取出来,以备后用。

      3,编写HTML结够。

      通过分析明确了效果图里的页面布局等信息之后,就需要是用html标签来初步进行编写。这个时候还需要设计好整个站点的文件布局,既需要哪些页面,如何组织文件夹等。

      4,css样式化。

      为html标签赋予id和class,并结合切出来的图片进行高仿真样式化。

     5,进行优化。

      对于一个网页来说,需要进行兼容性测试和w3c标准校验,提高其性能,这样才算初步完成。

切图是一种艺术。

      切图虽然是上面几个步骤中最简单的,但如何切好图片,如何选择图片的格式,对于一个网页的性能有很大的影响。

      举个例子吧,前几个星期,有人问我为什么他的网页(html+css,没有后台数据传输的)打开得很慢。然后我就过去看了一下html代码和css样式,没问题啊。再看了下他的img文件夹,一下子明白了。一个页面里,加载了近十张高清晰的相片(每张大约2m大小)。如果当你的页面打开这么慢的时候,是及其不好的用户体验,所以无论你设计得再漂亮,优秀的切图才能使之接近完美。

享受这一过程。

      将一张静态的图片转换成web形式,这对于去年这个时候的我是比登天还难的一件事情。然而现在我很喜欢这样一种从设计到简单编程的工作,有美学的熏陶又有逻辑的思考,既注重细节又面向大局。虽然任小,但道远。
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-20 01:34 , Processed in 0.089824 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表