如何利用Axure RP 8設(shè)計手機(jī)模型圖標(biāo)以及顯示
手機(jī)現(xiàn)在成為了人們不可或缺的工具,其中常用的功能有微信、電話、電子書、日歷、鬧鐘等等。而Axure RP 8元件庫中自帶了這些功能的圖標(biāo),我們可以利用這些圖標(biāo)模擬一部手機(jī),并且可以使用Axure RP
手機(jī)現(xiàn)在成為了人們不可或缺的工具,其中常用的功能有微信、電話、電子書、日歷、鬧鐘等等。而Axure RP 8元件庫中自帶了這些功能的圖標(biāo),我們可以利用這些圖標(biāo)模擬一部手機(jī),并且可以使用Axure RP 8來設(shè)計手機(jī)上的功能。
第一步:添加手機(jī)邊框
在元件庫中的基本元件找到“矩形1”,然后將其拖曳到“index”頁面上,作為手機(jī)的邊框。這樣我們就創(chuàng)建了一個手機(jī)的外觀框架。
第二步:添加手機(jī)圖標(biāo)
從Axure RP 8的元件庫中選擇合適的手機(jī)圖標(biāo)元件,并將它們分別排列在矩形框內(nèi),注意要按照手機(jī)上的實際布局順序來排列圖標(biāo)。這樣我們就在手機(jī)的外觀框架中添加了功能圖標(biāo)。
第三步:設(shè)置圖標(biāo)的填充色
根據(jù)手機(jī)里功能圖標(biāo)的顏色,我們可以分別設(shè)置這些圖標(biāo)的填充色。這樣可以更好地與實際手機(jī)界面相匹配,使模型更加真實。
第四步:添加功能描述
有時候僅通過圖標(biāo)就可以知道其功能,但為了更好地表示功能作用,我們可以在圖標(biāo)下方添加功能的文字描述。這樣用戶在瀏覽模型時就能清晰地了解每個圖標(biāo)所代表的具體功能。
第五步:添加電池顯示圖標(biāo)
在手機(jī)的右上方添加一個用于顯示電池電量的圖標(biāo),類似于實際手機(jī)界面上的電池圖標(biāo)。這樣可以更加真實地展示手機(jī)的狀態(tài)。
第六步:添加網(wǎng)絡(luò)情況顯示圖標(biāo)
手機(jī)右上方除了顯示電池電量,還有信號強(qiáng)弱圖標(biāo)和Wi-Fi圖標(biāo),用于顯示手機(jī)的網(wǎng)絡(luò)情況。我們也可以在模型中添加這些圖標(biāo),使其更貼近實際手機(jī)界面。
通過以上步驟,我們可以利用Axure RP 8來設(shè)計手機(jī)模型圖標(biāo)以及顯示,并且可以根據(jù)實際手機(jī)界面進(jìn)行調(diào)整和優(yōu)化。這樣的設(shè)計可以幫助我們更好地展示手機(jī)軟件的功能和界面,從而提高用戶對手機(jī)應(yīng)用的理解和體驗。