一直以來(lái)，我想希望通過(guò)自己的分享，大連網(wǎng)站設計能讓更多的同行有所收獲，特別是有一定基礎，已經(jīng)到瓶頸的同學(xué)，找到一個(gè)突破口。當然，我本身的閱歷還太少，這個(gè)希望純屬YY，但有目標至少有做事的方向，我也就自顧自的做下去吧。

    說(shuō)回《頁(yè)面重構工程師修練功略》，之所以會(huì )以這個(gè)為題，主要是團隊里的新同學(xué)給我帶來(lái)了很多不一樣的想法，開(kāi)始關(guān)注到了“專(zhuān)業(yè)化”的話(huà)題。

    先看看整體的內容：

    在這里下載： 頁(yè)面重構工程師的修練攻略.pdf

    分為三個(gè)大部分：

    為“下游”

    為“上游”

    為團隊、自己

    首先，來(lái)看看在工作流程中的“上游”和“下游”。做為一個(gè)頁(yè)面重構工程師，我們自身的工作之前在 你是一個(gè)職業(yè)的頁(yè)面重構工作者嗎？ 和 再讀《你是一個(gè)職業(yè)的頁(yè)面重構工作者嗎？》 中已經(jīng)有較多的討論，但在整個(gè)流程中，頁(yè)面重構工程師又可以做些什么呢？

    為“下游”

    時(shí)常會(huì )聽(tīng)到某某在抱怨“上游“如何如何，的確很多看來(lái)“額外”的工作量，是由于“上游“產(chǎn)生的，會(huì )產(chǎn)生抱怨很正常，人之常情。但靜下心來(lái)，別忘了我們也有“下游”。做為“上游”，你的輸出直接影響了“下游“的工作效率。因此，我們在輸出的時(shí)候需要更多的為“下游“的工作提供方便。

    記得在一個(gè)培訓課上老師講到一個(gè)例子，當然當時(shí)的主題跟我們今天所講的不同，但例子我覺(jué)得蠻有啟發(fā)的：“在一個(gè)電子商務(wù)站點(diǎn)中，為了讓用戶(hù)得到更好的體驗，交互設計師在用戶(hù)下單后，設計了一個(gè)跟蹤發(fā)貨情況的區域，將貨單的各個(gè)時(shí)間結點(diǎn)顯示在上面，包括當前狀態(tài)等等，很好的體驗。結果負責開(kāi)發(fā)的同事看了后就說(shuō)了，這個(gè)功能實(shí)現的成本太高了，而且這個(gè)物流公司是第三方的，我們拿不到相關(guān)的數據…… 最后大家討論的結果是，改成一個(gè)鏈接，跳到第三方物流公司的訂單查詢(xún)系統上，用戶(hù)自己去查，頁(yè)面只提供一個(gè)入口。”又比如模擬下拉菜單的效果跟使用系統下拉菜單所需要的工作量是差很多的，可能上游一個(gè)很小的改變，就會(huì )給下游帶來(lái)很大的修改量——流程中的“蝴蝶效應”。

    從重構的這一環(huán)來(lái)說(shuō)，能為“下游”提供的方便主要就是代碼方面的內容了，像在代碼中添加合理、充分的注釋?zhuān)龑掠胃斓恼业叫枰牟考?、代碼等等；還可以多接觸、了解下游的工作，像學(xué)習Javascript等的實(shí)現方法，以提高我們輸出的頁(yè)面能更容易被實(shí)現。

    為“上游”

    “技術(shù)限制”這個(gè)詞，對于產(chǎn)品和設計的同學(xué)，應該是再熟悉不過(guò)了，也是很討厭的一個(gè)詞，因為總是因為“技術(shù)限制”，需要把原本自己很滿(mǎn)意的作品進(jìn)行修改，為下游做妥協(xié)。甚至有一段時(shí)間團隊里還出現“技術(shù)限制產(chǎn)品發(fā)展”的一場(chǎng)風(fēng)波，細節不用展開(kāi)大家也能想像得到。換個(gè)角度來(lái)看呢？我很喜歡換個(gè)角度來(lái)看，常聽(tīng)學(xué)程序的同學(xué)說(shuō)“只有想不到的，沒(méi)有實(shí)現不了的。”，讓我想起阿基米德的“給我一個(gè)支點(diǎn),我將撬起整個(gè)地球。”，那么，現實(shí)中真能找到這個(gè)支點(diǎn)嗎？。如果產(chǎn)品一開(kāi)始就設定得很概念化、理想化，忽略了現實(shí)中的環(huán)境、條件限制，那么這個(gè)產(chǎn)品必定會(huì )實(shí)現不了或延長(cháng)期限的。
   
    在要求“上游“的同學(xué)學(xué)習了解“下游“的工作外，做為“下游”，我們也很應該為“上游”提供一定的培訓，讓“上游”更加了解我們的工作以及完成工作所需要的幫助。即可減少“上游”輸出實(shí)際價(jià)值不大的內容，做無(wú)用功，也能提供更完整的內容。甚至能從我們的角度提供給“上游”提高效率的方法等。
   
    一樣，從重構的環(huán)節來(lái)看，能為“上游”提供的幫助，《網(wǎng)頁(yè)制作基礎》、《網(wǎng)頁(yè)制作流程》、《Photoshop動(dòng)作制作》等等內容培訓，也許會(huì )奇怪為什么PS的動(dòng)作會(huì )在其中，大部分的設計師對程序并不太感冒，雖然我們對設計不在行，但對于程序化的PS動(dòng)作，掌握起來(lái)還是很快的。那么，可以幫助設計師完成某一類(lèi)動(dòng)作的制作，幫助提高工作效率，也是不錯的方式。

    上面是流程中“上、下游”角度的內容，可以概括為一句話(huà)： “ 得到下游的信任，信任你的上游！ ”。除了上面的內容外，還有一些可以很快提高效率的小Tips：像“發(fā)長(cháng)篇代碼、文本時(shí)先保存為txt文件”、“確認問(wèn)題時(shí)給肯定的回復”、“提供對方需要的文本時(shí)，給可復制的文本”等等。這些場(chǎng)景中，發(fā)送方就是“上游”，接收方就是“下游”。能做的還有很多，需要我們多思考。

    為團隊、為自己

    做技術(shù)工作的同學(xué)都很清楚或將會(huì )清楚：技術(shù)本身并沒(méi)有什么樂(lè )趣，真正的樂(lè )趣來(lái)且使用技術(shù)解決某一問(wèn)題或實(shí)現某種功能、效果。換個(gè)設計師能懂的話(huà)就是：“Photoshop本身并沒(méi)有什么樂(lè )趣，真正的樂(lè )趣在于使用Photoshop可以實(shí)現想要的效果。”從中我明白了一個(gè)道理，工作的樂(lè )趣是可以自己創(chuàng )造的。樂(lè )趣何在？

    為你的團隊提供更高效的解決方案，在工作中積累、思考，探索更好的規范、流程、工具、方法等等。分享你的解決方案，最好能在團隊內形成一定的正向競爭，讓你的團隊保持活力。

    可能很多同學(xué)會(huì )“沒(méi)自信”，網(wǎng)站設計公司覺(jué)得就算團隊里有這樣的人，也不會(huì )是自己。有什么關(guān)系呢？這只是一種方法，讓你工作有樂(lè )趣的方法。每個(gè)人的興趣點(diǎn)不同，只要是積極向上的，必定會(huì )找到樂(lè )趣所在。

 

---