三四月歷來是跳槽的高峰月份，歷來有“金三銀四”之說。 開始新工作雖然令人興奮，但也常常伴隨著各種問題。

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

產(chǎn)品字體的大小、常規(guī)間距、圖標(biāo)大小、標(biāo)準(zhǔn)輔助顏色的使用、公司有哪些版權(quán)字體、常用字號、用戶年齡段的設(shè)計風(fēng)格偏好等都是陌生的。 當(dā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%的熟悉sketch批量換頭像插件，效果還不錯。 來看看我的三步計劃吧！

第 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ī)范中提到的組件。 這樣，你不僅可以在實踐中做到，而且可以在繪圖過程中熟悉各種參數(shù)。 您也可以在以后設(shè)計時打開文檔直接使用組件。

下面是我做的一個示意圖，可以這樣整理（如果涉及到公司信息，真實的文檔就不包含了）。 你可以創(chuàng)建一個文件，我通常將其分為三個部分：組件、字體、顏色和圖層樣式。

1、組件：比如標(biāo)題欄、按鈕、彈窗、頭像昵稱、常用的圖片尺寸以及一些固定圖標(biāo)等，將常用的整理一下，方便每次需要使用的時候直接復(fù)制使用。

2.字體：根據(jù)大小、顏色、使用場景、位置輸入常用的字體大小，這樣您就不用擔(dān)心因為不熟悉而使用錯誤的字體大小。

公司購買的版權(quán)字體也準(zhǔn)備好了。 當(dāng)您想使用它們時，可以直接在文檔中選擇它們。 這樣可以有效避免非版權(quán)字體的濫用。 畢竟版權(quán)意識非常重要。

這樣做的另一個好處是，本文檔中使用的字體將在文本窗口中默認(rèn)排在頂部。 當(dāng)你需要使用它們的時候，不用每次都在茫茫詞海中尋找，非常方便。 它不僅可以避免錯誤，還可以節(jié)省大量時間。 如果你安裝了很多字體，不妨嘗試一下。

3.顏色和圖層樣式：將品牌顏色、常用配色方案、漸變顏色以及一些常用的圖層樣式放入文檔中。 比如我準(zhǔn)備了幾種常用的陰影、運動模糊和一些比較復(fù)雜的效果，這樣我就不用每次使用的時候都花時間調(diào)整它們。 我可以用+C和V復(fù)制粘貼圖層樣式。要提高繪圖效率，速度對于戰(zhàn)斗力也很重要。

到了后期，也算是一個長期的工作。 隨著作品的逐步展開，它會積累自己的素材，可以隨時更新和添加。

當(dāng)然，有些公司會有組件庫供設(shè)計人員直接使用，但我仍然認(rèn)為即使有組件庫，你也可以自己準(zhǔn)備一個單獨的文件。 如果親眼所見，印象會更深刻。 在這個過程中，它將幫助我們了解規(guī)范的各種參數(shù)并能夠熟練操作，所以不要浪費這個機(jī)會。

完成這一步之后，我們來看看我的適配進(jìn)度條。 熟悉程度已經(jīng)達(dá)到20%-30%。

然而，僅僅熟悉組件當(dāng)然是不夠的。 通過下一步的練習(xí)，我的熟練程度可以達(dá)到50%-60%，可以順利開始設(shè)計頁面了。 讓我們繼續(xù)下一步。

步驟 2 — 復(fù)制典型頁面

我的時間：4小時30分鐘

我做這一步的時候正好是周末，所以我花了整個下午的時間抄寫了產(chǎn)品的四個典型頁面。 如果你平時沒有這么一整塊的時間，也可以將任務(wù)拆分，每天花一些時間來完成一頁的復(fù)印。

在第1步中，我完成了組件的排列。 如果說元件是點，多個元件逐漸連接成線，那么頁面就是面，復(fù)制頁面就是將熟悉的線組合成面。

有了組件的抓取器，設(shè)計的時候就有了重點，但還是不足以完成一個頁面的設(shè)計。

以寫作為例，組件就像造句練習(xí)，而頁面更像是一篇作文。 有能力寫出好句子并不意味著就能寫出好文章。 將單獨的句子組織成一篇完整的文章仍然并不意味著你就能寫出一篇好文章。 需要更多練習(xí)。

