`
guoshuang
  • 浏览: 801 次
  • 性别: Icon_minigender_1
  • 来自: xian
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Web UI 设计

阅读更多
[img]http://simplewordpresstheme.com/wp-content/screenshots/handcoding.jpg" alt="[/img]




要找到一个审美观优秀的程序员,跟找到一个会写程序的美工一样难?

有种职业叫做 PSD2HTML…

这个世界上除了ie6,还有 chome,firefox,safari,opera,ie8…

有一种人,他需要考虑:客户需求、本地化需求、界面风格统一、交互设计等问题…

一个会编程、玩得转linux的美工…



web 技能



**熟练掌握一个美工应该会的一切软件,并且有10年经验。ps fw dw flash 3dmax

**熟悉 xhtml xml css jquery(javascript) 等web 2.0标准化设计,熟悉 firefox chrome safari opera 等浏览器之间的差异

**熟悉 Semantic + Accessibility,对 Section 508,WCAG 1.0 以及 W3C XHTML validation,css validation,FAE,WAVE,W3C mobile validation 验证方法及调试过程

**熟悉 fireworks(photoshop) editplus(gedit)网页手写代码,熟悉 flash 及 as 编写

**熟练搭建、配置 ubuntu linux server + apache(lighttpd,nginx) + mysql + wordpress(drupal)+ proftpd(vsftpd) + openssh + vnc 服务器环境



其它说明



**psd 2 xhtml(也就是国内俗称的 div+css 页面编码) 不在话下,因为这本来就是 xhtml 的一小部分

**我更喜欢 jquery framework,更象 ruby 的风格。extjs yui dojojs prototype 这些夸奖等则是懒惰的后台程序们的最爱,可以很快调用现成的 ui 组件,但没办法自己修改。



工作流程



1.贵公司提供 psd 或者 png 源文件(也可以由我们直接进行图形化UI设计),提供交互设计的详细要求。



2.修改 UI 组件 psd 或 png



3.editplus(gedit) 手写 xhtml 代码



4.firefox + firebug 调试,然后测试 ie 6-7-8



5.W3C Accessibility 等验证



样板工程可参见 鹏讯科技网站

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics