三月份和四月份一直是換工作的高峰時期，向來有“金三銀四”的說法。開始新的工作雖然令人振奮，但也經(jīng)常伴隨著各種各樣的問題。

比如我之前遇到的從2x圖到1x圖的轉(zhuǎn)換，雖說都是相通，但實際操作起來還是各種不順手，就像花了很多時間背題，考試的時候卻發(fā)現(xiàn)自己背錯了單元。

產(chǎn)品字體的大小、慣用間距、圖標(biāo)尺寸、標(biāo)準(zhǔn)色輔助色的使用，公司有哪些版權(quán)字體，常用的banner尺寸，針對用戶年齡層的設(shè)計風(fēng)格偏好這些都還不熟悉。工作的時候手忙腳亂，沒有找到合適的抓手和工具去搞定整個頁面的設(shè)計，這時候我們需要一段時間來熟悉適應(yīng)新的設(shè)計風(fēng)格。

那么有沒有可以讓我們迅速適應(yīng)新設(shè)計風(fēng)格的方法呢？經(jīng)過摸索，我試驗總結(jié)了三大步驟來幫助自己快速適應(yīng)，順利開始新工作，下面就一起來看看吧。剛進(jìn)入新公司的時候，我們對公司設(shè)計風(fēng)格是陌生的，用進(jìn)度圖來表示就像這樣↓↓↓

經(jīng)過這三步從陌生到80%的熟悉度，效果是不是還不錯呢，下面一起看看我的三步走計劃吧！

Step 1—整理組件文檔 熟悉規(guī)范

我的耗時：2小時30分鐘

這一步我建議可以在進(jìn)入新公司的第一天完成，因為第一天的時候除了辦入職手續(xù)、裝電腦和簡短的新人培訓(xùn)以外，一般還沒有安排具體的工作。我們就可以利用這個時間來熟悉規(guī)范、整理組件，為以后的設(shè)計工作做好準(zhǔn)備。

公司給到新人的設(shè)計規(guī)范很多情況下會是PDF文檔，整理成了文字和圖片的形式，看完規(guī)范可以對產(chǎn)品的風(fēng)格有一個整體的了解。但是這種形式有一個缺點就是記不住，真的記不住，至少我看完兩遍后，當(dāng)涉及到具體問題的時候，還是需要去找對應(yīng)的規(guī)范，非常不方便。

所以當(dāng)收到PDF格式的規(guī)范時，我們可以把規(guī)范上提到的組件，自己在sketch里繪制了出來。這樣不僅可以實際操作一遍，在作圖的過程中熟悉各項參數(shù)，以后設(shè)計的時候也可以打開文檔直接使用組件。

下面是我做的示意圖，可以這樣來整理（涉及公司資料，就不放真實文件了）?？梢越ㄒ粋€sketch文件，我的習(xí)慣分成三個部分：組件、字體和顏色&圖層樣式。

1.組件：比如標(biāo)題欄，按鈕，彈窗，頭像昵稱、常用圖片尺寸和一些固定的icon等，把通用的都整理好，每次要用的時候就可以直接復(fù)制使用啦。

2.字體：常用的字號按大小顏色和使用的場景和位置分別輸入好，這樣就不用怕因為不熟悉而用錯字號了。

公司購買的版權(quán)字體也準(zhǔn)備出來，要使用的時候直接在文檔里挑選，這樣就可以有效避免誤使用沒有版權(quán)的字體，畢竟版權(quán)意識很重要呀。

這樣做還有一個好處是，本文檔使用過的字體在文字窗口會在默認(rèn)排到上面，在需要用的時候就不用每次都去茫茫字海中找啦，非常方便呢。既避免錯誤也節(jié)約了很多時間，如果你也裝了很多字體的話不妨試試哦。

3.顏色&圖層樣式：把品牌色，常用的配色方案、漸變色和一些經(jīng)常使用的圖層樣式放在文檔里。比如我就把常用的幾種投影、動感模糊和一些比較復(fù)雜的效果都準(zhǔn)備好了，這樣每次要用的時候就不用花時間去調(diào)了，option command+C和V就能復(fù)制粘貼圖層樣式，提升作圖效率，速度也是很重要的戰(zhàn)斗力呢。

后期也可以把它當(dāng)做一項長期工作，隨著工作的逐漸展開會有自己的素材積累，可以隨時更新增加。

當(dāng)然也有一些公司會有組件庫供設(shè)計師直接使用，不過我還是覺得即使有組件庫也可以自己在單獨(dú)準(zhǔn)備一份文件。動手做過印象會比較深刻，在這個過程中能幫助我們了解了規(guī)范各項參數(shù)，也能熟練操作，所以不要浪費(fèi)了這個機(jī)會哦。

完成這一步我們再來看看我的適應(yīng)進(jìn)度條，熟悉程度達(dá)到20%-30%了。

不過僅僅熟悉組件當(dāng)然還是不夠的，接下來通過下一步的練習(xí)，我的熟練程度又能到50%-60%，可以順利開始頁面的設(shè)計，趕緊進(jìn)入下一步吧。

Step 2—臨摹典型頁面

我的耗時：4小時30分鐘

我進(jìn)行這一步的時候剛好正好趕上周末，所以我用了下午整塊的時間，完成了產(chǎn)品4個典型頁面的臨摹。如果平時沒有這樣的整塊時間也可以拆分任務(wù)，每天抽一些時間，完成一個頁面的臨摹。

Step 1的時候我完成了組件的整理，如果說組件是一個個的點，多個組件逐漸連成線，那么頁面就是面，臨摹頁面就是將已經(jīng)熟悉了的線組成面。

