激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

摹客RP高擴(kuò)展組件，如何快速制作APP標(biāo)簽頁

發(fā)布時(shí)間：2024-04-08 14:50:58 瀏覽量：123次

原型項(xiàng)目中的組件（亦稱元件、控件），是指通過基礎(chǔ)圖層拼裝而成，可供用戶進(jìn)行交互或用于展示復(fù)雜內(nèi)容的元素。

在原型設(shè)計(jì)工作中，組件的使用是非常重要的部分，其不僅關(guān)乎項(xiàng)目內(nèi)容的呈現(xiàn)，更會影響編輯操作效率。

作為一款高效易用的在線原型設(shè)計(jì)工具，摹客RP內(nèi)置了豐富多樣的預(yù)設(shè)組件，并且這些組件全都具有極高的擴(kuò)展性，能極大地提升產(chǎn)品原型制作效率，現(xiàn)在就一起來看看吧。

什么是高擴(kuò)展組件？

高擴(kuò)展組件具有以下幾個(gè)特性：

  • 自帶交互特性：摹客RP中的預(yù)設(shè)組件，都自帶交互屬性，無需添加任何復(fù)雜的設(shè)置，就能呈現(xiàn)出真實(shí)的動態(tài)效果。無論是點(diǎn)擊切換列表選項(xiàng)、對下拉菜單進(jìn)行選擇、對滑塊進(jìn)行拖動，都能輕松實(shí)現(xiàn)。

  • 高自由度的編輯方式：摹客RP的預(yù)設(shè)組件，支持非常便捷的內(nèi)容編輯及樣式編輯。只需雙擊組件，就能在內(nèi)容編輯窗口中對選項(xiàng)完成新增、刪除、編輯、排序、設(shè)置默認(rèn)選中項(xiàng)等操作。

  • 支持?jǐn)U展屬性編輯：在屬性面板中，除了可以調(diào)整邊框、填充等常用屬性外，每個(gè)組件還支持不同的擴(kuò)展屬性，幫助大家設(shè)置完善豐富的樣式效果。

高擴(kuò)展組件的必要性

了解了什么是高擴(kuò)展組件，那么高擴(kuò)展組件在我們的日常工作中具體能發(fā)揮什么作用呢？

  • 快速創(chuàng)建項(xiàng)目：摹客RP提供的高擴(kuò)展組件庫使你能在任何時(shí)候找到所需要的組件，快速完成項(xiàng)目的搭建，并且隨心編輯屬性樣式，非常方便地呈現(xiàn)完善的內(nèi)容與精美的效果。
  • 極大提升設(shè)計(jì)效率：預(yù)設(shè)組件意味著不用手動拼裝，自帶的交互特性更是免去了復(fù)雜的交互設(shè)置，便捷的文本內(nèi)容及屬性樣式調(diào)整同樣有助于顯著地節(jié)約設(shè)計(jì)時(shí)間。
  • 遵循設(shè)計(jì)規(guī)范：摹客RP的高擴(kuò)展組件的各類特性都是參考通用的各類組件的樣式、交互規(guī)范來提供的，更符合行業(yè)的通用要求。使用高擴(kuò)展組件，就不用再擔(dān)心組件使用不規(guī)范，設(shè)計(jì)質(zhì)量受影響的問題了。

摹客RP的高擴(kuò)展組件有哪些？

摹客RP中的預(yù)設(shè)組件類型多樣，數(shù)量豐富。無論是制作網(wǎng)頁項(xiàng)目、移動項(xiàng)目、線框原型還是中高保真界面設(shè)計(jì)，摹客RP都能為你提供便利。

下面我們一起來看看摹客RP有哪些高擴(kuò)展組件吧！

  • 常用分類的組件：在此分類中，你可以找到搭建界面中經(jīng)常用到的各種組件，從簡單的復(fù)選框、開關(guān)、到下拉框、選項(xiàng)卡再到表格、導(dǎo)航菜單、時(shí)間選擇器、輪播圖等等組件，全部都可以找到。拖拽即可添加交互，方便快捷。

  • 圖表組件：對于經(jīng)常制作后臺項(xiàng)目的小伙伴，摹客RP自帶的圖表組件更會讓你的設(shè)計(jì)效率飆升。多種類型的圖表組件，每一個(gè)都支持超高自由度的數(shù)據(jù)編輯，并且提供豐富的元素結(jié)構(gòu)設(shè)置項(xiàng)。在演示時(shí)，圖表組件同樣自帶非常細(xì)致的載入效果及可交互的數(shù)據(jù)查看效果。

  • 批注組件和各類常用的形狀組件：這一類組件能夠幫助大家在為原型項(xiàng)目添加文檔說明、繪制流程圖等內(nèi)容時(shí)提供極大的便利。

組件庫對比 -- 摹客RPvs Axure

