![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6769662f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f456a3569627a773835664b58746b34753339306a3334664f56354d3365657372526d7242326963414631616b4e33735872685658724f5a512f3634303f77785f666d743d676966.webp)
在「模板分享」這個欄目,我們將分享不同場景下如何選擇和使用 Fabrie 模板,助力你高效快速地啟動工作。
常常覺得設計和下廚很像。下廚前,我們需要準備查菜譜、準備食材、烹飪、出品,最後整理廚房。設計亦然,我們也要經歷調研、積累素材、設計、完稿、存檔等過程。
問題是,為什麼媽媽做飯永遠比我快?
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f48757743696273385743666a77306f7358337063366d457446613372436172356d71393266686769636d6538696156796b5237356a544c36672f3634303f77785f666d743d706e67.webp)
原因好像不止止是她的廚藝高,而是因為她對菜品搭配的熟悉度、切菜的嫻熟度以及每次配菜的條理與齊備,所以做飯的時候,可以有條不紊,效率翻倍。
其實設計也是同樣的道理。設計師常常會接到一些緊急需求,要想快速進入設計流程,完成任務,一個清晰有序且行之有效的素材庫就至關重要。
當然,備菜不代表囤一冰箱的菜,素材庫也不代表存夠100G的圖片。更重要的應該是分門別類,加強素材庫的條理性與精細度。
你的素材庫越細,設計取用的時候就更有效率,就像提前準備好配菜一樣,最後需要做的就是調味而已。
如何打造精細化素材庫?不妨先從基礎通用的字體庫、配色庫、靈感整理板開始。
附上三個Fabrie模板,感興趣的朋友可以後台回復關鍵詞【素材庫】獲取。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f71646545354f5a586b7442496b58564835345a546c7372696356684a373753636a5a476e59353973334847426b427949374966466c4a412f3634303f77785f666d743d706e67.webp)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f696155464e4f6e44754a5061384e596a6e41746b64717968696146676a494975384170324f735a64557a3439336b4d417430686a6e4172772f3634303f77785f666d743d706e67.webp)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f5369616177357657516961556962676a6d544d786637495252363552335532434851706c6b69626736796d664d653741627042746f58374e51672f3634303f77785f666d743d706e67.webp)
01
字體查找庫
無論做平面視覺、還是 UI ,作為設計師,少不了跟字體打交道。一個整潔有序的字體庫,能幫助我們高效地完成設計目標。
所以我們需要日常進行字體庫的維護和整理,它可以被隨時應用在任何項目中。
但是,你的字體庫是不是還長這樣?
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6a70672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f45445a69616e486161736b61646e62547251785567516168357764323149516c7754614b6d68696366383635444e554572567a4a303767412f3634303f77785f666d743d6a706567.webp)
面對不同的設計場景和需求,我們需要儲備大量的字體,然後我們就會遇到以下這些困擾:
·字體多而雜亂,且無法可視化,難以快速找到目標字體
· 不熟悉字體的版權情況,無法立即使用
· 每更換一次電腦,就需要重新再尋找字體源,重新下載安裝
Fabrie用多維表格搭建的字體庫模板,就是一個非常好的管理架構,可以幫助我們很好地解決以上的問題,輔助後續工作的高效踐行。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f673244436e3765353764456154513445416a7342384f6962466961366a626273664c6f574d4452706f32457a6a3069635656444137394450672f3634303f77785f666d743d706e67.webp)
通過自定義字段類型,我們可以有效地將字體進行分類,並記錄版權情況、上傳字體樣張圖、字體文件。此外,我們也可以靈活添加更多字段,比如字體的氣質、運用場景、設計說明等。
然後根據分組、篩選條件,我們就可以快速查找到想要的字體,確定版權情況,更高效地匹配到對應場景中;還可以切換成相冊視圖,可視化查看更直觀。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6769662f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f6f6c754f4b616e71657a385672304d4a70577250484c6962595852696142664e77484552696275505656645379347342376962325956525a56512f3634303f77785f666d743d676966.webp)
字體與產品一樣,都是會定期更新的。所以建議在表格中添加源鏈接,方便後續溯源更新字體版本,也可以隨時查詢字體的各種信息,如字符集、字重等。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6769662f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f7a6f34327367396e6a773678516961594143797a45684e75347237686c56723151656b486f30597651544c77796e32696169636962454d6250772f3634303f77785f666d743d676966.webp)
除了方便查詢,文件雲存儲的特性,也可以避免切換設備後字體丟失,需要重新下載的問題。將鏈接分享給團隊的夥伴,資源可以快速共享,團隊間字體文件不一致的問題也可以被解決啦。
02
Fabrie:把時間花在思路上
配色方案永遠是做設計的時候被反覆糾結的一件事,所以一個長期積累的配色庫,可以讓我們在實踐中激發更多的靈感,快速形成設計方案。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f64643771466c58624c4741384451675771484b6e76716470573548636b6d683469614961337069626962467532614c534e70375269615a6e76672f3634303f77785f666d743d706e67.webp)
平時我們常常會因為一張圖配色好看而收藏它,然後為它打上標籤,比如洋紅、復古、飽和度高.....但這些標籤只能傳遞出零散的信息,一段時間後你可能已經忘記打這個標籤的意義了,難以被真正調取運用。
另外一種情況,就是我們直接收集一個已經被搭配好的色卡。但一個光禿禿的色卡,脫離了使用場景,其實很難讓人準確地get到它所傳遞的情緒,解決工作中的實際問題。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f384156784e61687769634539664c527868336162456963526c3279535a434672735049677a4c356961706e47744e4a6a314742516447346f672f3634303f77785f666d743d706e67.webp)
而在Fabrie的搭建色彩靈感庫,可以直接從圖片中提取關鍵色彩,製作屬於自己的色卡,形成一個專屬色卡庫。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f4b3863686f71523834317857706332686361354a7956685a6f5251416472517132764437696268457330624e414659676a775568616963772f3634303f77785f666d743d706e67.webp)
常瀏覽靈感網站的過程中,可以先用Fabrie採集助手將靈感素材一鍵轉存,上傳白板中的模板中。然後我們就可以用自定義取色的吸色器提取想要的顏色,形成對應的色卡。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6769662f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f4b4d7a5061656851773664797a50494f5a3734776c43776278766f3167677938326c78334c69623157754b385443785036354f673172412f3634303f77785f666d743d676966.webp)
根據圖片和色卡傳遞的風格和情緒,可以將色卡進行分類,比如高飽和撞色、日式傳統、漸變色等。當然,可以在每張色卡上記錄下更多細節關鍵詞:按鈕應用、宣傳海報......這可以為你之後的應用帶來更直觀的靈感和提示。
多做這樣的日常配色小練習,還可以幫助我們提升色彩洞察力,無形中其實也在提高我們的設計能力。
除了日常積累個人的色彩庫,你也可以用來製作一個團隊的項目配色靈感庫。根據項目的主旨和風格,可以梳理出需要應用的配色方案,一鍵分享給小夥伴,形成設計規範。
03
靈感整理板
靈感整理板不等於圖片堆砌庫。
它應該是由「靈感」和「素材」兩部分組成。通過對於靈感素材的整理和分類,我們會迸發一些創意想法、設計構思;或者根據一些頓悟的靈感,我們會順藤摸瓜地去積累和尋找某些相關的素材與案例。兩者相輔相成,互不可缺,才會形成設計師的專屬靈感版。
同樣的,靈感整理版可以成為日常的靈感發散寶庫,也可以成為項目的專屬靈感庫,相當於一個可直接使用的情緒板。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f624e3166484665774f5569637934437550613367626146326f72484f32765448484b4d6d5a5249654b4e4934613466374d3233797036772f3634303f77785f666d743d706e67.webp)
在Fabrie的無限白板中,你可以隨時進行思維的發散。不管是一個詞,一個主題或一句話,都可以把它記錄下來。然後圍繞這個靈感種子,去尋找儘可能多的相關圖片或案例素材,最後整理進Fabrie的靈感整理板模板之中。
這是一個從發散到收斂的過程,經過對大量素材的篩選和整理,靈感素材最後會緊緊圍繞關鍵主題,就如同精編雜誌一般有序明了。
當我們積累了足夠多的靈感板之後,不妨將這些按主題歸類,拖進表格中。別忘了生成圖表關聯卡,後續在表格中查找之後,可以直接定位到白板中。
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f6769662f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f69627461696235396375534b745a6e356a744f47504753336e57314c336167424f566963726f486f574e7472577a6f30426e75636e733249772f3634303f77785f666d743d676966.webp)
在未來接到設計項目時,如果你剛好需要製作這個主題的情緒板,那麼恭喜你,你可以直接將其編輯使用,設計效率將翻倍提升。
寫在最後:
素材庫遠不是堆砌圖片如此簡單。通過精細化地打造素材庫,我們才能將其更快速地應用到設計之中,這才是素材庫的真正意義。
當然,不同的行業可以進行不同的細分,比如服裝設計師還可以有面料庫、款式庫;室內設計師可以有案例庫、家具庫、壁紙庫等等。
而Fabrie不僅可以幫你同時承載不同類型的素材庫,還可以同時做到易打理、易查找、雲同步,是一個天然適合製作素材庫的地方。
*fabrie的模板市場,提供了數十款設計相關的專業模板。希望能夠幫助大家降低使用設計工具的成本,踐行更科學的設計思路與設計方法,讓思考升級,做出更多好設計。
獲取更多設計相關的模板,後台回復關鍵詞【模板】哦~
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f4a7a67773379685833574d4550686668636d554f747871326277746c4e52597745344468714f6c486868696257696159696252535270596e412f3634303f77785f666d743d706e67.webp)
Fabrie的互動趴
# 你都在哪裡製作素材庫,遇到的最大麻煩是什麼?
評論區一起分享吧
👇👇
揪三位朋友送Fabrie的精美周邊一份
「Fabrie文檔」是一款面向全球設計師團隊的在線協作類產品,這裡是 Fabrie的「模板分項」的不定期推送,歡迎訂閱保持關注。如果我們的內容中出現了什麼不當之處或有圖片侵權的情況,請盡情指出,我們一定會及時改正,也歡迎大家隨時與我們分享設計行業的新鮮事。
往期分享
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f324d6e715a676465396766464f6962526e527974435838544a4757536d4d7937716f6849737a6a4176727657654971624c65786a5841672f3634303f77785f666d743d706e67.webp)
設計團隊都該學會的豐田「看板管理」,高效處理設計任務!
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f4d6a6f69623150383969617a70444b4972675236556962644a4230746c75793842436e516a38526b6474627169626e787a6e5531345349474d772f3634303f77785f666d743d706e67.webp)
Fabrie採集助手 | 建立你的素材中轉站
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b696378384a7a4c47647066375a38553078756635423468776b555856744f74617a324a4c63454e5a744833515769617a51696341584935514f4957464c74646e415437696235504c516337636b6335772f3634303f77785f666d743d706e67.webp)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b6963307469633267633531794b4a487a6f6f7a656963504b4f4b6d334d71434e45496b726f48636646326e7771536d46307568686d4778765536306962387472703754304273315643684658467941772f3634303f77785f666d743d706e67.webp)
![](https://imageproxy.pixnet.cc/imgproxy?url=https://drbanana.ml/img/68747470733a2f2f6d6d62697a2e717069632e636e2f6d6d62697a5f706e672f783836436f6c5538446b696378384a7a4c47647066375a385530787566354234685869633858445a6d50365558416c62696276733455713279453659487447484b384a50523072466f59773267595767483669615976544944672f3634303f77785f666d743d706e67.webp)
👇 點擊「閱讀原文」查閱更多