如果你使用Photoshop和Sketch做界面設(shè)計(jì)時(shí),肯定會(huì)碰到一個(gè)問(wèn)題,那就是需要填充很多真實(shí)的圖片到界面里。這個(gè)過(guò)程非常浪費(fèi)時(shí)間,有沒(méi)有能節(jié)省時(shí)間的辦法呢?當(dāng)然是有的,那就是Craft。
Craft功能
因?yàn)槊滋镉玫腟ketch為主,所以內(nèi)容也是以此為主。Photoshop的功能是完全一致的,就不再重復(fù)演示了。
文本自動(dòng)填充
簡(jiǎn)單一句話,能填充很多英文類字符串。包括姓名,大標(biāo)題,文章,日期,電郵,城市,地址,國(guó)家,貨幣等等都可以。不過(guò)這塊因?yàn)椴皇怯⑽,還是顯得有點(diǎn)雞肋。
那怎么辦?
還有記得那個(gè)標(biāo)簽欄有個(gè)”web”的選項(xiàng)么?點(diǎn)一下它,輸入你認(rèn)為可能能找到對(duì)應(yīng)東西的網(wǎng)站。具體如下圖,只要框選的內(nèi)容就會(huì)被自動(dòng)填充了。
這個(gè)功能太實(shí)用了,淚流滿面。終于不用來(lái)回切換程序了。
具體動(dòng)畫(huà)演示,請(qǐng)看下圖:
圖片自動(dòng)填充
我們可以從Dropbox的,電腦文件夾或網(wǎng)絡(luò)導(dǎo)入真實(shí)不重復(fù)的照片,到設(shè)計(jì)的界面里。
craft插件可以將真實(shí)圖像快速添加到界面。并且提供足夠多的添加選擇方式。
1)從Unsplash隨機(jī)添加圖像。
2)從自己的文件夾,甚至是圖像中抓取的圖像。
3)從任何網(wǎng)站添加圖像,方式和文本填充方式一致。(注意圖像使用版權(quán))
▲ Cratf圖像填充演示——Unsplash填充
▲ Cratf圖像填充演示——從任一網(wǎng)頁(yè)填充
重復(fù)元素自動(dòng)變化填充
這是Craft插件最吸引人的地方,真正的方便和節(jié)省時(shí)間的功能。以往我們要復(fù)制元素,還要考慮份數(shù)和間距等等問(wèn)題,最簡(jiǎn)單的方式也只是“Alt +拖動(dòng)”,當(dāng)然有部分插件能實(shí)現(xiàn)快速?gòu)?fù)制。
但是Craft的復(fù)制功能的最大好處是,它會(huì)自動(dòng)完成上述所有的功能外,還自動(dòng)替換圖像和文本。完全不需要手動(dòng)處理,就能實(shí)現(xiàn)完全的高保真界面。 真的太酷了!
下面就是見(jiàn)證奇跡的時(shí)刻。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版