Sketch更新到52版本后额嘿,帶來了新功能Data(數(shù)據(jù))瘸恼,可智能填充圖片、文本數(shù)據(jù)册养,具體是怎么操作呢东帅?快來看看吧。文末還有萌萌的動物頭像和名字data資源下載球拦,幫助你上手Sketch Data靠闭。
1.之前有提供類似功能的Sketch插件Craft
在說明新功能Data之前,我們先來回顧一下Sketch插件Craft坎炼,因?yàn)镈ata的功能和Craft提供的智能填充功能基本一致愧膀,都支持文本、圖片填充谣光,而且圖片資源庫也都采用Unsplash檩淋,該插件的具體使用可參考《夜雨原創(chuàng)玩轉(zhuǎn)Sketch番外篇2:不如裝個(gè)Craft插件玩玩?》這篇文章抢肛。
2.Sketch Data使用介紹
我們在設(shè)計(jì)頁面時(shí)狼钮,會用到一些虛擬的文本、圖片數(shù)據(jù)捡絮,盡量模擬線上真實(shí)的場景熬芜,傳統(tǒng)填充這類數(shù)據(jù)的做法是一個(gè)個(gè)從網(wǎng)站上找到這些素材,然后再復(fù)制到Sketch中去福稳,由于素材的尺寸大小可能不一致涎拉,還需要進(jìn)行手工處理,導(dǎo)致效率非常低。Sketch Data就是一個(gè)為了解決素材來源的功能鼓拧,它能把文本半火、圖片等素材隨機(jī)填充在我們想要的文本和形狀圖層中去。
2.1插入Data
Sketch Data使用的方法也比較簡單季俩,選中需要填充隨機(jī)數(shù)據(jù)的圖層(形狀钮糖、文本),然后在工具欄的“Date”中選擇要隨機(jī)填充的的數(shù)據(jù)源即可酌住。
填充完成后店归,如果對填充的隨機(jī)數(shù)據(jù)不滿意,還可以選擇Refresh Data(更新數(shù)據(jù))酪我,快捷鍵是Command-Shift-D消痛,如果快捷鍵不可用,注意檢查一下快捷鍵是不是被其他插件占用了都哭;或者Clear Data“清除數(shù)據(jù)”秩伞。
2.2自定義Data
基本上默認(rèn)的Data圖片庫能滿足我們的設(shè)計(jì)需求,但文本Data可能就需要我們自己定義欺矫,因?yàn)槟J(rèn)提供的是英文文本纱新,要知道英文和中文在表達(dá)上完全不一致,就拿名字來說穆趴,中文名字和英文名字的字段長度就不太一致怒炸。
自定義Data的方式也非常簡單,事先準(zhǔn)備數(shù)據(jù)源毡代,例如文本數(shù)據(jù)需要選擇 .txt 格式的文件,一行一條勺疼;圖片數(shù)據(jù)則整理在一個(gè)文件夾中即可教寂。然后在菜單欄選擇“Sketch”-“Preference”,然后點(diǎn)擊左下角的“Add Data..”执庐,在彈出的窗口中選擇事先準(zhǔn)備好的txt文件或者圖片所在文件夾即可酪耕。
2.3在Mac中怎么準(zhǔn)備txt格式文件
很多小伙伴可能對在Mac中怎么準(zhǔn)備txt格式文本的文件比較陌生,因?yàn)槟J(rèn)的文本編輯器都是多媒體格式轨淌,保存時(shí)好像也找不到相應(yīng)的格式選項(xiàng)迂烁,其實(shí)很簡單。
首先打開文本編輯器递鹉,然后在里面輸入文本數(shù)據(jù)盟步,記住一行代表一個(gè)數(shù)據(jù),然后在“格式”菜單中選擇“制作純文本”躏结,最后保存即可却盘。
3.動物頭像及動物名Sketch Data素材下載
最后是Sketch Data素材福利,精心準(zhǔn)備的萌萌的動物圖片頭像及txt格式動物名字,有興趣的可以自行下載使用黄橘。
鏈接:https://pan.baidu.com/s/1aUvp4gv92iNtlkkVp9fAFw
提取碼: mw5g
推薦閱讀:
最新版:性感Sketch52正式版發(fā)布兆览,全新UI,在線換暗黑皮膚
使用手冊:Sketch中文手冊(2018)
好書推薦:新書《Sketch交互設(shè)計(jì)之美:從零基礎(chǔ)到完整項(xiàng)目實(shí)現(xiàn)》上架