作為設計師,我們自然希望自己的作品看起來盡善盡美。沒有人想做出看起來不平衡、未完成或單純醜陋的東西。這就是為什麼我們很容易忽略產品和互動細節,而專注於解決視覺問題。但是,在創建介面時,使用「完美」數據來讓你的設計看起來很棒,只會讓你將來的使用者測試中失敗。在現實生活中,沒有人是完美的。
你可能會認為每個人都會選擇簡潔的八個字母的使用者名稱。也許你只是在整個設計中使用 lorem ipsum 來填補文字空白。無論你如何工作,做出假設並用隨機文字填補空白,可能無助於你的產品落到真人手中時。如果你沒有考慮到極端情況,你可能會讓使用者感到困惑。
解決方案是在你的設計中使用真實數據。這就是為什麼我們在 Mac app 的 52 版中引入了「數據」功能,並在 71 版中使用連結數據對其進行了更新。它允許你安裝自訂數據集,然後在幾秒鐘內用文字或圖像填充你的設計。我們已經提供了一些可以應用於單個元素、符號或群組的數據集,包括姓名、城市、頭像和連結數據簡歷,並且添加你自己的數據集或使用數據插件(如Pexels)只需點擊幾下來引入免費攝影。
使用真實數據進行設計可以幫助你測試你的專案是否支援極端情況
無論你是數據新手還是鐵桿粉絲,我們都整理了一些技巧,幫助你在設計中充分利用數據。
真實一點
「當 Sketch 首次添加數據功能時,我想我們都想盡可能多地使用它,但我們真正想要的是讓其他人創建數據。這可能是一個耗時的過程,」Mark McEwan 說。他在 sketchappdata.com 上創建並填充了數百個數據集(超過 32,000 個獨特的數據點),這些數據集完全免費下載。
「我開始創建自己的數據集,並決定與其他人分享,希望我能建立一個社群,願意在一個所有 Sketch 設計師都可以訪問的中心位置創建和分享數據,」他解釋說。因此,無論你是在尋找電影標題、貨幣還是狗狗主題標籤(我們不都是嗎?),sketchappdata.com 都能滿足你的需求。
「重要的是使用真實數據來避免我們作為設計師所做的『挑剔』,」Mark 說。「雖然這對銷售和行銷團隊很有幫助,但它並不能反映最終產品。因此,我們應該測試不那麼完美的圖像和模糊的內容長度,以預測人們將如何使用真正的產品。」
「Sketch 原生的資料介面讓使用 TXT 資料變得簡單,而且隨時可用。當資料與符號結合時,Sketch 將變得 incredibly 強大,可以快速填充複雜的設計。」
除了壓力測試之外,使用資料可以大幅加快設計和開發流程。「透過隨時可用的資料來填充圖層,您可以快速完成原本可能需要數小時甚至數天才能完成的工作,」Mark 解釋道。
隨機性很重要
當然,挑戰在於建立可用的資料——感覺夠隨機以至於像是真實的資料,而不是意外地讓它看起來「漂亮」。為了避免這種情況,他們在 Google 試算表中結合使用隨機產生器和公式來混合資料。但即使看似簡單的資料集也需要一些工夫。
「以貨幣為例,」Mark 說。「表面上看起來這是一項簡單的任務,但首先要考慮的是貨幣本身;您想要美元、英鎊、歐元還是其他眾多貨幣之一?然後是值本身;它應該是隨機的(49.51 美元)、四捨五入的(49.00 英鎊),還是特定的(49.99 美元)。」然後還有數量和範圍的問題——設計師可能需要多少資料才能完成一個真實完整的設計,以及哪些資料範圍對他們來說才有意義?
但一旦您有了正確的資料集,使用它就很容易了。「Sketch 原生的資料介面讓使用 TXT 資料變得簡單,而且隨時可用,」Mark 說。「不需要重新命名圖層。當資料與符號結合時,Sketch 將變得 incredibly 強大,可以快速填充複雜的設計。」
未來由資料主導
而且不僅如此。Mark 對 sketchappdata.com 的未來有宏偉的計劃——他和他的貢獻者很快就會分享許多有組織的 JSON 資料集。透過我們的連結資料功能,或像是Data Populator這樣的插件,您可以存取 JSON 資料並控制群組和組織內容的資料填充。這意味著在設計電影介面之類的設計時,電影圖稿、標題和發行年份都會遵循圖層的分組。因此,您可以使用真實、有組織的內容快速填寫群組。
使用 JSON 資料,您可以在幾秒鐘內用有組織的資料填寫大區塊
如果您需要使用自己的自訂資料集呢?只要確保您與團隊分享,這樣每個人都能受益。「試驗資料,以便了解它對您和您的團隊有多麼強大,」他建議。「您只需要建立一次資料檔案,因此最好花時間建立或搜尋它——它會一次又一次地為您和您的團隊節省時間。」
如果您想開始在 Sketch 中使用資料,請下載我們的 30 天免費試用版,或前往我們的文件了解更多資訊。