每個設(shè)計師在打開Figma之前都會盯著空白的畫布發(fā)呆幾秒。而Figma組件有助于你更快速的開始工作。它像是一個組件庫和風(fēng)格指南的結(jié)合體，能讓設(shè)計師擁有那些預(yù)先構(gòu)建好的核心UI元素，讓個人的創(chuàng)造力自由發(fā)揮，比以前更快地專注于設(shè)計項目的細(xì)微差別。大多數(shù)設(shè)計師喜歡畫幾何形體，但是又不想在每次開始一個新項目時都要重新經(jīng)歷一番創(chuàng)建常見UI元素設(shè)計的痛苦，比如按鈕、表單輸入、模態(tài)、卡片以及所有這些元素之間的一切。本文將向大家展示如何組裝自己的入門工具包，幫助大家更好地了解如何為自己創(chuàng)建一個多功能和強大的工具包，讓下一個項目可以自由快速的開始。·第一步，構(gòu)建一個超大的調(diào)色板當(dāng)你開始在Figma里面創(chuàng)建你自己的入門工具包時，首先要從調(diào)色板開始，這樣做的目的是盡可能把你的基本顏色保持在最小(例如：常見問題點：一級、二級和三級)。當(dāng)然，出于靈活性和多樣性的目的，通過提供不同程度的色調(diào)(較淺的變化)和陰影(較深的變化)來擴展這些基礎(chǔ)顏色。·第二步，創(chuàng)建一個美觀的、對用戶友好的網(wǎng)站你可以創(chuàng)建一個美觀的、對用戶友好的網(wǎng)站，或者用漂亮的顏色和類型選擇去創(chuàng)建一個應(yīng)用程序，有很多色彩和陰影可以調(diào)用，讓整個設(shè)計具備很大的靈活性。在這一步，你可以在Figma的顏色面板的HSL選項中調(diào)整飽和度和亮度，從你的初始底色創(chuàng)建不同的色調(diào)和陰影，但這是一個耗時的過程，大多數(shù)設(shè)計師都沒有這個時間。我推薦大家使用一個工具使整個色調(diào)和陰影的創(chuàng)建過程更快，可以在以下鏈接找到:https://在這個網(wǎng)站里，你可以快速地產(chǎn)生色彩和陰影，只需粘貼基礎(chǔ)顏色的十六進制值，它將會反過來為你生產(chǎn)和計算的色彩和陰影。
然后選擇你想在工具包中使用的色調(diào)和陰影，復(fù)制所選擇的十六進制值，之后就可以插入到相關(guān)的填充選項中。關(guān)于調(diào)色板命名，我推薦使用如下的方式：使用斜杠(/)將會分類顏色和幫助你在有需要時快速找到相關(guān)的顏色同時，你還需要實現(xiàn)標(biāo)準(zhǔn)的紅色(錯誤)、綠色(成功)和黃色(警告)基本色，以便在通知、徽章和輸入字段邊框中使用。黑色和不同深淺的灰色也是絕對必須的。你不需要過分使用灰色的變體，大約4到5個就可以給你未來的項目提供足夠的多樣性。除了必要的白色，我推薦大家添加各種的不透明度的白色。例如，當(dāng)你想要在顏色或圖像的頂部插入一個圖標(biāo)時，這些變體是完美的，可以讓你輕松地允許盡可能多或少的顏色或圖像露出。大家在進行時，不要忘記那些多用途的品牌顏色，你會發(fā)現(xiàn)自己在很多項目中都會用到這些顏色，同時把它們作為你的主調(diào)色板。對于我自己的入門工具包，我選擇了多種多樣的產(chǎn)品色，為自己未來的產(chǎn)品提供了大量的選擇。如果你決定在你的初始構(gòu)建中添加漸變，那么就要確保你從一開始就添加從左到右和從上到下的漸變，從而給自己一些通用性。
|
