在原型制作過程中，常常會(huì)遇到需要重復(fù)進(jìn)行的工作。如果每個(gè)模塊的內(nèi)容和位置都需要移動(dòng)和修改，將會(huì)給原型制作者帶來很大的困擾和工作量。為了解決這個(gè)問題，中繼器成為設(shè)計(jì)師實(shí)現(xiàn)高效整體布局和內(nèi)容梳理的有力工具

在原型制作過程中，常常會(huì)遇到需要重復(fù)進(jìn)行的工作。如果每個(gè)模塊的內(nèi)容和位置都需要移動(dòng)和修改，將會(huì)給原型制作者帶來很大的困擾和工作量。為了解決這個(gè)問題，中繼器成為設(shè)計(jì)師實(shí)現(xiàn)高效整體布局和內(nèi)容梳理的有力工具。

中繼器的使用技巧

雖然中繼器剛開始可能有些繁瑣，但經(jīng)過多次使用后，你會(huì)發(fā)現(xiàn)它非常方便。首先，在頁面上新建一個(gè)中繼器，并雙擊進(jìn)入中繼器頁面。刪除原有的表格，并添加四個(gè)矩形以及一個(gè)圖片。其中，第四個(gè)矩形可以作為分割線，在調(diào)整好形狀后隱藏掉。

對(duì)于整體布局來說，內(nèi)容和格式是必不可少的。我們需要對(duì)每個(gè)矩形內(nèi)的文字大小和粗細(xì)進(jìn)行調(diào)整。例如，可以加粗標(biāo)題矩形的字體并增大字號(hào)，調(diào)整作者和日期矩形的字體顏色，以及調(diào)整文章內(nèi)容矩形的文字大小。

調(diào)整完內(nèi)容后，隱藏所有矩形的邊框。此時(shí)，你可以在對(duì)應(yīng)的示意圖中看到中繼器已初具效果。

個(gè)性化修改標(biāo)題

接下來，讓我們來看一下如何調(diào)整每篇文章的標(biāo)題。在中繼器所在的頁面中選中它，你會(huì)發(fā)現(xiàn)右側(cè)有一個(gè)方法，即在加載頁面時(shí)對(duì)其賦值。我們可以設(shè)置文字（形狀） [[]]。

雙擊進(jìn)入中繼器后，在內(nèi)部頁面中可以看到一個(gè)表格，其中有一列正好叫做column0。這個(gè)方法實(shí)際上是將column0這一列中的所有值按順序添加給中繼器。中繼器能重復(fù)多少次，則由這個(gè)表格的行數(shù)控制。

為了方便記錄，我們需要修改各個(gè)矩形的名稱和中繼器表格的列名。請(qǐng)注意，中繼器的列名應(yīng)以英文或拼音命名，否則可能無法取到值。

然后，修改中繼器的載入方法，對(duì)每個(gè)矩形進(jìn)行賦值操作。作為分割線的矩形無需賦值。

提升新聞內(nèi)容制作效率

接下來，我們簡(jiǎn)單寫幾個(gè)新聞標(biāo)題和內(nèi)容，并查看整體布局。如果還需要調(diào)整文字，直接對(duì)矩形進(jìn)行調(diào)整即可。完成后，發(fā)布并查看效果。

此時(shí)，已經(jīng)基本完成，但是沒有圖片的新聞不夠吸引人。我們可以在中繼器中插入幾個(gè)滿意的新聞圖片。

在前面的步驟中，可能有一個(gè)地方出錯(cuò)了。對(duì)于圖像的賦值需要格外注意，需要使用圖像設(shè)置進(jìn)行操作。

最終完成的效果如圖所示。如果領(lǐng)導(dǎo)要求調(diào)整某個(gè)內(nèi)容的布局，將非常簡(jiǎn)單。只需在中繼器中拖拽調(diào)整即可。修改原型中的內(nèi)容也可集中在中繼器的表格中完成。這樣一來，我們能夠提高制作原型的效率，方便許多。