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