前端工程師如何提高設(shè)計(jì)的功力(一)
前端設(shè)計(jì)工程師,是一個(gè)非常有挑戰(zhàn)性的職位,但是很少有人去享受那種自豪、有成就感的感覺(jué)。
由于前端設(shè)計(jì)工程師定位飄逸,很對(duì)公司對(duì)職位的要求,千差萬(wàn)別,但無(wú)一例外的都恨不得不前端所有的技術(shù)都搬到桌面上。
一般歸類(lèi)為三大到要求:工具、語(yǔ)言、標(biāo)準(zhǔn)
從photoshop 到dreamweaver,
從javascript 、flash、flex到php、java
從XHTML到 CSS
從IE5,6,7到firefox
從client 到 server.
這些要求,很泛泛,荒唐的是在具體的面試過(guò)程中卻又忘卻真實(shí)的需求,太注重于某個(gè)技術(shù)的某個(gè)環(huán)節(jié)的某個(gè)局部,使前端工程師不能承受之重。最終變成了火車(chē)站的扛大包的民工,變成了沒(méi)有思想的勞力,被動(dòng)的承受被用戶(hù)、Team leader、boss蹂躪的快感。
人沒(méi)有思想,真的很可怕。技術(shù)人沒(méi)有思想,只能不斷的在技術(shù)的迷宮中浮躁,很多所謂的工程師只會(huì)技術(shù)的堆砌,開(kāi)口就是ajax等等八桿子打不著的技術(shù)詞匯。
前端設(shè)計(jì)實(shí)在是足夠的復(fù)雜,每個(gè)公司,都有自己實(shí)際的要求,卻總是提出不切合實(shí)際的期望,結(jié)果招來(lái)的并不是自己想要的,用的不順手。
其實(shí)在前端這樣復(fù)雜、豐富、多變的領(lǐng)域里,如果有人說(shuō)自己都懂,什么都會(huì),那肯定是天橋賣(mài)大力丸的。
最重要的是思想 + 自學(xué)習(xí)的能力??杀氖歉≡?、短視的公司總是招來(lái)浮躁的工程師。
前端設(shè)計(jì)說(shuō)的簡(jiǎn)單一點(diǎn)就是用前端的技術(shù)領(lǐng)域經(jīng)驗(yàn) meet 用戶(hù)的業(yè)務(wù)需求。
設(shè)計(jì)就是創(chuàng)造的前端。
對(duì)前端設(shè)計(jì)工程師的要求就是分析、創(chuàng)造、迎合。
分析用戶(hù)的需求,然后用技術(shù)來(lái)接近、滿(mǎn)足、妥協(xié)用戶(hù)的功能(function)、交互(interaction)、可用性(accessibility)需求。
工程師首先要擺脫high-level的設(shè)計(jì)理論的泥潭,
而是要練好自己設(shè)計(jì)的基本功:
根據(jù)分層設(shè)計(jì)的思想,在初步設(shè)計(jì)時(shí),做足兩步功課, 變成思考的條件反射行為:
1.結(jié)構(gòu)化(structure, disconnect, decouple):表現(xiàn)(Presentation)、行為(behaviour)、結(jié)構(gòu)(structure)。
? 改掉在HTML中混雜javascript、混雜css的習(xí)慣。
? 改掉在javascript中混雜大量的HTML、CSS的習(xí)慣,要知道,有很多的方式,如template等技術(shù)可以有效的分離代碼的復(fù)雜度,只是你不習(xí)慣而已。
? 每次設(shè)計(jì)時(shí),都去盡可能的嘗試去對(duì)紛繁復(fù)雜的信息、工作進(jìn)行結(jié)構(gòu)化,使之清楚、明晰,而不是急著先動(dòng)手。
2.粘合,通過(guò)注入、connect 、繼承、回調(diào)監(jiān)聽(tīng)等將三層無(wú)縫的鏈接粘合在一起。
? 通過(guò)javascript可以創(chuàng)建DOM節(jié)點(diǎn),可以改變、增強(qiáng)DOM節(jié)點(diǎn)的行為,可以設(shè)置改變DOM節(jié)點(diǎn)的class風(fēng)格.
在復(fù)雜的前端應(yīng)用中,要避免簡(jiǎn)單的思考問(wèn)題,簡(jiǎn)單的行為,特別是在大型的電子商務(wù)應(yīng)用中,無(wú)論是底層框架代碼還是高層的業(yè)務(wù)邏輯代碼,沒(méi)有架構(gòu),重復(fù)、臃腫、繁雜、沒(méi)有重構(gòu)的代碼將會(huì)產(chǎn)生致命的災(zāi)害。
如何提高自己的設(shè)計(jì)的功力,可以從以下的步驟,擺脫理論,循序漸進(jìn)的做起:
1.自定義事件
2.自定義行為
3.自定義表現(xiàn)風(fēng)格
4.自定義控件(widget)
5.自己設(shè)計(jì)一個(gè)電子商務(wù)的主頁(yè)面
在以后的文章中,我會(huì)逐步的談起。
對(duì)于其他的如溝通、用戶(hù)行為、用戶(hù)體驗(yàn)、人機(jī)交互,我也會(huì)穿插進(jìn)行。
前端工程師如何提高設(shè)計(jì)的功力(二) 之用戶(hù)是真理,不要自己意淫設(shè)計(jì)
前端工程師如何提高設(shè)計(jì)的功力(三)分層設(shè)計(jì)
20人服務(wù)器合租600元/年(絕對(duì)保證)
posted on 2008-11-12 11:32 Speed 閱讀(3406) 評(píng)論(0) 編輯 收藏 所屬分類(lèi): 前端設(shè)計(jì)