忘川风华录官网Homepage recommendation
1年前Publish
杭州 | 网页设计师
忘川风华录新官网是配合新游公测上线的一次大型改版更新,前期进行深度的游戏风格调研,分析游戏品牌色,风格特点,元素特征等产品核心之后,再进行的创意提案。

创意提案
以屏风作为主要的信息展示,大长页纵观内容全局,信息呈现更直观
结合目前市场上已有官网的展示形式,大多为长页,内容的罗列,忘川作为新游,第一次公测面市,所以在忘川官网的展示形式上,选择较为新颖的交互形式,同时也考虑到玩家获取信息的便捷,需要兼顾内容呈现的易读与操作的简化。整个网站内容以全局预览到局部展示的方式呈现所有的信息,一站式查阅所有,方便玩家获取游戏推广内容。承载元素上有两种方案,一是卷轴展开,就像是一个画卷,拉开带入所有页面,二是屏风展示,最终选择了第二个方案,卷轴市面上出现的太过,视觉上已经有了匹配感,第二个方案,屏风形式运用在视觉上更有新鲜感,屏风元素也更契合游戏本体风格,再者内容展示上,屏风单个独立,更利于信息的展示。

交互动效:
意境构想,徜徉在忘川水上,细品每一幅画作。整个整个官网需要呈现的内容版块,一个屏风一个内容缩略图,点击屏风出现内容详情,为了更好的让玩家知晓每一个版块的内容是什么,所以在屏风上的缩略图是与放大的内页同步信息的。首页大视觉需要单独展示,滑动首页会有缩进屏风的过场。相比于常规官网的信息展示,忘川的官网浏览只需要从首页过渡到集合页即可浏览所有的信息,形式上更有惊喜感,滑动鼠标即可浏览所有信息,信息获取更加便捷,玩家操作成本更低,减少玩家流失。兼顾网页加载的速度,所以在交互动效上尽量的简洁,保证交互体验的流畅。


视觉表现
根据前期的风格调研,提炼忘川风格关键词:华丽,轻柔,细腻,唯美。
忘川游戏色彩为红橙的暖色调,UI元素上多用曲线,圆形作为游戏的装饰元素,官网在风格以及元素运用上多贴靠游戏本身风格特色,以红橙作为主色调,亮黄色作为点缀,避开黄红的番茄炒蛋的俗气感。质感氛围塑造上,华贵的气质,金粉自然必不可少,但在金粉的运用上,点到为止,金粉的点缀要精致,给人以清爽,干净的舒适感。

忘川官网线上链接:https://dream.163.com/

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
loading
Collect
loading
首页视觉
Collect
首页视觉
屏风集合页
Collect
屏风集合页
忘川邸报
Collect
忘川邸报
名士展示
Collect
名士展示
名士展示
Collect
名士展示
名士展示
Collect
名士展示
视听盛宴
Collect
视听盛宴
视听盛宴
Collect
视听盛宴
游戏卖点页
Collect
游戏卖点页
同人社区
Collect
同人社区
Collect
Collect
移动端
Collect
移动端
官网FAB
Collect
官网FAB
Collect
658
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
标签
Project info
Creative time2021/04/12
收录收藏夹
查看更多
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0