ruthcchen.org 改版方案 · 五套版面比較

五套並排速覽

同樣的內容與字體，五種完全不同的版面語言。
方案	首頁主軸	內頁	版面語言	氣質	版面參考對象
B 玄墨 · 金章	作者與著作：十一本書目	信息檔案（可播放音檔）	不對稱、巨幅留白、照片壓場	奢適、展覽級、藏書櫃的厚度	設計年鑑與畫冊的展覽目錄式橫幅
C 墨白 · 案頭	最新信息 + 特會入口	出版書籍（十一本）	書頁眉、欄線、目錄式索引	素淨、編輯部、案頭閱讀的親密	紙本書的目錄頁、欄線與頁碼跨頁設計
D 暖光 · 聚會曆	2022 造就聚會排程 + 齊齊讀經	聚會曆（全場次可播放）	拼貼首屏、月份分段行程表	溫暖、貼近、有聚會的熱度	happyfamilytokyo.com（實際取用的線上參考站）
E 溫暖 · 人文	系列信息 + 十一本著作	信息檔案（可播放音檔）	圓角卡片、橢圓照片、膠囊按鈕	親和、柔和、有生活感的接待	客戶提供的 `home-b-warm.html`（燕麥／陶土／橄欖綠）
F 極簡 · 編輯	信息資料庫 + 搜尋	信息檔案 + 出版書目	全直角、粗黑分隔線、資料表	冷靜、專業、編輯部的秩序感	客戶提供的 `home-c-editorial.html`（直角編輯風）

方案 B

不對稱、大留白、一張決定性照片。整頁浸成炭黑，唯一強調色是銅金，首屏標題壓在照片暗部。下方以「展覽目錄」式橫幅長條排列十一本著作，不使用卡片。

方案 C

書籍排版。紙白底、墨字，頁首有書頁眉與頁碼，內容以欄線分欄，列表走目錄式索引。首頁為最新一則信息，其下分兩路進入特會與信息檔案。

方案 D

參考 happyfamilytokyo.com 的暖色與聚會排程語彙：杏色大區塊、圓角照片拼貼、以月份分段的聚會曆。底色仍是克制的近白，正文改用低彩度靛藍，強調色為暗玫瑰。

方案 E

依客戶提供的 home-b-warm.html 稿樣重做：燕麥色底、陶土紅與橄欖綠雙重點綴，圓角卡片與橢圓裁切照片，導覽與按鈕一律膠囊造型。首屏以有機形狀的照片與一句話引文開場，中段是可即時篩選的信息面板，下方接十一本著作的書脊牆。

方案 F

依客戶提供的 home-c-editorial.html 稿樣重做：純白底、墨黑字、朱砂紅強調，全站直角、無陰影，以 3 像素黑線分隔區塊。首屏是檔案式檢索（搜尋 + 年份／系列／經卷快捷詞），主體為信息資料表與側欄特會卡，下方是十一本書的封面牆與出版書目。