您的位置: 首页 > 技术文档 > 网页制作 > WEB前端设计师需要的技能
关于H1的探讨 回到列表 HTML5中 b 和 i 标签将语义化
 WEB前端设计师需要的技能

作者:awflasher 时间: 2008-03-17 文档类型:原创 来自:蓝色理想

【必备】UserInterface

PhotoShop/Fireworks Design

  1. 配合美工将草图形成具体的符合WebPage的设计
  2. 有快速制作分层高品质PSD、PNG的能力
  3. 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码

Flash Design

  1. 基本动画效果
    复杂的交互体系设计,了解第三方swf辅助设计软件
    复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)

【必备】Browser-side (Web Application)

XHTML/CSS

  1.  基本的layout实现
  2. 严格跨平台的layout实现以
  3. 优雅的HTML code,尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks,但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构,让JS开发人员在开发的时候认为"一切都已经准备就绪了",而不是"捉襟见肘"。

JavaScript/Ajax/DOM

  1. 基本的DOM操作,了解AJAX,可以实现数据通信
  2. 基本的DOM操作,能写高效率的OOP代码,以降低维护成本
  3. 基于需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验最好,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码

Flash Developement

  1. 基于Timeline的ActionScript操作,能实现简单交互
  2. 掌握a外,能实现数据层通信(与服务器以及本地SharedObject)
  3. 精通AS1-3,能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的,还是FlashPlayer9的,都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计,等等)。

【必备】Client-side (Desktop Application)

Apollo

  1. 产品级的封装,基本技术了解(如何打包、如何加入HTML和JavaScript等)
  2. 掌握a的同时,能利用Apollo的API独立设计、开发OS的文件I/O功能。
  3. 掌握基本技能的同时,对"3D概念体系"有所认知。这里"3D"即:Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo
    Windows Presentation Foundation、WPF/E(Silverlight)
    (待定,欢迎补充)

【增补】Server-side (修改:经考虑,这个技能不参与评级)

本来列举了"1、Server端简单的技术、脚本"和"2、MediaServer(Red5)接口"作为"Web前端工程师技能列表"的一种(服务器、数据逻辑层技能的)评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实,要掌握好上述的展现层技能不是意见容易的事情,而且前端工程师的确非常辛苦。但是,站在另一方面来说,辛苦的原因是什么,我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验,前端的辛苦在于以下几个方面:
重复劳动多,大量的div+css都是重复的,即便可以复制粘贴,但几千行的div海洋中去寻找一个入口恐怕都非常痛苦
需求变更多,往往你折腾几个小时终于把跨平台问题解决好了,而且在IE6、7和Firefox下面都能显示同样的效果了,甚至连JavaScript交互都已经快搞定了。突然上面说需求要变。这无疑是莫大的痛苦。
也许表面上看,这跟Server端技能无关,但我觉得有好的Server端的意识,一定会有所帮助(当然不可能解决所有的问题)。毕竟信息结构和数据库是密切相关的,而Server是连接数据库的唯一渠道(至少大多数B/S应用是如此)。掌握Server端的基本技能,对于同逻辑层开发人员设计接口是非常重要的。而且HTML表现层在开发时与数据的分离,也与Server端的各种模板技术有关。例如PHP中的Smarty模板(我曾经用的)、jsp的model2概念等等。HTML结构如何设计,如何让HTML重用,甚至在HTML层进行OOP的开发(我现在在新产品线中设计的前端开发流程),都需要Server端的支持。最起码,你要告诉php程序员你需要什么。如果你完全对PHP一无所知的话,那也无从谈起了。
此外,对于创业团队,往往人手非常有限。为了让运营成本降到最低,所有的技术人员都有义务对Server端技术有所了解。如果为了修改一个网页的标题还要跑去喊PHP程序员连接Remote Server的话,那实在是增加了整个公司的运营成本。
总结:我认为,可以不了解技术细节,但应该知道原理,最好能掌握一两套设计思想(毕竟数据逻辑都在这里走,光看HTML和JavaScript,对人的见识还是有局限的,这种局限限制了我自己很久的时间),那将是一比宝贵的财富。

【增补】Mobile-side(不参与评级)

看到很多朋友留言说前端工程师没前途,我在想,同时掌握移动设备的技能是否也是拓展前途的一个必要性?这里再多说几句,关于技术人员的前途,目前在国内确实得用"惨淡"来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯,而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生(我身边太多了,恩,不说具体细节了,呵呵)。
作为一个技术人员,开发人员,在保持纯粹地敬业心态(这是前提,这么没有,啥也别谈)外,更要学会如何保护自己,如何壮大自身,社会不会同情你,只有你自己才能保护你自己。

Flashlite
(待定,欢迎补充)
Java?
(待定,欢迎补充)

原文:http://www.awflasher.com/blog/archives/906

经典论坛讨论
http://bbs.blueidea.com/thread-2837485-1-1.html

本文链接:http://www.blueidea.com/tech/web/2008/5499.asp 

出处:蓝色理想
责任编辑:bluehearts

◎进入论坛网页制作WEB标准化版块参加讨论,我还想发表评论

相关文章 更多相关链接
下一代web:浏览器存储支持
百度Web UI未来发展趋势分析
成为一个顶级设计师的第一准则
网站中文字的视觉设计
个人从事设计行业40句观感
作者文章 更多作者文章
ActionScript 3 日积月累之三
ActionScript 3 日积月累之二
ActionScript 3 日积月累之一
Adobe的P2P野心
理性思考Flash与Ajax相关问题
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
张舰CG作品选登
虫虫水彩学习日记:一衣草莓
疯狂的程序员 第四回
疯狂的程序员 第三回
光照完全指南之光的方向
下一代web:浏览器存储支持
2008 LOGO设计趋势
php设计模式介绍之工厂模式
从吉普车的镜头看台湾 Ⅱ
《NewWebPick》15期中文大众版
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
 

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 9 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 4.50


ahulee Publish at 2008-4-17 17:23:31
不知道这样的能在北京or上海月薪拿到多少。。。
greathan Publish at 2008-4-17 12:07:04
那还不如一个人全搞了算了,后台,服务器,前台,那不是省事。。。。!!
分工明细才能做出好的网站
dcxj163 Publish at 2008-4-7 14:31:12 评分5
还可以!
hrea Publish at 2008-3-21 11:14:11
一大把
slleo Publish at 2008-3-20 19:40:24 评分4
顶!

1、PS,必备。我想做前端的人,不会切图的估计没有;
2、Flash/Swishmax/Swift3D,至少会一个,要做flash,其实还需要会处理声效,SondForge/Cooledit任先一啦;
3、xhtml/css/ajax/javascript,必备,不会这个还能叫前端?
4、阿波罗...
后两者,不参与评级。
实际上,这样的人很多,本人

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTM与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

评选 荆州古城 Ponyphone 已作商用的一些卡通猪钥匙扣 利君v时代 "百万大抽奖"一个活动的页面. 阿波罗卫浴 临摹大师