三月份和四月份一直是換工作的高峰時期，向來有“金三銀四”的說法。開始新的工作雖然令人振奮，但也經常伴隨著各種各樣的問題。
比如我之前遇到的從2x圖到1x圖的轉換，雖說都是相通，但實際操作起來還是各種不順手，就像花了很多時間背題，考試的時候卻發現自己背錯了單元。
產品字體的大小、慣用間距、圖標尺寸、標準色輔助色的使用，公司有哪些版權字體，常用的banner尺寸，針對用戶年齡層的設計風格偏好這些都還不熟悉。工作的時候手忙腳亂，沒有找到合適的抓手和工具去搞定整個頁面的設計，這時候我們需要一段時間來熟悉適應新的設計風格。
那麼有沒有可以讓我們迅速適應新設計風格的方法呢？經過摸索，我試驗總結了三大步驟來幫助自己快速適應，順利開始新工作，下面就一起來看看吧。剛進入新公司的時候，我們對公司設計風格是陌生的，用進度圖來表示就像這樣↓↓↓
經過這三步從陌生到80%的熟悉度，效果是不是還不錯呢，下面一起看看我的三步走計劃吧！
Step 1—整理組件文檔 熟悉規範
我的耗時：2小時30分鐘
這一步我建議可以在進入新公司的第一天完成，因為第一天的時候除了辦入職手續、裝電腦和簡短的新人培訓以外，一般還沒有安排具體的工作。我們就可以利用這個時間來熟悉規範、整理組件，為以後的設計工作做好準備。
公司給到新人的設計規範很多情況下會是PDF文檔，整理成了文字和圖片的形式，看完規範可以對產品的風格有一個整體的瞭解。但是這種形式有一個缺點就是記不住，真的記不住，至少我看完兩遍後，當涉及到具體問題的時候，還是需要去找對應的規範，非常不方便。
所以當收到PDF格式的規範時，我們可以把規範上提到的組件，自己在sketch裡繪製了出來。這樣不僅可以實際操作一遍，在作圖的過程中熟悉各項參數，以後設計的時候也可以打開文檔直接使用組件。
下面是我做的示意圖，可以這樣來整理（涉及公司資料，就不放真實文件了）。可以建一個sketch文件，我的習慣分成三個部分：組件、字體和顏色&圖層樣式。
1.組件：比如標題欄，按鈕，彈窗，頭像暱稱、常用圖片尺寸和一些固定的icon等，把通用的都整理好，每次要用的時候就可以直接複製使用啦。
2.字體：常用的字號按大小顏色和使用的場景和位置分別輸入好，這樣就不用怕因為不熟悉而用錯字號了。
公司購買的版權字體也準備出來，要使用的時候直接在文檔裡挑選，這樣就可以有效避免誤使用沒有版權的字體，畢竟版權意識很重要呀。
這樣做還有一個好處是，本文檔使用過的字體在文字窗口會在默認排到上面，在需要用的時候就不用每次都去茫茫字海中找啦，非常方便呢。既避免錯誤也節約了很多時間，如果你也裝了很多字體的話不妨試試哦。
3.顏色&圖層樣式：把品牌色，常用的配色方案、漸變色和一些經常使用的圖層樣式放在文檔裡。比如我就把常用的幾種投影、動感模糊和一些比較複雜的效果都準備好了，這樣每次要用的時候就不用花時間去調了，option command+C和V就能複製粘貼圖層樣式，提升作圖效率，速度也是很重要的戰鬥力呢。
後期也可以把它當做一項長期工作，隨著工作的逐漸展開會有自己的素材積累，可以隨時更新增加。
當然也有一些公司會有組件庫供設計師直接使用，不過我還是覺得即使有組件庫也可以自己在單獨準備一份文件。動手做過印象會比較深刻，在這個過程中能幫助我們瞭解了規範各項參數，也能熟練操作，所以不要浪費了這個機會哦。
完成這一步我們再來看看我的適應進度條，熟悉程度達到20%-30%了。
不過僅僅熟悉組件當然還是不夠的，接下來通過下一步的練習，我的熟練程度又能到50%-60%，可以順利開始頁面的設計，趕緊進入下一步吧。
Step 2—臨摹典型頁面
我的耗時：4小時30分鐘
我進行這一步的時候剛好正好趕上週末，所以我用了下午整塊的時間，完成了產品4個典型頁面的臨摹。如果平時沒有這樣的整塊時間也可以拆分任務，每天抽一些時間，完成一個頁面的臨摹。
Step 1的時候我完成了組件的整理，如果說組件是一個個的點，多個組件逐漸連成線，那麼頁面就是面，臨摹頁面就是將已經熟悉了的線組成面。
有了組件的抓手在設計的時候就有了著力點，但要完成一個頁面的設計還是不夠。
以寫作為類比，組件就像造句練習，而頁面更像一篇作文，有寫好一句話的能力但並不代表就能寫出一篇好文章，將單獨的語句組織成一篇完整的文章還需要更多的練習。
臨摹就是有效的練習方式，臨摹頁面的時候可以完整經歷整個頁面設計過程，知道什麼情況下該用什麼組件。也會遇到更多細節的問題，比如icon和文字之間的間距，每個功能模塊之間的間距是多少，內容的之間的間距又是多少，品牌色和輔助色之間的搭配關係等。
通過臨摹2-4個不同類型的典型頁面可以補全之前各組件之間的縫隙，對頁面有全面整體的認識，操作也更加熟練，這時候我對風格的熟悉程度應該可以到達50%-60%左右了。
如果要開始頁面設計的話也可以比較順利的進行下去了，視覺層面基本可以保證統一和符合要求。不過要做出更契合整個產品目標，符合產品調性的設計還少不了下面關鍵的第三步。
Step 3—使用體驗產品
我的耗時：一週早上通勤時間，每天40分鐘左右
在面試或者入職前我們或多或少應該都已經瀏覽過使用過產品了，但這還不夠，現在我們需要更有目的更仔細的去使用體驗產品。這一步我沒有再抽出整塊的時間，而是利用了早上通勤的時間來完成。
通過前兩步整理組件和臨摹頁面已經解決了產品線和麵的問題，從視覺上來說現在對新的設計風格基本熟悉了。但產品是一個整體立體的東西，通過靜態的組件和頁面積累起來的瞭解還是比較表面和有限的。所以我們還需要深入瞭解產品，使用產品的功能。
不同於之前泛泛的瀏覽，這次應該是帶著具體的問題去使用。比如今天早上專注看上課的功能，第二天早上就體驗做題測試的環節，遇到問題或不太清楚的時候截屏記錄，以便和同事討論交流。
這個過程中不僅可以看到每個頁面，感受整體的設計風格。同時也能清楚自己所做的頁面在產品中是哪一個環節，在開會講需求的時候就可以迅速定位，知道是在說哪裡，明白前因後果更好的理解需求。
我在剛加入上一份工作的時候，因為對產品的不熟悉，開始講需求的時候經常跟不上節奏，不知道在講哪裡非常尷尬。只有知道產品的功能知道自己做的是哪部分，起到的是什麼作用，承擔什麼樣的使命才能做出更合理更契合需求的設計。
使用產品是把單獨的頁面都串起來的過程，讓產品在頭腦中的印象正真鮮活立體起來，完成從點、線、面到體的轉化。
這個過程根據產品體量不同，耗時也不同，也可以先從自己在的部分了解，逐步展開。
到這裡我對新風格的對產品的熟悉度達到了80%左右，這個程度能讓我在設計的時候，可以熟悉規範，熟練使用組件，設計的頁面能符合產品的整體風格完美融入，配合需求知道應該規避什麼又該突出什麼，做出合理的設計。
Step 4—番外 開始長跑
上面三步是我試驗總結的自己可以做的努力，當然過程中也要忽視了和同事之前的交流，這也是幫助我們快速熟悉的重要方式。相信完成這些可以幫助我們快速平穩地度過剛開始的適應期，進入正軌。
不過行百里者半九十，完成這三步後也是新的開始，還有更多的部分就需要在以後的工作中逐漸深入瞭解。
比如產品面對的用戶群體有什麼樣的特徵，研究更符合用戶特徵的設計風格；產品的定義和提供的服務，核心價值是什麼，公司的願景；研究競品，有競品的對比可以更好的幫助理解自己產品的核心優勢和特點，或許有些看起來暫時和眼前的設計不是那麼相關，但是其實很多時候我們都需要靠這些來做出正確的取捨抉擇。
越往後越需要付出更多的時間和精力，希望大家都可以在自己喜歡的崗位上，充滿熱情的工作。
總結
今天聊的是怎麼可以讓自己快速適應新公司的設計風格，分別是下面三步：
1.整理組件文檔，熟悉規範。在設計的時候方便使用，提升效率。
2.臨摹典型頁面，體驗完整頁面的設計過程，熟練操作。
3.使用體驗產品，感受整體的設計風格瞭解功能和需求。
完成這三步的同時，也不要忽略了和同事之前的交流哦，這也是非常重要的一方面。
閱讀更多 UI巴巴 的文章
