heisenbilin / dongao.github.io

2020北京冬奥采访静态页面

dongao.github.io

温馨提示：浏览器放大比例100%为最佳观看角度，如若内容显示不完整，还请刷新一下，谢谢老师！

作品简介 本作品利用可适应性屏幕的布局呈现“我的冬奥情结——让世界聆听热爱的声音”这一融合新闻作品。 首先，主页面增加了canvas实现的雪花动画，体现冰雪的环境与2022北京冬奥会与冬残奥会的季节。主色调采用雾霾蓝，与国际通用体育蓝相接近，体现冬奥运动员的体育精神。三个代表性人物以贴图式呈现+人物首图+人物简介的方式做一个小引，无论是点击人物照片还是人物姓名皆可以跳转到人物所在的二级页面；首页还加入了左导航和下导航，左导航负责页面的导览与2022北京冬奥会logo、吉祥物“冰墩墩”gif动图展示，下导航负责对版权和作者进行声明。 其次，三个人物的详情页都运用html5 audio标签，实现音频半自动播放，引入多种外部字体使得人物小传更为精致美观。二级页面中，每一个人物的音频都是本人声音模拟的“深夜电台”之音，意为让用户通过聆听人物故事+浏览人物小传了解他们的冬奥情节，同时打破用户圈层，例如听障人士或者视障人士都可以以他们的浏览习惯阅读新闻网页。除此之外，人物详情页左侧用CSS实现了“相册集”，通过巧妙布局将图片进行栅栏式展示。例如，鼠标放到任何一张图片上方都会呈现出放大的图片，方便读者浏览。 最后，首页左上角以及右下角的“2022冬奥会”的图表实际为隐形主页按钮，无论在哪一页，点击即可回到首页。 第一组的组员们想通过这一融合新闻作品传达以下理念—— 无论是令人尊敬的奥运冠军还是因平凡却不平凡的社会工作者，他们都有一个共同点，都与2022北京冬奥会结缘，都有人生中最热爱的事。 我们也一样，让世界聆听热爱的声音吧。

第一组 （1）组员 黄东利 唐雯 董芳红 罗美琪 高松 （2）详细分工 人物撰稿、资料搜集：黄东利，人物谭玉娇；唐雯负责人物郭丹丹；高松负责人物李红继 美工设计、音频处理：董芳红、唐雯 网页设计：罗美琪、黄东利