案例
Fenwater Film Week:电影节网站 Web UI 概念(Landing / Programme / Film)
原创高保真 Web UI 概念,面向小镇电影节:官网落地页、日程表式的排片网格和影片详情页。电影节与影片均为虚构,数据均为 DEMO,不是真实活动。
图片署名:Tink
Fenwater Film Week 是一款原创高保真 Web UI 概念,面向一个在沼泽小镇举办十晚的独立电影节:四个场馆,外加一块架在老港口上的露天银幕。
三个页面
Landing(落地页)。 窄体海报字标题“Ten nights of films that stay up late”旁边,是一幅夜景插画:放映机把开幕影片投到水面上的银幕。四个关键数字和四个按颜色区分的单元(Night Shift、Water Stories、First Features、Short & Loud)把访客引向排片。
Programme(排片)。 把电影节的一天排成周计划表的样子:场馆为列、时间为行,每场放映都是对应单元颜色的柔和色块。左侧是电影节日期、场馆筛选、单元标签和深色的“My plan”卡片。右侧显示选中影片的片长和映后交流,并在与已加入计划的场次时间重叠时给出清楚的提示。
Film(影片)。 开幕片的深色详情页:用代码绘制的大幅剧照、片名、导演与简介,三个场次及剩余座位条、预约按钮,以及同一单元的更多影片。
视觉系统
- 白天页面用暖纸色与墨色,影片页用深色影院模式,酒红色是唯一的操作色
- 海报式标题用 Big Shoulders,点缀用 Newsreader 斜体,界面用 Inter Tight,时间用 Geist Mono
- 四种低饱和单元色,既是标签也是排片色块
- 示例时间都能对上:片长加映后交流与色块长度一致,计划总时长与所选影片一致
说明
Fenwater Film Week 及其场馆、影片和人物均为虚构。所有日期、票价和座位数均为演示用 DEMO 数据。这是一份静态设计作品,不是真实活动或售票服务。包括剧照在内的所有图形均由代码绘制,未使用照片、真实剧照或第三方标志。