|
第一,Axure的安裝及版本選擇。 天才第一步,你要有一款可以正常使用的Axure RP軟件,目前最新的版本是6.0以及6.5,鍵手在這里使用的是6.5版本。去百度一番,然后下載安裝。安裝好軟件之后,用鼠標(biāo)猛擊2下,你就可以進(jìn)入界面了。現(xiàn)在我們要使用這款軟件制作另外一個(gè)讓人臉紅心跳的“約炮神器”微信的登陸界面模擬圖,很簡單,10分鐘搞定~只要你曾經(jīng)會用ctrl+c和ctrl+v。 第二,創(chuàng)建動態(tài)面板 你是不是已經(jīng)進(jìn)入到這個(gè)陌生或者熟悉的軟件之中了呢,界面是不是很清爽,?圖標(biāo)大小都比較適中,而且有中文的提示。在軟件左邊的“部件”“工具欄里面找到動態(tài)面板,把它拖動到右邊的空白處,選在你想要的大小。對就是這樣,“約炮神器”微信的框框就畫好了: 下一步,雙擊這個(gè)選框,會彈出操作框,你想要模擬圖變化幾次,就點(diǎn)幾次加號,交互效果就全靠它們了: 第三,構(gòu)建面板元素 畫好了框框,現(xiàn)在我們來設(shè)置具體的每個(gè)狀態(tài)需要顯示的界面!我們雙擊狀態(tài)一,依然是從左邊的”部件“里面找到”矩形“框,拖到選區(qū),調(diào)整大小到填滿整個(gè)選區(qū),再進(jìn)行顏色的填充,邊框的修改。小提示:要想實(shí)現(xiàn)同底白字效果的,使用矩形有兩種方式做出來:第一種是把矩形的線寬調(diào)整為None;第二種更簡便,在設(shè)置底色的時(shí)候,直接把透明度設(shè)置為100%!千萬不要使用文字面板或者是按鈕,文字面板無法去除邊框!另外,在需要邊框的時(shí)候,還可以調(diào)整邊框的線寬,顏色,以及漸變效果,是不是很炫呢? 在一個(gè)構(gòu)圖中,有很多相同或相似的元素時(shí),要善于使用復(fù)制和粘貼這兩種基本技巧,像上圖的界面,一共有6個(gè)矩形,難道要一個(gè)一個(gè)的去畫?這時(shí)候,對于同樣效果或是同樣大小的矩形,可以先把一個(gè)矩形的小,線寬,填充顏色,字體全部調(diào)整好,復(fù)制,再粘貼到需要的地方,可以節(jié)省很多的時(shí)間! 按住Ctrl鍵,同時(shí)點(diǎn)擊鼠標(biāo)左鍵,選擇需要的元素,可以實(shí)現(xiàn)多個(gè)元素的復(fù)制和粘貼,你會發(fā)現(xiàn),在移動之后,這些東東的間距,大小,和上一個(gè)界面是一致的,避免單個(gè)移動造成排版的混亂。 經(jīng)過以上的步驟,第一個(gè)圖已經(jīng)畫好了吧!現(xiàn)在回到主頁,依次雙擊動態(tài)面板的狀態(tài)二,狀態(tài)三,狀態(tài)四,畫好自己想要的界面。畫好了界面之后,只需要進(jìn)行很簡單的操作,就可以實(shí)現(xiàn)交互的效果。 第四,交互效果的實(shí)現(xiàn) 選擇好需要實(shí)現(xiàn)交互的地點(diǎn)和方式,這里以鼠標(biāo)單擊實(shí)現(xiàn)頁面變化舉例,左鍵選擇一個(gè)矩形,如上圖的”登陸“,找到: 所有需要操作的地方,都可以使用鼠標(biāo)左鍵雙擊(也可以用鼠標(biāo)右鍵添加用例),進(jìn)入”用例編輯器“,按照以下步驟: 要想實(shí)現(xiàn)狀態(tài)幾,就選擇狀態(tài)幾,全部都選擇完了之后,回到主頁,選擇菜單欄的”生成(G)“,第一個(gè)選項(xiàng)”原型“,在里面選擇”生成“之后,等待大概2秒鐘,就會在瀏覽器彈出效果圖,附上一張完成圖: 完成“約*神器”所使用的素材和成功,都在這里:http://pan.baidu.com/share/link?shareid=532543&uk=1915769746&third=15 |
|
|