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