这组Audi F1主题设计以红黑白、窄体大字与人物摄影建立速度感。团队、人物档案与赛车技术分别拥有自己的画面节奏:肖像适合认人,正文适合读经历,整车与局部图适合解释部件。页面的视觉强度需要与不同查找任务配合。
核心结论
- 人物、正文和技术各用适合的视觉密度。
- 明确对象与入口去向,帮助不同访客直接查找。
人物卡成为明确的档案入口
Team区域用We Are Ready大字建立主题,两张人物照片错位排列,黑色姓名条与红箭头落在照片底部。肖像建立识别,姓名与箭头把注意力接到一个具体对象。
错位排版带来节奏,手机顺序仍应保留相同字段。卡片大小不宜被误解为身份权重,人物名称与入口范围也应一致。另一个Explore按钮需要说明它指向团队还是更多人物。
界达设计更偏好把动作名称写到具体对象上:看人物档案、看团队介绍可以分别命名。品牌箭头保留即可,去向无需靠反复尝试理解。

海报标题和长文采用不同背景
人物页把姓名叠在肖像上,装备、签名和细节照片延续档案气质;手机中长段介绍移到白色文字区,降低了背景干扰。短标题参与图像构图,正文获得安静位置,这种分工值得保留。
大姓名叠在服装和标志上,局部对比变化明显,应检查关键字是否完整可认。长文则需要合适字号、行宽和分段,人物姓名可以在阅读区附近持续出现。
读完返回团队时保留原位置,深读不必变成重新寻找。照片可以表达个性,实际人物经历需要独立内容核对,版式只负责让它被找到与读懂。

技术入口按部件展开
赛车页先用多个角度展示整车,再到F1 Power Unit,黑色小说明卡与局部高亮指向当前部件。整车说明整体形态,局部图缩小讨论范围,适合技术内容的逐层查阅。
部件选择后,高亮、标题与字段应同时变化,并保留回整车入口。技术访客可以直接从导航进入,不必先读完整人物故事,人物与机械内容通过相关入口关联即可。
参数字段宜注明对象和来源,不能由透视效果推算真实性能。大字和红色可以保持主题,关键说明仍应能在小屏中独立阅读。

常见问题
赛车网站要把人物和技术串成一条长页吗?
可用关联入口连接,仍保留独立导航。查某个部件与读人物故事的目标不同,不必共走全部内容。
海报式姓名适合长文吗?
标题可融入图像,长文更适合稳定背景、可读字号与短段落,并保留当前人物身份。
设计检查清单
- 人物卡与Explore去向分别清楚。
- 叠图姓名保持完整可读。
- 技术高亮与部件标题同步。
整理人物故事和技术查找
赛车或运动主题网站可先规划人物、团队和技术入口,再安排海报式首屏与正文阅读区。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。