“老師，公司要求我做一個(gè)不同機(jī)型的原型，不想重新做，可以適配嗎？”

“老師，手機(jī)有那么多類(lèi)型，我難道要做那么多的原型嗎？”

“老師，axure中怎么進(jìn)行原型的適配呢？應(yīng)該怎么設(shè)置”

“老師，今天學(xué)習(xí)到的自適應(yīng)視圖有什么作用？”

?

在學(xué)習(xí)axure的時(shí)候，有很多同學(xué)都會(huì)問(wèn)到適配的問(wèn)題，這是除了尺寸問(wèn)題之外，又一個(gè)常見(jiàn)的問(wèn)題。

?

產(chǎn)品經(jīng)理不可能一個(gè)產(chǎn)品做多個(gè)原型，但我們應(yīng)該怎么去適配不同的平臺(tái)呢？是直接拿著以前的原型PRD給技術(shù)去開(kāi)發(fā)？還是拿以前的原型PRD修改了再給？當(dāng)然也可以選擇重新整一遍新的原型PRD。

在Axure中有更好的方法。

?

在直播學(xué)習(xí)的時(shí)候問(wèn)到的話，老師會(huì)在課堂中直接解答了。有些同學(xué)沒(méi)有學(xué)習(xí)過(guò)，或者時(shí)間長(zhǎng)了之后，或者上課時(shí)走神沒(méi)注意聽(tīng)，就有點(diǎn)不清楚了。這里再給大家簡(jiǎn)單看看。

01

什么是適配不同平臺(tái)

具體來(lái)說(shuō)就是產(chǎn)品經(jīng)理的工作如何指導(dǎo)UI和前端工程師開(kāi)發(fā)不同平臺(tái)，也就是產(chǎn)品經(jīng)理產(chǎn)出物“原型和PRD”需要具備此特性。

?

適配不同平臺(tái)，不代表你的原型就是高保真。有些初級(jí)產(chǎn)品經(jīng)理的理解水平真的很一般。

適配不同平臺(tái)，和適配不同屏幕，是2個(gè)概念。后者適配不同屏幕通常是指你的APP是否兼容iPhone7、iPhone7plus、iPhone5、iPhone4等屏幕并完美展現(xiàn)頁(yè)面內(nèi)容和交互。而前者肯定不是這個(gè)意思。

0

哪些情況下需要適配當(dāng)APP發(fā)展良好，需要快速補(bǔ)充H5

?

小程序版本來(lái)覆蓋不想下載APP的用戶

當(dāng)你做的是H5 APP，想兼容一下Web環(huán)境

當(dāng)你主營(yíng)Web網(wǎng)站，想移植核心功能到H5環(huán)境中

當(dāng)你主營(yíng)APP，然后想兼容Web環(huán)境

03

一般是這樣適配不同平臺(tái)

使用一份原型和PRD寫(xiě)APP，需要適配其他平臺(tái)的時(shí)候，則在有差異的地方做一下標(biāo)注。但是這樣做會(huì)有很多問(wèn)題。

• 當(dāng)差異超過(guò)一定程度的時(shí)候，很難去標(biāo)注。

• 如果需要同時(shí)迭代多個(gè)平臺(tái)，原型和邏輯是不是要寫(xiě)多份。并且容易遺漏。

• 服務(wù)端童鞋很難理解不同平臺(tái)的原型，他需要如何去支持接口和數(shù)據(jù)庫(kù)層面。

?

推薦使用Axure的自定義視圖來(lái)適配不同平臺(tái)

使用Axure創(chuàng)建原型并標(biāo)注邏輯的方式來(lái)作為產(chǎn)品經(jīng)理交付物-PRD，并且使用Axure的自定義視圖功能來(lái)設(shè)計(jì)不同分辨率下的原型。? ? ? ? ? ?

當(dāng)做好了web ，去設(shè)計(jì)wap的時(shí)候，用此種方法畫(huà)原型寫(xiě)邏輯是最合適的事情。如果只是再差異的地方單獨(dú)標(biāo)注，連產(chǎn)品demo都無(wú)法讓大家直觀的理解。

?

關(guān)于自適應(yīng)視圖的具體設(shè)置及原理，之前有一篇文章有專(zhuān)門(mén)介紹過(guò)，這里就不再贅述。有興趣的朋友可以查看歷史文章。

?

如果你使用的是新發(fā)布的Axure 9的版本的話，可以先設(shè)置移動(dòng)端的適應(yīng)。這是axure 9新增的功能。Axure 9增加了移動(dòng)端的適應(yīng)。這個(gè)一次重要的突破，媽媽再也不用擔(dān)心移動(dòng)端不知道該怎么做了?？梢钥吹接蠥pple的和Android的。

?

直接選擇移動(dòng)端的類(lèi)型即可，可以找到要制作的移動(dòng)端的機(jī)型，這時(shí)候的尺寸就是該機(jī)型的尺寸。

需要配置不同的尺寸的話，在這個(gè)基礎(chǔ)上再去設(shè)置自適應(yīng)視圖即可?；蛘咧谱鞫鄠€(gè)文件也可，根據(jù)自己的實(shí)際需求進(jìn)行制作。

?

總結(jié)

Axure當(dāng)初發(fā)布自定義視圖功能的時(shí)候就是考慮到這些不同分辨率不同平臺(tái)的差異，所以才推出此功能。

大家在做原型的時(shí)候，根據(jù)自己的實(shí)際需求，善用自定義。