基于参考图片设计风格的复古广播杂志(Zine)桌面网页布局样机。高对比度编辑刊物美学,采用亮蓝色、米白、明黄与黑色的配色方案,粗体浓缩无衬线块面排版,利落的网格边框,带有丝网印刷质感与清晰规整的间距。
顶部栏:
- 元数据:“Friday, July 24, Edition 001”,配有小巧的“Live Today”状态标签。
- 右上方文案:“One hour of YouTube. Picked by a superfan. Ready now.”
首屏焦点区域:
- 大型圆形时钟选时转盘偏左放置,与醒目标题戏剧性重叠,中心标注“Today’s Hour / Music Videos / Curated by Mara Ortiz”。
- 正在播放(On Now)特色卡片:展示时间码“[00:48]”、大标题“[The Future Arrives Early]”、“12 min left”,以及右下角带导演署名的电影感深蓝色配图(极简现代建筑中站立的西装男子)。
- 策展人侧边卡片:Mara Ortiz的深蓝黑调肖像裁切、简要介绍、策展寄语以及“Become a curator →”文本链接。
节目播放顺序条(Running Order Bar):
横向长条,左侧标有“Today’s Running Order”,右侧标有口号“One hour. Five acts. Curated live. Ready now.”,包含5个幕次单元:
1. “Public Access Fever” — 00:00, played, 8 min
2. “The Beat Goes Global” — 00:08, played, 12 min
3. “Directors Turn Auteur” — 00:20, played, 15 min
4. “Deep Cuts, Big Swings” — 00:35, played, 13 min
5. “The Future Arrives Early” — 00:48, on now, 12 min
底部节目排期网格:
- 左侧蓝色板块:“Explore More Hours”,附简要说明及“Browse all categories →”。
- 3张大尺寸预览卡片:
1. “[Animation After Dark]” — 标注“Today at 9 PM”,蓝调动漫眼眸插画。
2. “[Cult Sci-Fi]” — 标注“Today at 11 PM”,复古宇航员头盔插画。
3. “[Game Design]” — 标注“Tomorrow at Noon”,蓝色像素风风光插画。
- 右侧黑色板块:“Also Playing”,列出5项(Internet Lore、Fashion Forward、Reality TV Canon、Hip-Hop Deep Cuts、Skate Culture),附黄色“See today’s full guide →”链接。
ui-ux-design网页样机复古排版