現(xiàn)在市面上有不少能讓設(shè)計(jì)師和開(kāi)發(fā)人員使用的原型工具,比如iPhone上的Pop應(yīng)用。最近,這一領(lǐng)域里又出現(xiàn)了一款應(yīng)用Composite,它可以連接用戶Photoshop草圖,并快速轉(zhuǎn)換成為可交互的產(chǎn)品原型。
如何操作
在Photoshop里, 找到“編輯”功能,然后激活“遠(yuǎn)程連接”,這項(xiàng)功能只支持Photoshop CS5及以上版本,或Photoshop Elements 10以后的版本。
之后,你會(huì)被要求輸入一個(gè)用戶名稱(chēng)(如果你不想輸入,也可以干脆就使用其默認(rèn)的名稱(chēng) “Photoshop Server”),然后再確認(rèn)輸入一個(gè)使用密碼。
現(xiàn)在,登陸Composite iPhone應(yīng)用, 此時(shí)你應(yīng)該可以看到提示讓你選擇希望連接的電腦,輸入剛剛在Photoshop上設(shè)置的密碼。
同時(shí),回到剛才你希望上傳到App上(或開(kāi)始創(chuàng)建)草圖的Photoshop, Composite開(kāi)發(fā)人員已經(jīng)制作好了一個(gè).PSD文件樣本,用戶可以測(cè)試一下,也可以在此下載。
此時(shí),你的Photoshop屏幕看起來(lái)應(yīng)該如下圖所示:.
與此對(duì)照的,是你的Composite移動(dòng)App應(yīng)用,也會(huì)和上圖有些相似,然后用戶就可以在屏幕上開(kāi)始進(jìn)行設(shè)計(jì)了。
默認(rèn)模式是“預(yù)覽”,你可以試試“隱藏”或在Photoshop上鋪上一些圖層來(lái)顯示不同的屏幕,這時(shí),你的iPhone屏幕就會(huì)出現(xiàn)實(shí)時(shí)對(duì)應(yīng)的同步交互了。
不過(guò),如果用戶選擇“交互模式”,事情就會(huì)變得有趣的多,用戶可以在Composite應(yīng)用主屏上的右下角點(diǎn)擊一個(gè)手勢(shì)圖標(biāo)(如上圖所示),就可以進(jìn)入交互模式了。
上傳可能需要花上一點(diǎn)時(shí)間(如左下圖所示),具體的時(shí)間是根據(jù)用戶上傳的組合圖層多少來(lái)定的(下文將具體闡述),此時(shí),你就可以通過(guò)一個(gè)實(shí)時(shí)的App應(yīng)用來(lái)實(shí)施具體的設(shè)計(jì)工作啦。
右上圖上一個(gè)樣本的待辦事項(xiàng)清單,你也可以“創(chuàng)建”新任務(wù),然后滑動(dòng)屏幕,將菜單從應(yīng)用旁邊拉出(如有下圖所示)。
組合圖層
設(shè)計(jì)人員往往希望可以在一個(gè)頁(yè)面上創(chuàng)建多個(gè)圖層組合(comps),這樣可以便于向同事或客戶做展示。使用組合圖層(layer comps),他們可以在一個(gè)Photoshop文件中創(chuàng)建、管理、并查看不同的設(shè)計(jì)版本。而且這也是Composite的優(yōu)勢(shì)所在。
如果用戶希望轉(zhuǎn)換到其他組合圖層,需要添加圖層名稱(chēng),并加上方括號(hào),然后就能轉(zhuǎn)移到你希望進(jìn)行操作的圖層上了。
原則上,原型和設(shè)計(jì)草圖總是會(huì)保持同步,因此用戶沒(méi)有必要重復(fù)輸出Photoshop,也沒(méi)必要一直保持網(wǎng)絡(luò)連接。如果你要移動(dòng)一個(gè)圖層,只需確認(rèn)這個(gè)圖層名稱(chēng),就可以在點(diǎn)擊區(qū)內(nèi)進(jìn)行移動(dòng)。
未來(lái)走向
在目前這個(gè)時(shí)時(shí)間段里,Composite應(yīng)用售價(jià)為9.99美元,這是一個(gè)超值的價(jià)格。而且,如果你是一個(gè)認(rèn)真的App應(yīng)用設(shè)計(jì)師,這點(diǎn)錢(qián)真的是九牛一毛。
不過(guò),就筆者而言,付費(fèi)購(gòu)買(mǎi)廣告是內(nèi)置在Composite免費(fèi)基本版應(yīng)用里的,這對(duì)于起步階段吸引一些潛在用戶是有幫助的,不過(guò),筆者不確定究竟會(huì)有多少人愿意花上9.99美元去購(gòu)買(mǎi)這款應(yīng)用。
Composite有些像iOS應(yīng)用Design Duet,這款應(yīng)用是在今年初推出的,售價(jià)僅為1.99美元,用戶可能會(huì)首先選擇試試看Design Duet,不過(guò)筆者可以負(fù)責(zé)的說(shuō),這款應(yīng)用在交互功能方面比Composite遜色太多。還有一款應(yīng)用Skala View,支持iPhone和iPad兩個(gè)版本,同樣也沒(méi)有較好的交互功能,實(shí)際上Skala View應(yīng)該算是Mac版Skala Preview的附屬應(yīng)用。
對(duì)于Composite而言,用戶只需擁有Photoshop軟件(CS5以上版本或Elements 10以上版本),就可以方便的使用了。
Composite是由加拿大開(kāi)發(fā)公司Bjarne Mogstad開(kāi)發(fā)的,他們告訴筆者,很快將會(huì)推出安卓版本應(yīng)用,并且下一步還要支持iPad應(yīng)用。不過(guò)Bjarne Mogstad公司的這些規(guī)劃并有給出一個(gè)具體的完成時(shí)間,希望不會(huì)太久。
(via tnw 譯/快鯉魚(yú))
推薦閱讀
來(lái)自以色列的初創(chuàng)企業(yè)Wibbitz開(kāi)發(fā)了最適合移動(dòng)設(shè)備和可穿戴設(shè)備時(shí)代的新聞閱讀技術(shù),這也讓他們獲得了李嘉誠(chéng)的青睞。這個(gè)世界最富有的人之一成為了這家企業(yè)的投資>>>詳細(xì)閱讀
本文標(biāo)題:Composite:iPhone上的Photoshop
地址:http://www.xglongwei.com/a/guandian/yejie/20130820/284053.html