UX設計師妹紙，北漂兩年半的轉行經歷（四）——UI的瘋狂成長你也可以擁有（下）

緊接著上一篇，來敘述下樓主在M的時候開始單獨負責項目D的經歷以及樓主從UI轉向UX的這段經歷。

公司M，在北三環與北四環之間，為了讓自己的網路環境好一點，樓主又開始搬家，這一次，想很多北漂的童鞋們一樣，樓主搬到了北五環外的霍營，租了一個三室一廳的小單間。上班坐8號線半小時地鐵可以到，晚上也不會太擠，於是大概晚上會有兩小時左右的學習時間。3月底到7月中旬，大概四個月的時間，樓主每天早上7點起床，晚上11點睡覺，作息規律，突然感覺到一絲的幸福感。

資源分配

北京的夏天進入比較狂躁的階段時，樓主開始接手新項目。新項目的定位，是基於現有網站資源上的分支，開闢出更年輕的客戶群體，向各個高校進行打造，做一個面對各高校師生的課程發布以及考試運用平台網站。派給新項目的人員，一個PM（產品經理），一個設計師，3個開發。但資源都會提供，PM和設計，他們的頭兒都會階段性把控一下方向和進行指導。人員分配都比較緊張。樓主的工作量一下子大了很多。

獨立項目的工作內容

1.視覺設計規範

這是樓主第一次做完整的網站視覺規範。雖然項目比較新，規模沒有主網站那麼大，但對樓主來說，是一次整體把控的練習。視覺規範包含顏色、字體、文字鏈接、頁面結構、內容區版式元素這幾大塊的整理。可以截一部分圖給大夥看~

2.自適應Google Material Design方案的研究

2015年的material design是非常受歡迎的，因為它幫助市場解決了同一方案在不同大小的屏幕上顯示的一些問題，幫助企業節約了很多成本。嗯，在項目D上，也採用了這一方案。問題還有一點，就是開發人員不足，為了省一些成本，樓主必須上網去尋找一些開源的代碼，讓工程師直接可以用，然後樓主在開源代碼的基礎上可以做一些修改。

為了找這些代碼，樓主翻閱了當時近2年來GitHub上所有關於material design的內容，找出結構比較完整的十多個再跟團隊進行商議。

而在這樣的基礎上，樓主又下載了material design的視覺規範，去研究怎樣設計出更符合該風格的設計圖出來，並參考它的設計。因為是扁平化設計，樓主也想了一些不太消耗公司資源而又能提高用戶體驗的事情。比方說，樓主調查過各個學校不同logo的顏色，設計了四種主流logo不同顏色的方案，讓學校可以定製化，自己選一個最符合自己學校風格的顏色等。

3.整體設計稿的繪製。

整體設計稿一共有30多個頁面，因為結構比較相似，所以樓主只需要先確定幾個主頁面的設計風格，其它的就比較方便了。現在回想起來，樓主居然也沒覺得累，只是一天天慢慢做事情，慢慢繪圖，每天不停嘗試新的東西。來給大家展示一下當時樓主整理的頁面文件夾。

4.與PM和前端工程師合作。

很驚喜，如果和PM打好關係，他真的會教設計師很多東西，思維方式的不一樣，讓設計師的格局更大一點。比方說PM會用Axure繪製出整個項目的頁面跳轉關係，在繪製的過程中其實已經模擬了項目的開發，而在開發邏輯上產生的問題他都已經想了一遍。

而在於前端合作的過程中，第一次教會了樓主用崇拜的眼光去看向開發童鞋。有時候他們會為你解決很多問題，特別是一些經驗豐富的資深工程師。比方說，material design在瀏覽器縮放的過程中會根據屏幕的大小而縮放，他們會提前告訴你設計方案尺寸會有哪些，在開發的過程中哪些方案比較容易實施，免得設計師繞彎路。而樓主，也第一次接觸到一個性格隨和，能力強勁的開發前輩Y，能力強做事又一直隨和，笑呵呵的感覺，讓樓主很是佩服。

網頁設計完成之後開始項目的APP設計，APP設計沒開始多久，樓主卻迎來了另一個挑戰。公司因為一些原因需要裁員三分之一，當然這些原因比較機密，樓主也不方便說。設計組必須要走兩個人，而唯一的兩個妹紙就這樣裁了。其中原因很多，也許還是樓主年輕，能力還沒有強大到完全支撐起自己地位的時間段。但當時樓主知道後，只說了一句話：好！然後就開始準備簡歷。

嗯，大夥可能覺得莫名其妙，可樓主接下來，碰到了現在的領導，樓主的貴人。成功地，樓主從UI轉向了UX，薪水翻了兩倍多（真的不是在寫劇本拍電影）~敬請期待樓主下一篇更新，UI設計師怎樣轉型為UX設計師，以及判斷自己是否合適轉~

Sophia的tips：

相關文章

職場設計教程搶先看～一枚愛折騰、愛健身的設計師妹紙~

詳情請關注微信公眾號：Sophia的玲瓏閣，獲取更多有關交互、健身及其它相關信息。

推薦閱讀：