PATTERNS
把元件組成一期刊物
01
Daily Pick 每日精選
LIVE EXAMPLE
DAILY PICK · 2026.11.14
設計 Idea128406
在清晨的工作室裡,重新學會觀看
林以晴｜設計師的日常
WHY刊頭 + 一張封面卡 + 編者按:一天只推一篇,讓選擇本身成為內容。
02
Editor's Voice 編者的聲音
LIVE EXAMPLE
……內文以黑體排版,安靜地陳述受訪者的故事。
WHY橘色直線只在這裡出現,讀者學會辨認:這是 FLiPER 本人。
03
Become Tomorrow's Storyteller
LIVE EXAMPLE
WHYCTA 也用封面的語法:粗字、菱形、墨色按鈕——不喊叫,而是邀請。
CONTENT CONTRACT
模式背後的內容順序
Daily Pick 是一次明確的編輯選擇，不是無限捲動的資訊流。載入時保留封面比例；圖片缺失仍顯示文字標題與署名。無內容時寫明當日尚未出刊，讀取失敗提供重試，不用空白封面假裝完成。
DO
先作品，再作者與脈絡，最後是編輯聲音或下一步邀請。
DON'T
以多個 CTA 打斷閱讀，或用編者按替代廣告與錯誤訊息。
CONTENT
Daily Pick: masthead → cover card → editor's note
Editor's Voice: story → one editorial note → related reading
Storyteller CTA: invitation → supporting line → one primary action
States: loading / content / empty / error; preserve reading orderADAPTATION
同一個節奏，不同的螢幕
手機依閱讀順序單欄呈現；桌面可將註解放在側欄，但不改變主內容順序。CTA 放在段落或文章結尾，文字可換行，按鈕不遮住正文；動態內容更新需保留焦點位置。