有了組件的抓手在設(shè)計的時候就有了著力點，但要完成一個頁面的設(shè)計還是不夠。

以寫作為類比，組件就像造句練習(xí)，而頁面更像一篇作文，有寫好一句話的能力但并不代表就能寫出一篇好文章，將單獨(dú)的語句組織成一篇完整的文章還需要更多的練習(xí)。

臨摹就是有效的練習(xí)方式，臨摹頁面的時候可以完整經(jīng)歷整個頁面設(shè)計過程，知道什么情況下該用什么組件。也會遇到更多細(xì)節(jié)的問題，比如icon和文字之間的間距，每個功能模塊之間的間距是多少，內(nèi)容的之間的間距又是多少，品牌色和輔助色之間的搭配關(guān)系等。

通過臨摹2-4個不同類型的典型頁面可以補(bǔ)全之前各組件之間的縫隙，對頁面有全面整體的認(rèn)識，操作也更加熟練，這時候我對風(fēng)格的熟悉程度應(yīng)該可以到達(dá)50%-60%左右了。

如果要開始頁面設(shè)計的話也可以比較順利的進(jìn)行下去了，視覺層面基本可以保證統(tǒng)一和符合要求。不過要做出更契合整個產(chǎn)品目標(biāo)，符合產(chǎn)品調(diào)性的設(shè)計還少不了下面關(guān)鍵的第三步。

Step 3—使用體驗產(chǎn)品

我的耗時：一周早上通勤時間，每天40分鐘左右

在面試或者入職前我們或多或少應(yīng)該都已經(jīng)瀏覽過使用過產(chǎn)品了，但這還不夠，現(xiàn)在我們需要更有目的更仔細(xì)的去使用體驗產(chǎn)品。這一步我沒有再抽出整塊的時間，而是利用了早上通勤的時間來完成。

通過前兩步整理組件和臨摹頁面已經(jīng)解決了產(chǎn)品線和面的問題，從視覺上來說現(xiàn)在對新的設(shè)計風(fēng)格基本熟悉了。但產(chǎn)品是一個整體立體的東西，通過靜態(tài)的組件和頁面積累起來的了解還是比較表面和有限的。所以我們還需要深入了解產(chǎn)品，使用產(chǎn)品的功能。

不同于之前泛泛的瀏覽，這次應(yīng)該是帶著具體的問題去使用。比如今天早上專注看上課的功能，第二天早上就體驗做題測試的環(huán)節(jié)，遇到問題或不太清楚的時候截屏記錄，以便和同事討論交流。

這個過程中不僅可以看到每個頁面，感受整體的設(shè)計風(fēng)格。同時也能清楚自己所做的頁面在產(chǎn)品中是哪一個環(huán)節(jié)，在開會講需求的時候就可以迅速定位，知道是在說哪里，明白前因后果更好的理解需求。

我在剛加入上一份工作的時候，因為對產(chǎn)品的不熟悉，開始講需求的時候經(jīng)常跟不上節(jié)奏，不知道在講哪里非常尷尬。只有知道產(chǎn)品的功能知道自己做的是哪部分，起到的是什么作用，承擔(dān)什么樣的使命才能做出更合理更契合需求的設(shè)計。

使用產(chǎn)品是把單獨(dú)的頁面都串起來的過程，讓產(chǎn)品在頭腦中的印象正真鮮活立體起來，完成從點、線、面到體的轉(zhuǎn)化。

這個過程根據(jù)產(chǎn)品體量不同，耗時也不同，也可以先從自己在的部分了解，逐步展開。

到這里我對新風(fēng)格的對產(chǎn)品的熟悉度達(dá)到了80%左右，這個程度能讓我在設(shè)計的時候，可以熟悉規(guī)范，熟練使用組件，設(shè)計的頁面能符合產(chǎn)品的整體風(fēng)格完美融入，配合需求知道應(yīng)該規(guī)避什么又該突出什么，做出合理的設(shè)計。

Step 4—番外 開始長跑

上面三步是我試驗總結(jié)的自己可以做的努力，當(dāng)然過程中也要忽視了和同事之前的交流，這也是幫助我們快速熟悉的重要方式。相信完成這些可以幫助我們快速平穩(wěn)地度過剛開始的適應(yīng)期，進(jìn)入正軌。

不過行百里者半九十，完成這三步后也是新的開始，還有更多的部分就需要在以后的工作中逐漸深入了解。

比如產(chǎn)品面對的用戶群體有什么樣的特征，研究更符合用戶特征的設(shè)計風(fēng)格；產(chǎn)品的定義和提供的服務(wù)，核心價值是什么，公司的愿景；研究競品，有競品的對比可以更好的幫助理解自己產(chǎn)品的核心優(yōu)勢和特點，或許有些看起來暫時和眼前的設(shè)計不是那么相關(guān)，但是其實很多時候我們都需要靠這些來做出正確的取舍抉擇。

越往后越需要付出更多的時間和精力，希望大家都可以在自己喜歡的崗位上，充滿熱情的工作。

總結(jié)

今天聊的是怎么可以讓自己快速適應(yīng)新公司的設(shè)計風(fēng)格，分別是下面三步：

1.整理組件文檔，熟悉規(guī)范。在設(shè)計的時候方便使用，提升效率。

2.臨摹典型頁面，體驗完整頁面的設(shè)計過程，熟練操作。

3.使用體驗產(chǎn)品，感受整體的設(shè)計風(fēng)格了解功能和需求。

完成這三步的同時，也不要忽略了和同事之前的交流哦，這也是非常重要的一方面。

原創(chuàng)： 焱小玖（海鹽社）