天天看點

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

本節書摘來自異步社群《axure rp8産品原型設計快速上手指南》一書中的第1章,第1.6節,作者 何廣明,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

檢查器面闆一分二,分為頁面和部件。部件面闆是對前面提到的部件進行(屬性、備注、樣式)設定的地方,是實作互動原型效果最核心的區域。

部件屬性

如果要檢視頁面屬性與樣式,在空白區域單擊一下即可。如果要檢視一個部件的屬性與樣式,将其拖動到頁面編輯區域,就可以看到該部件的屬性、備注、樣式設定選項。下圖中我們看到是檢查器:矩形。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

rp7之後極大地豐富了事件的類型,同時也适當地優化了一些移動端的事件類型和效果。雖然還沒有直接表達出手勢事件類型,但也算是一種進步。同時不同的部件對應的可以建立的互動事件類型也不相同,拖動一個部件到頁面編輯區域,然後點選屬性面闆,即可檢視這個部件擁有的事件類型。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

動态面闆

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

文本框

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

複選框

部件備注

在快速原型階段,往往沒有時間在word中耗時撰寫需求文檔,更多的時候是在原型中直接進行備注。備注最直接的方式就是将備注加在所屬部件上。我們可以根據互動說明需要撰寫的次元,添加備注的字段。

step 01 拖動一個部件到頁面編輯區域,然後單擊備注面闆。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

step 02 單擊“自定義字段”,打開自定義字段對話框。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

在新增注釋字段功能中,可以指定注釋字段的類型(如text、選擇清單、number、日期),其中text(文本)是最直接和常用的類型。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

部件樣式

部件樣式是設定部件的視覺效果的地方。和部件的屬性一樣,不同的部件擁有的視覺屬性也會略有不同。主要有坐标位置和尺寸大小的設定、标題樣式、填充顔色、陰影等樣式屬性,每個屬性的具體效果,會在第2章中詳解,這裡先了解一下即可。你可以自己一個個嘗試,看看具體的設定效果。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件

矩形設定樣式效果之後

部件樣式區域中的很多屬性也可以在工具欄進行設定。axure rp8中新增了自定義工具欄功能。

《Axure RP8産品原型設計快速上手指南》一1.6 檢查器面闆:部件