第五步:同時選中(按住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è)小
查看詳情因為昆明網(wǎng)站制作小編目前還沒有詳細(xì)講解【母版】的使用,所以這個案例就使用動態(tài)面板來扮演APP的內(nèi)容部分。在此以TripAdvisor應(yīng)用為例來進行演示,見圖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è)小編將通過一個案例來鞏固一下。在這個案例中,用戶在按要求輸入用戶名、密碼和郵箱
查看詳情第四步:再次雙擊中繼器,進入編輯狀態(tài),或者通過單擊設(shè)計區(qū)域上方的【(中繼器)(index)】標(biāo)簽回到編輯狀態(tài),見圖134,在右側(cè)的【中繼器檢查器】面板中點擊【樣式】標(biāo)簽
查看詳情第三步:在【中繼器檢查器】面板中單擊【交互】標(biāo)簽,雙擊【每項加載時】事件下的【Case1】,在彈出的【用例編輯器】對話框中設(shè)置【水果名稱】的文本值為];【水果價
查看詳情第二步:拖放兩個矩形部件到設(shè)計區(qū)域,分別給兩個矩形部件命名為水果名稱、水果價格,見圖130。(圖130)此時,昆明網(wǎng)站制作小編覺得細(xì)心的讀者會注意到,在兩個矩形相交
查看詳情第一步:在【部件】面板中拖放一個中繼器部件到設(shè)計區(qū)域,然后,昆明網(wǎng)站建設(shè)小編認(rèn)為雙擊該動態(tài)面板,在右側(cè)的【中繼器檢查器】面板下的【數(shù)據(jù)集】中填充數(shù)據(jù),見圖1
查看詳情第四步:在打開的原型中向右滑動可以展開站點地圖,見圖15。(圖14)(圖15)A:應(yīng)用導(dǎo)航B:原型的站點地圖至此,在移動設(shè)備中預(yù)覽原型昆明網(wǎng)站制作小編就介紹完畢了,雖然
查看詳情第三步:提示發(fā)布成功后,在手機或平板電腦中啟動AxShare應(yīng)用,見圖10。輸入Axure賬號和密碼后單擊【LOGIN】,登錄成功后可以看到自己AxShare中的項目文件夾,見圖11。
查看詳情第二步:單擊菜單欄中的【發(fā)布>發(fā)布到AxShare】,登錄你的Axure賬戶,這里昆明網(wǎng)站建設(shè)小編認(rèn)為可以選擇上傳一個新項目并設(shè)置項目名稱、密碼,也可以替換已經(jīng)存在的項
查看詳情在真實的移動設(shè)備中預(yù)覽原型Axure官方發(fā)布了用來預(yù)覽原型的AxShareAPP,安裝該APP后就可以輕松地在移動設(shè)備中預(yù)覽原型,來獲取最真實的用戶體驗。到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è)小編再具體一點,就是瀏覽器上(也可
查看詳情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機身外殼部件庫的屏幕上方,并調(diào)整內(nèi)聯(lián)框架部件尺寸為375×667像素,最后,昆明網(wǎng)站制作小編認(rèn)為給其
查看詳情第二步:雙擊iPhoneFrameforDesktopview頁面,然后拖放iPhone機身外殼部件到設(shè)計區(qū)域,見圖2。(圖2)昆明網(wǎng)站建設(shè)小提示:iPhone機身外殼部件庫下載地址:http://yunpa
查看詳情