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

在團隊的前半年是樓主瘋狂成長的時期，篇幅有點長，樓主分幾期進行更新。也許是一個人單打獨鬥的時候被憋得太狠，導致在新公司M的前半年，感覺幸福來得太突然，所以鬥志非常足，成長相當快。

M是家在線教育行業中型互聯網公司，投資商也大有來頭，資金充裕，管理比較完善。上班時間上午9點到晚上六點，產品網站為，APP做得也很強大，樓主學到不少東西。設計團隊一共7個人，主網站3個人（樓主包含在其中），APP2個人，運營設計1個人，還有一個實習生也是做網站。PM（產品經理）一共5個，每人負責不同的模塊。沒有UX，UX的工作由PM和UI共同進行。

樓主的頭銜是UI設計師，工作內容主要是三大塊，一是每周都有的一些小活，做做banner或者美術封面等，二是網頁設計師，三是APP設計師（後來接手的新內容）。可以看到公司越大，所負責的工作內容會縮小，等到BAT這樣的環境會更加細緻。

Banner和封面的製作

那年3月底，春暖花開，北京的空氣在這個時間段也是相當好的。正式來到M之後，樓主懷著新的希望，又開始自己的奮鬥。因為是團隊作戰，分工會比較明確，不像樓主之前一人負責所有的活，要干設計、策劃、產品，偶爾還加加代碼等等。在團隊就安心將自己手頭上的活做精緻！

也是當拿到banner的活的時候，樓主開始嘗試各種字體的設計效果（包括字體的種類、字型大小大小、粗細等），然後總結出一些字體的運用規律、找素材的方法、傳意的方式等等，方便以後樓主在做一塊事情的時候能以最高的效率做出最棒的效果。對，你也發現樓主喜歡總結了！

比方說，樓主後來做得多了之後，發現字體就是思源黑體、當時流行的iOS冬青黑體、方正蘭亭黑系列是比較好看，切容易搭配的，以後除了比較特殊的主題，其它就先從這幾類進行選擇。

在做banner的時候，極大地磨練了樓主的審美，樓主在做的時候也比較用心，因為看著自己能力越來越高樓主也是一件讓人很開心的事情。先上幾個圖給大家看看當時的一些小作品。

網頁設計

在著手網頁設計的時候，樓主前半年經過三個階段，一是小模塊的設計，接著是單個頁面的設計，再後來是新項目整個的負責。樓主回想起當時的經歷，第一感想就是，安心做好崗位手頭上的工作，更多的工作自己就會找上門來。

1.小模塊的設計

接到小模塊的設計的時候，樓主先是驚嘆於一個成熟的大網站到底是有多少頁面和工作需要準備，以及它完整的視覺規範的製作。然後靜下心來將自己所負責的區域開始做好，樓主負責的就是如下圖的「經驗」和「天天向上」兩個模塊。

樓主拿到需求之後，開始分析，分析的思路是由大到小，由里及外。先了解上下文，這倆模塊是幹什麼用的，有沒有跟其他的地方產生聯繫，如果設計了這一塊會不會對其它方面有影響。這些是大環境的跟同事溝通，接著在這個基礎上想，每個元素可能出現什麼狀況。比方說這個箭頭是表示對比的意思，那麼它下降或者持平的時候的狀況怎麼表示。然後在紙上羅列出各種情況，每完成一項勾掉一個。

當時樓主還是不太習慣用軟體進行記錄，感覺紙上的東西分析起來自己想得更明白，也沒發現什麼大的問題，可現在有問題了，樓主有保留的只有電子檔的東西，手稿都沒能保存，囧！電子檔的材料好處就在於方便傳送和保存，了解到好處了！

2.單個頁面的設計

當完成兩三個這樣的模塊之後，頭兒開始讓樓主接手單個完整的頁面設計。從輔助頁面到主功能頁面的設計都讓樓主開始接手。涉及到的每一個功能模塊樓主都仔細做好。而在這一個階段樓主的功底慢慢紮實，從空間布局到顏色的採納，樓主一點點地在進步著。也許是因為一個人在北漂沒有安全感的原因，所以樓主對領導的反饋特別敏感，想保住飯碗，小心翼翼將工作做到最好。

經過了上面打的基礎，來到M四個月之後，頭兒開始安排樓主獨立負責一個項目。公司想要拓寬市場，想開始嘗試一個項目進行試水，於是樓主的頭兒，推薦了樓主一個人去單獨幹起來。說真的，樓主當時只當是一項工作，不知道這後面意味著頭兒對樓主的信任和栽培。當然，樓主一如既往，還是幹了起來。

總結，不要嫌棄項目小，耐心做好手頭上的工作，其實後續的成果會來得很快的！

下篇就來講講樓主開始單獨負責項目，然後對Google Material Design風格的研究和在新項目的運用中，以及開始和前端工程師頻繁進行交流的經歷，告訴大家單獨負責公司子項目是怎樣一種體驗。當然還有職場中大家可能會遇到不得已的一些幺蛾子。

Sophia的tips：

相關文章

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

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

推薦閱讀：