第五步：同時選中（按住Shift鍵多選）第一個標(biāo)簽欄圖標(biāo)和文本標(biāo)簽，單擊右鍵，在彈出的關(guān)聯(lián)菜單中選擇【轉(zhuǎn)換為動態(tài)面板】，見圖253，并給其命名為tab1。同樣的操作，分別
查看詳情第四步：同樣的道理和操作方法，昆明網(wǎng)站建設(shè)小編給圖標(biāo)下面的4個文本標(biāo)簽分別設(shè)置選中時的交互樣式，讓其選中時字體顏色改變?yōu)?589442，見圖252。同第三步操作一樣，
查看詳情第三步：將圖像素材中的tabbar_bg.png和4個灰色的標(biāo)簽欄圖標(biāo)導(dǎo)入到Axure中并添加文本標(biāo)簽【在學(xué)習(xí)的過程中要養(yǎng)成給每個部件命名的好習(xí)慣】，見圖249。第三步：昆明網(wǎng)
查看詳情第二步：在【部件】面板中拖放一個動態(tài)面板到設(shè)計區(qū)域，給其命名為【content】，雙擊該動態(tài)面板并添加4個狀態(tài)，分別命名為tab1、tab2、tab3和tab4，然后昆明網(wǎng)站建設(shè)小
查看詳情因?yàn)槔ッ骶W(wǎng)站制作小編目前還沒有詳細(xì)講解【母版】的使用，所以這個案例就使用動態(tài)面板來扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來進(jìn)行演示，見圖246。啟動A
查看詳情第五步：選中放大鏡的兩部分形狀，在部件【屬性】面板中單擊【合并圖層】，至此昆明網(wǎng)站建設(shè)小編認(rèn)為放大鏡圖標(biāo)繪制完畢。接下來可以通過調(diào)整尺寸、顏色、邊框等樣式
查看詳情第二步：選中該圓形，按下快捷鍵Ctrl/Command+D，快速復(fù)制一份，然后設(shè)置第二個圓形尺寸為160×160像素，然后，昆明網(wǎng)站制作小編建議同時選中兩個圓形，單擊右鍵，在彈出的
查看詳情在我們制作原型的過程中，通常情況下遇到使用圖標(biāo)時都會通過網(wǎng)絡(luò)搜索或使用其他繪圖工具（PS/AI/SKETCH等）來制作所需的圖標(biāo)。當(dāng)然，使用Fontawesome等圖標(biāo)字體也是非
查看詳情第四步：選中【立即注冊】按鈕，在右側(cè)的部件【屬性】面板中給其添加【鼠標(biāo)單擊時】事件，昆明網(wǎng)站制作小編認(rèn)為在當(dāng)前窗口打開page1，見圖150。（圖150）第五步：在頂部
查看詳情第三步：給【復(fù)選框】添加事件，當(dāng)【復(fù)選框】被勾選時，啟用【立即注冊】按鈕；當(dāng)【復(fù)選框】未選中時，昆明網(wǎng)站建設(shè)小編在此提醒：禁用【立即注冊】按鈕，見圖149。（圖1
查看詳情第二步：選中【立即注冊】按鈕，在右側(cè)的部件【屬性】面板中勾選【禁用】，見圖146。然后設(shè)置【禁用】時的交互樣式，昆明網(wǎng)站制作小編建議設(shè)置其禁用時的填充顏色為，
查看詳情現(xiàn)在你已經(jīng)對【文本輸入框】部件及其不同的類型有了一定了解，下面昆明網(wǎng)站建設(shè)小編將通過一個案例來鞏固一下。在這個案例中，用戶在按要求輸入用戶名、密碼和郵箱
查看詳情第四步：再次雙擊中繼器，進(jìn)入編輯狀態(tài)，或者通過單擊設(shè)計區(qū)域上方的【（中繼器）（index）】標(biāo)簽回到編輯狀態(tài)，見圖134，在右側(cè)的【中繼器檢查器】面板中點(diǎn)擊【樣式】標(biāo)簽
查看詳情第三步：在【中繼器檢查器】面板中單擊【交互】標(biāo)簽，雙擊【每項(xiàng)加載時】事件下的【Case1】，在彈出的【用例編輯器】對話框中設(shè)置【水果名稱】的文本值為]；【水果價
查看詳情第二步：拖放兩個矩形部件到設(shè)計區(qū)域，分別給兩個矩形部件命名為水果名稱、水果價格，見圖130。（圖130）此時，昆明網(wǎng)站制作小編覺得細(xì)心的讀者會注意到，在兩個矩形相交
查看詳情第一步：在【部件】面板中拖放一個中繼器部件到設(shè)計區(qū)域，然后，昆明網(wǎng)站建設(shè)小編認(rèn)為雙擊該動態(tài)面板，在右側(cè)的【中繼器檢查器】面板下的【數(shù)據(jù)集】中填充數(shù)據(jù)，見圖1
查看詳情第四步：在打開的原型中向右滑動可以展開站點(diǎn)地圖，見圖15。（圖14）（圖15）A：應(yīng)用導(dǎo)航B：原型的站點(diǎn)地圖至此，在移動設(shè)備中預(yù)覽原型昆明網(wǎng)站制作小編就介紹完畢了，雖然
查看詳情第三步：提示發(fā)布成功后，在手機(jī)或平板電腦中啟動AxShare應(yīng)用，見圖10。輸入Axure賬號和密碼后單擊【LOGIN】，登錄成功后可以看到自己AxShare中的項(xiàng)目文件夾，見圖11。
查看詳情第二步：單擊菜單欄中的【發(fā)布＞發(fā)布到AxShare】，登錄你的Axure賬戶，這里昆明網(wǎng)站建設(shè)小編認(rèn)為可以選擇上傳一個新項(xiàng)目并設(shè)置項(xiàng)目名稱、密碼，也可以替換已經(jīng)存在的項(xiàng)
查看詳情在真實(shí)的移動設(shè)備中預(yù)覽原型Axure官方發(fā)布了用來預(yù)覽原型的AxShareAPP，安裝該APP后就可以輕松地在移動設(shè)備中預(yù)覽原型，來獲取最真實(shí)的用戶體驗(yàn)。到APPStore或安卓
查看詳情CSS中的1px并不等于設(shè)備的1像素。我們使用Axure生成的原型是由HTML+CSS+JavaScript構(gòu)成的。在CSS中，通常使用px（pixel的縮寫，即像素）作為單位，在桌面瀏覽器中，CSS
查看詳情通俗地講，移動設(shè)備上的Viewport就是設(shè)備的屏幕上能用來顯示網(wǎng)頁的一塊區(qū)域，也可以理解為移動設(shè)備屏幕的可視區(qū)域。昆明網(wǎng)站建設(shè)小編再具體一點(diǎn)，就是瀏覽器上（也可
查看詳情APP原型的尺寸設(shè)計在使用Axure設(shè)計APP原型時，如果要在一個或者多個移動設(shè)備中測試APP原型，昆明網(wǎng)站制作小編認(rèn)為則需要提前獲取移動設(shè)備的屏幕分辨率，再根據(jù)屏幕分
查看詳情第七步：在其他頁面中開始APP設(shè)計時，一定要在兩條全局輔助線范圍內(nèi)，【iPhoneFrameforDesktopView】頁面才可以正常顯示。昆明網(wǎng)站建設(shè)小提示：在【iPhoneFrameforDe
查看詳情第六步：雙擊【APPHome】頁面，添加一條垂直的全局輔助線，坐標(biāo)（375），再添加一條水平的全局輔助線，坐標(biāo)（667），見圖6。（圖6）昆明網(wǎng)站制作小提示：添加輔助線時，按住Ctr
查看詳情第四步：右鍵單擊iphone_frame，在彈出的關(guān)聯(lián)菜單中選擇【滾動條＞從不顯示滾動條】，然后昆明網(wǎng)站建設(shè)小編認(rèn)為再次右鍵單擊該部件，選擇【切換邊框可見性】，將內(nèi)部框
查看詳情第三步：在【部件】面板中拖放一個內(nèi)聯(lián)框架部件，將其放置于iPhone6機(jī)身外殼部件庫的屏幕上方，并調(diào)整內(nèi)聯(lián)框架部件尺寸為375×667像素，最后，昆明網(wǎng)站制作小編認(rèn)為給其
查看詳情第二步：雙擊iPhoneFrameforDesktopview頁面，然后拖放iPhone機(jī)身外殼部件到設(shè)計區(qū)域，見圖2。（圖2）昆明網(wǎng)站建設(shè)小提示：iPhone機(jī)身外殼部件庫下載地址：http://yunpa
查看詳情
