本期給大家帶來的是高仿資訊網站“人人都是產品經理網”，來看看~

一、照例先上gif

首頁部分

中繼器部分

二、制作思路

本次原型的制作主要有四個部分：

浮動導航

右側區域

版權信息

信息流

三、制作方法

信息流是本次制作的重中之重，也是是本次原型的制作目的。只要這個信息流做好了，就能快速的制作其他信息流類型的網站，所以本文重點就是說明如何用中繼器做這個信息流。

(1)中繼器是什么？

“中繼器”是Axure中一個可以用來做重復樣式的控件，同時它也是一個可以當作數據庫作用的控件。

(2)怎樣用中繼器做信息流？

利用中繼器的數據庫作用，往里面存入20篇文章，存儲的時候按照文章的顯示形式建立多個字段，方便展示的時候調取。

利用中繼器的重復作用，先制作列表中單條文章塊的樣式，再為每個元素綁定數據源。

(3)手把手的制作“中繼器”

首先，把“中繼器”拖到“頁面編輯區”，先給“中繼器”命名，然后設置需要展現的數量。

其次，雙擊打開中繼器，進入編輯模式，這種狀態下可以對中繼器進行設計和編輯。在這里放入10個元素，分別為：文章標簽；縮略圖；文章標題；摘要；作者頭像；作者名稱；發布時間；閱讀小標和閱讀數；收藏小標和收藏數；點贊小標和點贊數。這就完成了布局。

接下來，要為“中繼器”輸入數據。點擊“中繼器”后，右側菜單有個數據區域，這里就是“中繼器”的數據源，對照著“中繼器”中的元素分別設置10個字段。這里填寫的每一行數據，都會依照“中繼器”的設置進行展示。

最后，要為“中繼器”中設計好的元素綁定上數據。點擊右側的“交互”選項卡，點擊“新建交互”按鈕，選擇頁面中的“中繼器”。

當文章塊中的每個元素都綁定好數據源之后，文章列表就顯示出來了。

使用同樣的方法，就可以制作出內容詳情頁。

用中繼器制作信息流就完成了。其他的模塊照著“人人都是產品網”進行常規制作就可以了，當然也可以按其他資訊類網站來制作，這相當于有了一個快速制作信息流網站的“通用中繼器模塊”。

本文到這里就結束了，歡迎朋友們拍磚，多多指出其中的不足。

本文原型鏈接：https://wstsp5.axshare.com

擴展閱讀

Axure教程 | 制作一個商品飛入購物車的動效

Axure教程 | 如何使用中繼器當數據庫，制作web端幻燈片？

Axure教程 | web端的驗證碼(普通驗證碼和滑塊驗證碼)如何制作？

Axure教程 | 小白入門，制作web端注冊/登錄

本文由 @jiantian 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。

總結

以上是生活随笔為你收集整理的axure 如何设置选项联动_Axure教程｜用中继器做信息流，高仿人人都是产品经理网...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。