界面設(shè)計(jì)工具InVision Studio

InVision Studio是一款為ui設(shè)計(jì)師們提供的專業(yè)界面設(shè)計(jì)軟件，這款軟件功能十分強(qiáng)大，其集成了視覺(jué)設(shè)計(jì)，快速原型，動(dòng)效制作，團(tuán)隊(duì)協(xié)作于一體，可以滿足設(shè)計(jì)師們對(duì)ui設(shè)計(jì)的所有需求，大家有需要的可以嘗試下。

軟件特色：

InVision Studio作為一款專業(yè)的原型設(shè)計(jì)工具，功能十分強(qiáng)大，它將設(shè)計(jì)，原型和動(dòng)畫(huà)完美的結(jié)合起來(lái)，讓用戶在設(shè)計(jì)產(chǎn)品原型時(shí)可以更加便捷高效，讓原型展現(xiàn)更加逼真和生動(dòng)。優(yōu)秀的界面設(shè)計(jì)承載了用戶的交互行為。讓人愛(ài)不釋手的產(chǎn)品與不常使用的產(chǎn)品，不斷進(jìn)步的產(chǎn)品與逐漸落后的產(chǎn)品，他們的差別往往很明顯。因此，設(shè)計(jì)師比以往更樂(lè)于雕琢他們的作品。不幸的是，現(xiàn)在的設(shè)計(jì)工具并不能完全滿足設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)的需求。更糟的是，這些零零碎碎的設(shè)計(jì)工具可能導(dǎo)致整個(gè)設(shè)計(jì)流程的脫節(jié)與紊亂。

我們對(duì)這些時(shí)常發(fā)生的挫敗感同身受，并認(rèn)為設(shè)計(jì)團(tuán)隊(duì)更應(yīng)將時(shí)間和精力投入在設(shè)計(jì)絕倫的體驗(yàn)中。這就是為什么我們創(chuàng)造了世界上最強(qiáng)大的界面設(shè)計(jì)工具 ──InVision Studio，幫助設(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í)了。