14 / 15
报刊排版
报纸头版:大报头、分栏、细线和首字下沉。有故事感、可信、经典耐看。
全屏预览 (在新标签页打开)饮食与城市杂志 · 第 12 期
今晚,全岛都去哪儿吃。
小贩传奇、新开的店和它们背后的故事,由以吃为业的人写成。
读本周内容免费订阅
- 01
最后一口炒粿条
七十年的老摊和它的镬气。
专题 - 02
十家新咖啡馆
顶着大太阳也值得走一趟。
指南 - 03
家里的娘惹菜
一个家庭厨房打开了大门。
故事
示例商家均为虚构。
把我的页面改成「报刊头版」风格:有故事感、可信、经典耐看,像一份大开本报纸。 配色:背景 #F4EFE4(新闻纸),面板 #FBF8F1,正文 #1A1A1A,次要文字 #555049;一个强调色 #9E1B1B(深红)用在小标签、主按钮和价格。 字体:报头和标题用 Playfair Display 特粗 900,行高 0.95;副标题用斜体。正文用 Libre Caslon Text 15–16px、行高 1.65,宽屏时两端对齐并开启断字。第一段用大号首字下沉。中文标题用思源宋体(900),正文用思源宋体;中文不要用斜体,也不要收紧字距。 布局:居中报头,日期和期号放在双线之间(3px + 1px);内容分成 2–3 栏,栏之间用 1px 竖线;一篇头条配大标题,每个产品或服务是一篇较小的“文章”,图片用半色调网点印刷效果(网点图层与灰度图片相乘,再用 filter: contrast() 做阈值),下方有图说;栏目链接做成两道线之间的日期栏。 组件:所有圆角为 0,用线条分隔而不是盒子。按钮是 1px 墨色描边的矩形,文字用小型大写;主按钮填满墨色。“独家”“今日”这类标签做成实心红底的小字。 动效:极少:日期或标题用翻页牌效果,一句话加马克笔高亮,顶部阅读进度条。 避免:圆角、渐变、无衬线标题、鲜艳颜色、卡片阴影。