用頁面打造個性化長圖
一站式頁面設計神器,0基礎也能輕松出圖,通過組件化方式靈活搭建頁面結構,實現內容布局的高度可控與個性化美化,兼顧美觀性與實用性。支持PC端和移動端(H5)雙端自適應,確保數據查詢與展示在不同設備上均流暢可用、體驗一致。
入口
可通過頂部一級導航欄進入「頁面」模塊。

組件介紹
電腦格式
通用組件:豐富的圖文、視頻、數據等組合組件形式,能夠滿足不同頁面的自定義搭建需求。

純文本 | 適合純文字的語句或段落 | |
---|---|---|
純圖片 | 適合圖片展示,最多新增4組 | |
純視頻 | 適合視頻展示,支持優酷、騰訊、bilibili | |
上下環繞 | 圖文混排,上下環繞 | |
左環繞 | 圖文混排,左環繞 | |
右環繞 | 圖文混排,右環繞 | |
疊放圖文 | 文字疊放在圖片之上 | |
緊密環繞 | 圖文混排,文字圍繞在圖片上方和右側 | |
對稱圖文 | 兩列對稱圖片和文本 | |
中間分割 | 帶分割線的圖文混排 | |
圖片輪播 | 多圖片滾動播放 | |
文本列表 | 段落式文本,適合有邏輯的場景 | |
時間軸 | 時間軸,適合按時間順序顯示的場景 | |
圖文引用 | 適合引用名人名言或者重要人物的經典語句 | |
按鈕 | 帶跳轉鏈接的按鈕 | |
空白 | 適合為了頁面美觀用來空格或換行 | |
數據卡片 | 支持自定義字段名稱、字段固定值、標簽內容、顏色、跳轉鏈接等 | |
模板組件:成套的模板可直接使用,也可以結合模板增加自定義組件混搭。

手機格式
通用組件:豐富的圖文、視頻、數據等組合組件形式,能夠滿足不同頁面的自定義搭建需求。

純文本 | 適合純文字的語句或段落 | |
---|---|---|
純圖片 | 適合圖片展示,最多新增4組 | |
純視頻 | 適合視頻展示,支持優酷、騰訊、bilibili | |
上下環繞 | 圖文混排,上下環繞 | |
左環繞 | 圖文混排,左環繞 | |
右環繞 | 圖文混排,右環繞 | |
疊放圖文 | 文字疊放在圖片之上 | |
緊密環繞 | 圖文混排,文字圍繞在圖片上方和右側 | |
對稱圖文 | 兩列對稱圖片和文本 | |
中間分割 | 帶分割線的圖文混排 | |
圖片輪播 | 多圖片滾動播放 | |
文本列表 | 段落式文本,適合有邏輯的場景 | |
時間軸 | 時間軸,適合按時間順序顯示的場景 | |
圖文引用 | 適合引用名人名言或者重要人物的經典語句 | |
按鈕 | 帶跳轉鏈接的按鈕 | |
空白 | 適合為了頁面美觀用來空格或換行 | |
數據卡片 | 支持自定義字段名稱、字段固定值、標簽內容、顏色、跳轉鏈接等 |
模板組件:成套的模板可直接使用,也可以結合模板增加自定義組件混搭。

組件設置
組件屬性:每個組件都可以單獨設置對應的組件屬性,比如文本內容、字號大小、顏色、位置、上傳圖片、跳轉鏈接等。

整體設置:整體設置主要控制的是模板整體的顏色、背景圖片、標題及正文字號大小和顏色、頁面寬度等設置。在此處設置好后,組件屬性應用即可。

如何搭建
我們可以自由選擇是用通用組件還是用模板組件,也可以混搭。這里我以混合搭配方式,手機格式為例:
選擇組件,設置屬性
挑選一款模板組件,點擊“使用此模板”,插入編輯區域。

如果模板中的組件無法滿足需求,可以另行在通用組件中增加若干組件。添加組件后,在右側組件屬性和整體設置中進行內容和樣式設置。

設置完成后,保存,預覽頁面效果。

發布頁面
返回到頁面列表,點擊發布按鈕,公開程度選擇“公開”,即可生成鏈接地址與二維碼,讓用戶可通過電腦或手機訪問頁面。

總結
通過模塊化組件庫與所見即所得的效果預覽,支持用戶靈活拼接內容結構,自定義樣式、布局與交互邏輯。無需代碼,即可高效構建營銷長圖、活動頁面、信息流內容等多類型視覺頁面,顯著提升設計復用性與發布效率。適配多終端展示,助力內容快速上線與轉化優化。