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

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

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

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

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

2.可以編輯的輸入?yún)^(qū)域 可以把文本層轉化為可以編輯的輸入?yún)^(qū)域。這些輸入?yún)^(qū)域可以定義不同的鍵盤類型?？雌饋砗芸岬臉幼?。 

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

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

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

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

7.實時預覽 話說這個是這類軟件的標配了吧?不過Silver需要一個他自己的獨立app來實現(xiàn)這個預覽功能。 通過數(shù)據(jù)線或者Wifi即可預覽。 

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

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

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