臨摹是一種有效的練習(xí)方法。 復(fù)制頁面時，可以走遍整個頁面設(shè)計流程，知道在什么情況下使用哪些組件。 你還會遇到更細(xì)節(jié)的問題，比如圖標(biāo)與文字的間距、各個功能模塊之間的間距、內(nèi)容之間的間距、品牌色與輔助色的搭配關(guān)系等。 等待。

通過臨摹2-4個不同類型的典型頁面，我可以填補(bǔ)前面組件之間的空白，對頁面有一個全面的了解，操作變得更加熟練。 這個時候我對風(fēng)格的熟悉程度應(yīng)該達(dá)到50%-60%左右。

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

第三步——使用和體驗產(chǎn)品

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

在面試或加入公司之前，我們或多或少應(yīng)該瀏覽和使用過產(chǎn)品，但這還不夠。 現(xiàn)在我們需要更有目的地、更仔細(xì)地使用和體驗產(chǎn)品。 我沒有為這一步留出一整塊時間，而是利用了早上的通勤時間來完成它。

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

與之前的一般瀏覽不同，這次要結(jié)合具體問題來使用。 比如，今天早上我在課堂上重點學(xué)習(xí)了功能，第二天早上我體驗了測試部分。 當(dāng)遇到問題或者不清楚的時候，我會截圖并記錄下來，以便與同事討論和交流。

在這個過程中，你不僅可以看到每個頁面，還可以感受到整體的設(shè)計風(fēng)格。 同時，你還可以知道你正在處理的頁面是產(chǎn)品的哪一部分。 開會談需求時，可以快速定位，知道自己在講什么，了解前因后果，更好地理解需求。

上一份工作剛加入的時候，因為對產(chǎn)品不熟悉，開始講需求的時候經(jīng)常跟不上節(jié)奏。 不知道自己在說什么，真是太尷尬了。 只有了解了產(chǎn)品的功能，知道自己在做什么部分，扮演什么角色，承擔(dān)什么使命，才能做出更合理的設(shè)計，更好地滿足需求。

使用產(chǎn)品是一個將各個頁面串聯(lián)起來的過程，使頭腦中對產(chǎn)品的印象真正生動、立體，完成從點、線、面到體的轉(zhuǎn)變。

根據(jù)產(chǎn)品的尺寸，此過程所需的時間有所不同。 你也可以從了解你所涉及的部分開始，然后逐步進(jìn)行。

至此，我對新款產(chǎn)品的熟悉度已經(jīng)達(dá)到了80%左右。 這個水平讓我在設(shè)計時能夠熟悉規(guī)格并熟練使用組件。 設(shè)計出來的頁面能夠與產(chǎn)品的整體風(fēng)格完美融合，滿足需求。 知道什么是應(yīng)該避免的，什么是應(yīng)該強(qiáng)調(diào)的，并做出合理的設(shè)計。

第四步——額外的故事從長跑開始

以上三個步驟是我根據(jù)自己的實驗可以做出的努力。 當(dāng)然，這個過程中我也忽略了之前和同事的溝通。 這也是幫助我們快速熟悉的一個重要途徑。 我相信完成這些可以幫助我們快速順利地度過最初的適應(yīng)期，走上正軌。

然而百里之行就是半里，完成這三步也是一個新的開始。 還有更多的部分需要在以后的工作中逐漸深入理解。

比如產(chǎn)品面向的用戶群體有什么特點，研究更符合用戶特點的設(shè)計風(fēng)格； 產(chǎn)品和提供的服務(wù)的定義，核心價值是什么，以及公司的愿景； 對競品進(jìn)行研究，與競品進(jìn)行比較才能更準(zhǔn)確。 一個好的幫助可以幫助您了解您產(chǎn)品的核心優(yōu)勢和特點。 其中有些看起來可能與眼前的設(shè)計無關(guān)，但事實上，很多時候我們需要依靠這些來做出正確的選擇。

你走得越遠(yuǎn)，你需要投入的時間和精力就越多。 希望大家都能在自己喜歡的崗位上充滿激情地工作。

總結(jié)

今天我們就來說說如何快速適應(yīng)新公司的設(shè)計風(fēng)格。 以下是三個步驟：

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

2、復(fù)制典型頁面，體驗完整的頁面設(shè)計流程，熟練操作。

3、使用體驗產(chǎn)品感受整體設(shè)計風(fēng)格sketch批量換頭像插件，了解功能和需求。

在完成這三個步驟的同時，不要忽視之前與同事的溝通。 這也是非常重要的一個方面。

如有侵權(quán)請聯(lián)系刪除！