更近交互工具可真是風(fēng)生水起不斷涌現(xiàn),從原生的xcode,還有這幾個(gè)號(hào)稱(chēng)不用寫(xiě)代碼的的hype3,pixate,再到principle,還有flinto,還有這個(gè)正在開(kāi)發(fā)過(guò)程中的Silver。不知道大家是不是已經(jīng)挑花眼了呢? 不管你是哪個(gè)工具的粉,我們都要搞清楚一點(diǎn),這些軟件都在或者想要實(shí)現(xiàn)這些內(nèi)容:1.不用寫(xiě)代碼即可實(shí)現(xiàn)各種交互效果 2.打造屬于自己的一套交互語(yǔ)言。前者就是靜電上邊提到的hype3,pixate,principle,flinto等等,或者除了傳統(tǒng)的xcode是蘋(píng)果公司的原生應(yīng)用之外,還有Creo。

Creo除了能實(shí)現(xiàn)前邊提到的軟件的基本功能外,還創(chuàng)造了一套自己的語(yǔ)言,讓自己更有擴(kuò)展性。 Creo和今天要著重介紹的Silver的一個(gè)顯著特點(diǎn),也就是靜電看到他們之后的卓絕印象,就是:這是一個(gè)簡(jiǎn)化版的Xcode。他們通過(guò)與xcode類(lèi)似的工作流和組件構(gòu)架形式來(lái)工作。也就是說(shuō),在Xcode里你可以看到各種VC(View Controller),那么在這兩個(gè)軟件中,你同樣可以看到。 比如你可以在他們的界面中看到Image View,Web View等等的組件。在配合類(lèi)似Xcode的Storyboard的工作流,讓設(shè)計(jì)師的交互方案得以實(shí)現(xiàn)。下面來(lái)看看還在開(kāi)發(fā)過(guò)程中的Silver的特性。 

首先Silver官方給自己的定位是:直接在Sketch中構(gòu)建輕量級(jí)的移動(dòng)交互原型。沒(méi)錯(cuò),我們通過(guò)官方的視頻發(fā)現(xiàn),不同于其它工具,它確實(shí)是一個(gè)基于Sketch的插件,是的,Everything within Sketch。 我們也可以看到類(lèi)似的連線(xiàn)效果,直接在sketch中連線(xiàn)確實(shí)很少見(jiàn)。 當(dāng)然少不了手機(jī)預(yù)覽咯 由于Silver還沒(méi)有公開(kāi)提供下載,但我們通過(guò)視頻能得到不少信息,首先他是基于sketch自身的,不必使用第三方工具;然后,他是可以預(yù)覽的。 

下面介紹官方提供的特性: 

1.頭部和底部 通過(guò)快捷鍵即可將層轉(zhuǎn)化為固定的頭部或者底部,比如我們經(jīng)常要使用的tabbar或者title bar。Sketch中的透明層可以當(dāng)作按鈕來(lái)使用,通過(guò)這些按鈕可以實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的功能。

2.可以編輯的輸入?yún)^(qū)域 可以把文本層轉(zhuǎn)化為可以編輯的輸入?yún)^(qū)域。這些輸入?yún)^(qū)域可以定義不同的鍵盤(pán)類(lèi)型。看起來(lái)很酷的樣子。 

3.將層指向Artboard 可以將某些層轉(zhuǎn)化為可點(diǎn)擊區(qū)域,從而指定他們轉(zhuǎn)向某個(gè)Artboard。這就是實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的功能。 

4.嵌入Web Views 可以指定某個(gè)形狀圖層為展示W(wǎng)eb Views的區(qū)域。在Sketch中調(diào)整他們的尺寸和位置即可讓這個(gè)圖層在預(yù)覽時(shí)顯示真正的網(wǎng)頁(yè)。 

5.內(nèi)建的轉(zhuǎn)場(chǎng)效果 大家都知道在xcode中有Push,Pop,Modal和Dismiss這的轉(zhuǎn)場(chǎng)效果,那么使用Silver你同樣可以逼真的做到。Modal模式下顯示的Artboard同樣可以做返回處理。

6.集成核心的OS功能 通過(guò)實(shí)現(xiàn)攝像頭,瀏覽相冊(cè),書(shū)寫(xiě)email和短信,打電話(huà)或者運(yùn)行外部網(wǎng)站這些功能,讓你的原型看起來(lái)像真的一樣。 

7.實(shí)時(shí)預(yù)覽 話(huà)說(shuō)這個(gè)是這類(lèi)軟件的標(biāo)配了吧?不過(guò)Silver需要一個(gè)他自己的獨(dú)立app來(lái)實(shí)現(xiàn)這個(gè)預(yù)覽功能。 通過(guò)數(shù)據(jù)線(xiàn)或者Wifi即可預(yù)覽。 

極大改善你的工作方式: Silver號(hào)稱(chēng)是卓絕個(gè)內(nèi)建在Sketch中的交互工具。使用這種內(nèi)建的方式可以讓你避免在軟件中進(jìn)行切換操作,簡(jiǎn)單快速的制作出交互原型。

同時(shí),我們可以看出Silver大概可能是基于Framer.js的,這個(gè)相信大家不會(huì)陌生。通過(guò)為Framer開(kāi)發(fā)的Silver模組,你可以在兩者之間傳遞交互動(dòng)作。 要看演示視頻? 點(diǎn)擊閱讀原文即可進(jìn)入Silverflows網(wǎng)站,查看官方視頻吧。不過(guò)建議準(zhǔn)備好自己的小梯子哦。 寫(xiě)在更后 Silver目前還在開(kāi)發(fā)過(guò)程中,大家可以在其官方網(wǎng)站注冊(cè),等待開(kāi)發(fā)完成,你將收到Silver團(tuán)隊(duì)的郵件。

Silver是首款內(nèi)置在Sketch中的交互設(shè)計(jì)軟件,其表現(xiàn)如何,還有待大家的試用。不過(guò)Sketch通過(guò)這種插件方式彌補(bǔ)了自己不能做交互稿的”缺陷“,這想必能滿(mǎn)足不少用戶(hù)的期望吧?Silver團(tuán)隊(duì)說(shuō),有了Silver,你的設(shè)計(jì)稿就是你的交互原型,讓我們拭目以待吧。