技術(shù)資訊
WEB前端設(shè)計(jì)師需要的技能
2008-03-18 11:54:00
【必備】UserInterface
PhotoShop/Fireworks Design
- 配合美工將草圖形成具體的符合WebPage的設(shè)計(jì)
- 有快速制作分層高品質(zhì)PSD、PNG的能力
- 能迅速將PSD、PNG的內(nèi)容構(gòu)思成div+css或者table等HTML代碼
Flash Design
- 基本動畫效果
復(fù)雜的交互體系設(shè)計(jì),了解第三方swf輔助設(shè)計(jì)軟件
復(fù)雜的交互體系設(shè)計(jì)以及較強(qiáng)的對各類外埠資源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方輔助設(shè)計(jì)軟件(AE、SwishMax、Swift3D等)
【必備】Browser-side (Web Application)
XHTML/CSS
- 基本的layout實(shí)現(xiàn)
- 嚴(yán)格跨平臺的layout實(shí)現(xiàn)以
- 優(yōu)雅的HTML code,盡可能符合標(biāo)準(zhǔn)并有SEO的考慮因素。在任何平臺、瀏覽器下基本保持一致。不要求了解各種CSS的hacks,但要求知道遇到問題應(yīng)該如何查閱資料以在第一時間內(nèi)解決。能夠?yàn)镴avaScript開發(fā)人員提供最好操作的DOM結(jié)構(gòu),讓JS開發(fā)人員在開發(fā)的時候認(rèn)為"一切都已經(jīng)準(zhǔn)備就緒了",而不是"捉襟見肘"。
JavaScript/Ajax/DOM
- 基本的DOM操作,了解AJAX,可以實(shí)現(xiàn)數(shù)據(jù)通信
- 基本的DOM操作,能寫高效率的OOP代碼,以降低維護(hù)成本
- 基于需求,進(jìn)行不同的開發(fā),選擇合適的框架,做到代碼效率最高,用戶體驗(yàn)最好,代碼下載量最小,并且可以在單獨(dú)甚至更多產(chǎn)品線中最大限度重用代碼
Flash Developement
- 基于Timeline的ActionScript操作,能實(shí)現(xiàn)簡單交互
- 掌握a外,能實(shí)現(xiàn)數(shù)據(jù)層通信(與服務(wù)器以及本地SharedObject)
- 精通AS1-3,能根據(jù)需求進(jìn)行各類RIA開發(fā)。無論是要求支持FlashPlayer8的,還是FlashPlayer9的,都能做到開發(fā)效率最高、靈活性最大(比如對HTML層的接口設(shè)計(jì),等等)。
【必備】Client-side (Desktop Application)
Apollo
- 產(chǎn)品級的封裝,基本技術(shù)了解(如何打包、如何加入HTML和JavaScript等)
- 掌握a的同時,能利用Apollo的API獨(dú)立設(shè)計(jì)、開發(fā)OS的文件I/O功能。
- 掌握基本技能的同時,對"3D概念體系"有所認(rèn)知。這里"3D"即:Design(設(shè)計(jì))、Development(開發(fā))、Deploy(產(chǎn)品部署)。能用Apollo
Windows Presentation Foundation、WPF/E(Silverlight)
(待定,歡迎補(bǔ)充)
【增補(bǔ)】Server-side (修改:經(jīng)考慮,這個技能不參與評級)
本來列舉了"1、Server端簡單的技術(shù)、腳本"和"2、MediaServer(Red5)接口"作為"Web前端工程師技能列表"的一種(服務(wù)器、數(shù)據(jù)邏輯層技能的)評判標(biāo)準(zhǔn)。但似乎很多朋友對于前端工程師是否應(yīng)該掌握Server端技能的必要性表示懷疑。確實(shí),要掌握好上述的展現(xiàn)層技能不是意見容易的事情,而且前端工程師的確非常辛苦。但是,站在另一方面來說,辛苦的原因是什么,我不知道在你日夜奮戰(zhàn)div+CSS的時候思考過沒有。就我的經(jīng)驗(yàn),前端的辛苦在于以下幾個方面:
重復(fù)勞動多,大量的div+css都是重復(fù)的,即便可以復(fù)制粘貼,但幾千行的div海洋中去尋找一個入口恐怕都非常痛苦
需求變更多,往往你折騰幾個小時終于把跨平臺問題解決好了,而且在IE6、7和Firefox下面都能顯示同樣的效果了,甚至連JavaScript交互都已經(jīng)快搞定了。突然上面說需求要變。這無疑是莫大的痛苦。
也許表面上看,這跟Server端技能無關(guān),但我覺得有好的Server端的意識,一定會有所幫助(當(dāng)然不可能解決所有的問題)。畢竟信息結(jié)構(gòu)和數(shù)據(jù)庫是密切相關(guān)的,而Server是連接數(shù)據(jù)庫的唯一渠道(至少大多數(shù)B/S應(yīng)用是如此)。掌握Server端的基本技能,對于同邏輯層開發(fā)人員設(shè)計(jì)接口是非常重要的。而且HTML表現(xiàn)層在開發(fā)時與數(shù)據(jù)的分離,也與Server端的各種模板技術(shù)有關(guān)。例如PHP中的Smarty模板(我曾經(jīng)用的)、jsp的model2概念等等。HTML結(jié)構(gòu)如何設(shè)計(jì),如何讓HTML重用,甚至在HTML層進(jìn)行OOP的開發(fā)(我現(xiàn)在在新產(chǎn)品線中設(shè)計(jì)的前端開發(fā)流程),都需要Server端的支持。最起碼,你要告訴php程序員你需要什么。如果你完全對PHP一無所知的話,那也無從談起了。
此外,對于創(chuàng)業(yè)團(tuán)隊(duì),往往人手非常有限。為了讓運(yùn)營成本降到最低,所有的技術(shù)人員都有義務(wù)對Server端技術(shù)有所了解。如果為了修改一個網(wǎng)頁的標(biāo)題還要跑去喊PHP程序員連接Remote Server的話,那實(shí)在是增加了整個公司的運(yùn)營成本。
總結(jié):我認(rèn)為,可以不了解技術(shù)細(xì)節(jié),但應(yīng)該知道原理,最好能掌握一兩套設(shè)計(jì)思想(畢竟數(shù)據(jù)邏輯都在這里走,光看HTML和JavaScript,對人的見識還是有局限的,這種局限限制了我自己很久的時間),那將是一比寶貴的財(cái)富。
【增補(bǔ)】Mobile-side(不參與評級)
看到很多朋友留言說前端工程師沒前途,我在想,同時掌握移動設(shè)備的技能是否也是拓展前途的一個必要性?這里再多說幾句,關(guān)于技術(shù)人員的前途,目前在國內(nèi)確實(shí)得用"慘淡"來形容。浮躁的氛圍讓技術(shù)人才往往過早放棄了自己的技術(shù)生涯,而爾虞我詐的整體道德水平也讓單純的技術(shù)人員痛不欲生(我身邊太多了,恩,不說具體細(xì)節(jié)了,呵呵)。
作為一個技術(shù)人員,開發(fā)人員,在保持純粹地敬業(yè)心態(tài)(這是前提,這么沒有,啥也別談)外,更要學(xué)會如何保護(hù)自己,如何壯大自身,社會不會同情你,只有你自己才能保護(hù)你自己。
Flashlite
(待定,歡迎補(bǔ)充)
Java?
(待定,歡迎補(bǔ)充)
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2011-09-30 10:38:32] WEB開發(fā)中合理選擇圖片格式
- [2009-02-02 16:08:00] 如何做一個優(yōu)秀的設(shè)計(jì)?
- [2008-08-19 11:20:00] 不要犯WEB字體編輯的10種錯誤
- [2014-11-26 09:03:20] 網(wǎng)頁設(shè)計(jì)師最基本的原則
- [2018-01-05 10:43:22] 《響應(yīng)式Web設(shè)計(jì):HTML5和CSS3實(shí)踐指南》——1.2節(jié)基于寬度百分比的圖像縮放
- [2008-08-08 17:23:00] 企業(yè)級Web應(yīng)用用戶界面設(shè)計(jì)雜談
- [2008-10-31 16:41:00] 26個熱門的女網(wǎng)頁設(shè)計(jì)師
- [2008-04-23 14:26:00] 交互設(shè)計(jì)師和用戶體驗(yàn)設(shè)計(jì)師
- [2009-03-11 16:14:00] 交互設(shè)計(jì)師應(yīng)該具備哪些素質(zhì)
- [2008-03-05 12:30:00] WEB可用性測試的問題設(shè)計(jì)
- [2008-12-13 17:39:00] 科學(xué)、科普、設(shè)計(jì)
- [2009-01-15 17:38:00] 看待問題的高度
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
蘋果系統(tǒng) 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站建設(shè)基礎(chǔ)知識 中小型企業(yè)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站 手機(jī)網(wǎng)站建設(shè) 色彩心理學(xué) 企業(yè)網(wǎng)站設(shè)計(jì) 營銷型網(wǎng)站建設(shè) 搜索引擎 青島網(wǎng)站案例 青島不錯的英文網(wǎng)站建設(shè)公司 青島高端網(wǎng)站建設(shè) GOOGLE 交互設(shè)計(jì) 青島SEO 網(wǎng)站動畫 建站常識 網(wǎng)頁設(shè)計(jì) 手機(jī)端的網(wǎng)站 網(wǎng)站設(shè)計(jì)趨勢 程序開發(fā) H5專題頁面 響應(yīng)式設(shè)計(jì) 網(wǎng)站品牌 海信網(wǎng)絡(luò)科技 青島網(wǎng)站設(shè)計(jì)哪家好 青島網(wǎng)頁制作 網(wǎng)站視覺 青島網(wǎng)站建設(shè)公司哪家好