原創(chuàng)|使用教程|編輯:郝浩|2013-08-14 09:59:38.000|閱讀 20681 次
概述:在上文中,作者就如何使用iPhone應(yīng)用程序頁面模板講起,為大家介紹了使用Axure創(chuàng)建iPhone應(yīng)用程序原型的第一步。下面,作者將繼續(xù)為大家講解如何在iPhone上查看你的應(yīng)用程序原型。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在上篇文章中,作者為大家介紹了如何使用iPhone應(yīng)用程序頁面模板在原型設(shè)計(jì)工具中創(chuàng)建iPhone程序原型(查看詳情)。在這篇文章中,作者將為大家介紹如何在iPhone上查看你的應(yīng)用程序原型。在查看原型之前,你需要對(duì)你的手機(jī)進(jìn)行設(shè)置。
瀏覽器設(shè)置
配置iPhone瀏覽器選項(xiàng)在生成>原型>移動(dòng)/設(shè)備中。下面看到的設(shè)置就是在手機(jī)上瀏覽iPhone應(yīng)用程序的典型設(shè)置。
視窗標(biāo)簽影響移動(dòng)設(shè)備上原型的大小或規(guī)模。如果你的程序設(shè)計(jì)為320像素寬,你就不必再編輯默認(rèn)的視窗標(biāo)簽設(shè)置。 當(dāng)你進(jìn)入一個(gè)網(wǎng)站鏈接時(shí)“隱藏地址欄”會(huì)移除瀏覽器上面的帶狀鏈接地址;“防止垂直頁面滾動(dòng)”讓你設(shè)計(jì)的應(yīng)用程序不至于從屏幕的邊緣拉動(dòng)。最后,當(dāng)原型從主屏幕啟動(dòng)時(shí),“隱藏瀏覽器導(dǎo)航”會(huì)移除瀏覽器按鈕。
點(diǎn)擊下面的復(fù)選框查看在瀏覽器上的效果
主屏幕圖標(biāo)
主屏幕的圖標(biāo)是一個(gè)114px×114px 的PNG圖像,它顯示在你的iPhone主屏幕上猶如一個(gè)真正的應(yīng)用程序。這種圖標(biāo)可以通過“生成 > 原型> 移動(dòng)/設(shè)備設(shè)置”的途徑設(shè)置。下面的教程演示如何將圖標(biāo)添加到你的iPhone主屏幕上。
注:設(shè)計(jì)圖標(biāo)時(shí),記住透明區(qū)域在手機(jī)上瀏覽時(shí)會(huì)是一個(gè)黑色的背景。
啟動(dòng)畫面
從主屏幕圖標(biāo)啟動(dòng)原型時(shí),啟動(dòng)畫面會(huì)在你等待加載原型的時(shí)候顯示。啟動(dòng)圖像是一個(gè)320px×480pxPNG格式的圖像,它可以“生成>原型>移動(dòng)/設(shè)備設(shè)置”的途徑導(dǎo)入。
如果你的啟動(dòng)畫面需要以景觀圖或水平視圖呈現(xiàn),導(dǎo)入之前請(qǐng)?jiān)趫D形工具中翻轉(zhuǎn)圖像。
第一步:生成到AxShare或網(wǎng)絡(luò)服務(wù)器
點(diǎn)擊工具欄中的AxShare按鈕,將你的原型上傳到AxShare,或者在主菜單(按F4)點(diǎn)擊“生成>發(fā)布到AxShare”。如果你沒有AxShare帳戶,單擊“創(chuàng)建帳戶”或進(jìn)入share.axure.com創(chuàng)建一個(gè)免費(fèi)的賬戶。點(diǎn)擊“發(fā)布”上傳你的RP文件。你也可以將其發(fā)布到自己的Web服務(wù)器上。
第二步:點(diǎn)擊“顯示鏈接和選項(xiàng)”
接下來,在瀏覽器中打開你的原型,獲取不帶網(wǎng)站地圖的起始頁網(wǎng)址,點(diǎn)擊“顯示鏈接和選項(xiàng)”并導(dǎo)航到App主頁或包含你應(yīng)用程序開頭的任意頁面。復(fù)制剛才的URL網(wǎng)址。
第三步:在iPhone瀏覽器中打開網(wǎng)址
在你的iPhone瀏覽器中打開剛才的網(wǎng)址,通過電子郵件發(fā)送給自己是獲得鏈接的一個(gè)好方法。
現(xiàn)在,你可以與你的原型進(jìn)行交互了,不過此時(shí)瀏覽器的導(dǎo)航仍然是可見的。
第四步:添加到主屏幕
按下位于底部導(dǎo)航中間的“選項(xiàng)”按鈕,并選擇“添加到主屏幕”。
系統(tǒng)將提示你預(yù)覽主屏幕圖標(biāo)并要求你選擇一個(gè)名稱。點(diǎn)擊“添加”,你就可以從主屏幕啟動(dòng)你的原型,它將顯示啟動(dòng)畫面,并啟動(dòng)瀏覽器且不帶有底部導(dǎo)航。
提示:
在 iPhone 5上查看原型時(shí)你可能會(huì)遇到屏幕在頂部和底部被截?cái)嗟那闆r。調(diào)整方法是清除視窗區(qū)域中的“寬度”讓它成為空白。
本文提供了包含以上設(shè)置和合適的參考線的模板可供下載查看。
>>
>>
擴(kuò)展閱讀
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)