在選選擇原型工具的時(shí)候，不少小伙伴會第一時(shí)間去熟悉并比較組件庫，接下來我們看看摹客RP組件庫與Axure的對比：

  • 摹客RP的預(yù)設(shè)組件數(shù)量更多。Axure的預(yù)設(shè)組件庫，只直接提供了相對基礎(chǔ)的常用組件，而并沒有從國內(nèi)用戶的使用習(xí)慣出發(fā)，提供足夠的適合不同項(xiàng)目需求的組件，比如圖表等高頻使用的組件則是完全缺失的。而摹客RP中，你可以輕松地找到各類所需的組件，更快地完成設(shè)計(jì)工作。
  • 摹客RP的組件編輯自由度更高。相較于Axure的預(yù)設(shè)組件，摹客RP組件所提供的擴(kuò)展屬性更為豐富，能夠更廣泛地覆蓋大家的使用場景，并且編輯效率更高。
  • 摹客RP的組件操作更便捷。除了基礎(chǔ)的文本編輯、樣式編輯，摹客RP所提供的拖拽式交互設(shè)置，更適用于帶有多個(gè)選項(xiàng)的復(fù)合組件。比起Axure需要選中選項(xiàng)，一個(gè)個(gè)點(diǎn)擊添加按鈕、選擇目標(biāo)的方式，摹客RP拖拽交互鏈接點(diǎn)，快速選取交互目標(biāo)的操作，讓日常的組件交互設(shè)置，快了不止一點(diǎn)點(diǎn)！

如何使用高擴(kuò)展組件制作APP原型的標(biāo)簽欄？

APP原型標(biāo)簽欄是很常見的UI界面元素，它的核心功能在于導(dǎo)航App界面核心功能，通常位于屏幕的底部，通常的樣式是以圖文形式展示，也有文本標(biāo)簽頁和圖標(biāo)標(biāo)簽頁，且具有相對完備的交互效果：

  • 進(jìn)入頁面后，默認(rèn)選中并展示第一個(gè)標(biāo)簽對應(yīng)的頁面；
  • 點(diǎn)擊任意標(biāo)簽，跳轉(zhuǎn)至該標(biāo)簽對應(yīng)的界面，并且該標(biāo)簽處于選中狀態(tài)；
  • 有且僅有一個(gè)標(biāo)簽頁處于選中狀態(tài)；
  • 標(biāo)簽頁在頁面滑動時(shí)，通常固定展示在底部，不跟隨頁面滾動。

APP標(biāo)簽頁在手機(jī)運(yùn)用上隨處可見，我們常用的微信、淘寶、QQ等界面均有：

那么，如何快速制作一個(gè)App標(biāo)簽頁呢？推薦使用摹客RP的高擴(kuò)展性組件，我們一起看看吧~

第一步：選擇組件

在左側(cè)組件庫中，選擇適用于自己設(shè)計(jì)需求的組件，拖拽至畫板即可，這里我們選擇圖文選項(xiàng)卡；

Tip! 選項(xiàng)卡、分段控件等組件都支持制作APP標(biāo)簽噢

第二步：編輯圖文選項(xiàng)卡

  • 替換圖標(biāo)：雙擊圖文選項(xiàng)卡>在彈窗內(nèi)選中圖標(biāo)>在左側(cè)圖標(biāo)庫里選擇圖標(biāo)>點(diǎn)擊替換；
  • 編輯文本：雙擊圖文選項(xiàng)卡>在彈窗內(nèi)雙擊文本>編輯文本替換;

TIP! 可在彈窗內(nèi)點(diǎn)擊+號新增選項(xiàng)標(biāo)簽；點(diǎn)擊箭頭移動選項(xiàng)標(biāo)簽順序；點(diǎn)擊垃圾桶刪除選項(xiàng)標(biāo)簽。

第三步: 設(shè)置組件交互

雙擊圖文選項(xiàng)卡>拖拽交互點(diǎn)至想要跳轉(zhuǎn)的頁面>設(shè)置“觸發(fā)”“效果”“動效”和“時(shí)長”，即可完成交互設(shè)置；

第四步：編輯屬性樣式

選中圖文選項(xiàng)卡>在右側(cè)屬性面板中設(shè)置圖標(biāo)和文本的“顏色”、“樣式”等屬性，即可完成APP標(biāo)簽欄的屬性編輯。

簡單幾步，就可以制作一個(gè)APP原型中標(biāo)簽欄的內(nèi)容、樣式及交互設(shè)置，快速完成界面搭建與交互設(shè)計(jì)。

摹客RP中還有導(dǎo)航菜單、樹組件、表格等更多高級完善的組件，每一個(gè)都能夠大大提高你的設(shè)計(jì)效能，趕緊來試試吧！

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動，老師會在第一時(shí)間與您取得聯(lián)系，請保持電話暢通！
確定