AXURE教程:中繼器優(yōu)化原型制作效率
在原型制作過程中,常常會遇到需要重復(fù)進行的工作。如果每個模塊的內(nèi)容和位置都需要移動和修改,將會給原型制作者帶來很大的困擾和工作量。為了解決這個問題,中繼器成為設(shè)計師實現(xiàn)高效整體布局和內(nèi)容梳理的有力工具
在原型制作過程中,常常會遇到需要重復(fù)進行的工作。如果每個模塊的內(nèi)容和位置都需要移動和修改,將會給原型制作者帶來很大的困擾和工作量。為了解決這個問題,中繼器成為設(shè)計師實現(xiàn)高效整體布局和內(nèi)容梳理的有力工具。
中繼器的使用技巧
雖然中繼器剛開始可能有些繁瑣,但經(jīng)過多次使用后,你會發(fā)現(xiàn)它非常方便。首先,在頁面上新建一個中繼器,并雙擊進入中繼器頁面。刪除原有的表格,并添加四個矩形以及一個圖片。其中,第四個矩形可以作為分割線,在調(diào)整好形狀后隱藏掉。
對于整體布局來說,內(nèi)容和格式是必不可少的。我們需要對每個矩形內(nèi)的文字大小和粗細進行調(diào)整。例如,可以加粗標題矩形的字體并增大字號,調(diào)整作者和日期矩形的字體顏色,以及調(diào)整文章內(nèi)容矩形的文字大小。
調(diào)整完內(nèi)容后,隱藏所有矩形的邊框。此時,你可以在對應(yīng)的示意圖中看到中繼器已初具效果。
個性化修改標題
接下來,讓我們來看一下如何調(diào)整每篇文章的標題。在中繼器所在的頁面中選中它,你會發(fā)現(xiàn)右側(cè)有一個方法,即在加載頁面時對其賦值。我們可以設(shè)置文字(形狀) [[]]。
雙擊進入中繼器后,在內(nèi)部頁面中可以看到一個表格,其中有一列正好叫做column0。這個方法實際上是將column0這一列中的所有值按順序添加給中繼器。中繼器能重復(fù)多少次,則由這個表格的行數(shù)控制。
為了方便記錄,我們需要修改各個矩形的名稱和中繼器表格的列名。請注意,中繼器的列名應(yīng)以英文或拼音命名,否則可能無法取到值。
然后,修改中繼器的載入方法,對每個矩形進行賦值操作。作為分割線的矩形無需賦值。
提升新聞內(nèi)容制作效率
接下來,我們簡單寫幾個新聞標題和內(nèi)容,并查看整體布局。如果還需要調(diào)整文字,直接對矩形進行調(diào)整即可。完成后,發(fā)布并查看效果。
此時,已經(jīng)基本完成,但是沒有圖片的新聞不夠吸引人。我們可以在中繼器中插入幾個滿意的新聞圖片。
在前面的步驟中,可能有一個地方出錯了。對于圖像的賦值需要格外注意,需要使用圖像設(shè)置進行操作。
最終完成的效果如圖所示。如果領(lǐng)導(dǎo)要求調(diào)整某個內(nèi)容的布局,將非常簡單。只需在中繼器中拖拽調(diào)整即可。修改原型中的內(nèi)容也可集中在中繼器的表格中完成。這樣一來,我們能夠提高制作原型的效率,方便許多。