InVision Studio是一款界面設(shè)計(jì)工具,將設(shè)計(jì),原型和動(dòng)畫(huà)完美的結(jié)合起來(lái),讓用戶在設(shè)計(jì)產(chǎn)品原型時(shí)可以更加便捷高效,讓原型展現(xiàn)更加逼真和生動(dòng),功能十分強(qiáng)大,優(yōu)秀的界面設(shè)計(jì)承載了用戶的交互行為!
軟件特色:
1、Responsive Design | 響應(yīng)式設(shè)計(jì)
web端與移動(dòng)端之間的適配是不是很酷炫,就是這么吊炸天。
2、Share Design System | 設(shè)計(jì)系統(tǒng)共享
利用InVision Studio,當(dāng)改變?cè)O(shè)計(jì)系統(tǒng)中某些 UI Component 的樣式后,整個(gè)設(shè)計(jì)文件中的相同 UI Component 都可以同步更新,可謂是“牽一發(fā)而動(dòng)全身”。
3、Rapid Prototyping | 快速原型搭建
在 InVision Studio 中根據(jù)跳轉(zhuǎn)邏輯連接控件和界面,制作可交互原型。
4、Advanced Animation | 交互動(dòng)效調(diào)節(jié)
新工具中不但實(shí)現(xiàn)了界面跳轉(zhuǎn),還可以做出花式跳轉(zhuǎn),是不是簡(jiǎn)單粗暴。
5、Collaboratively Connected | 設(shè)計(jì)協(xié)作
這是 InVision 給 Sketch 開(kāi)發(fā)的插件 CRAFT 中帶的功能 ──Freehand,設(shè)計(jì)稿評(píng)審的時(shí)候大家可以針對(duì)陳列的界面各抒己見(jiàn),實(shí)時(shí)溝通。不同顏色的評(píng)論和畫(huà)筆代表不同的參與者,非常方便識(shí)別。(試想,要是程序猿、射雞濕和產(chǎn)品狗在這個(gè)界面上討論,萬(wàn)一誰(shuí)生氣了,整個(gè)畫(huà)面會(huì)不會(huì)被涂成天花亂墜,畫(huà)面太美。不過(guò)慶幸的是沒(méi)人在你電腦上指手畫(huà)腳了。)
這也是 InVision 中的一個(gè)功能,設(shè)計(jì)稿上傳到線上以后,團(tuán)隊(duì)中各種角色都可以標(biāo)注并給出意見(jiàn)。當(dāng)然,這不是一種同步溝通的功能,而是異步的。即使下班了,也能看到清晰明了每個(gè)人的想法與意見(jiàn)。
io 實(shí)現(xiàn)的只是簡(jiǎn)單 Layer 和 Text Layer 樣式代碼,那么并沒(méi)有多大實(shí)際用途。但是如果能和之前的 Share Design System 功能配合,對(duì)定義好的 UI Component 直接生成代碼,那就牛轟轟了。說(shuō)不準(zhǔn)很多前端工程師也要重新拿起書(shū),開(kāi)始學(xué)習(xí)后端知識(shí)了。
柔和的Loading動(dòng)畫(huà),待加載完畢后,隨之而來(lái)的是高端大氣的界面與酷炫的動(dòng)效。乍一看,是不是跟Sketch有些像,但是,他并不是他,他就是他,顏色不一樣的全新設(shè)計(jì)工具。
鼠標(biāo)向下滑,緊接著的是實(shí)戰(zhàn)操作的視頻,帶你身臨其境的體驗(yàn)一番。