忘川风华录官网

Homepage recommendation
杭州/网页设计师/4年前/39047浏览
忘川风华录官网Homepage recommendation
团七七
忘川风华录新官网是配合新游公测上线的一次大型改版更新,前期进行深度的游戏风格调研,分析游戏品牌色,风格特点,元素特征等产品核心之后,再进行的创意提案。
创意提案
以屏风作为主要的信息展示,大长页纵观内容全局,信息呈现更直观
结合目前市场上已有官网的展示形式,大多为长页,内容的罗列,忘川作为新游,第一次公测面市,所以在忘川官网的展示形式上,选择较为新颖的交互形式,同时也考虑到玩家获取信息的便捷,需要兼顾内容呈现的易读与操作的简化。整个网站内容以全局预览到局部展示的方式呈现所有的信息,一站式查阅所有,方便玩家获取游戏推广内容。承载元素上有两种方案,一是卷轴展开,就像是一个画卷,拉开带入所有页面,二是屏风展示,最终选择了第二个方案,卷轴市面上出现的太过,视觉上已经有了匹配感,第二个方案,屏风形式运用在视觉上更有新鲜感,屏风元素也更契合游戏本体风格,再者内容展示上,屏风单个独立,更利于信息的展示。
交互动效:
意境构想,徜徉在忘川水上,细品每一幅画作。整个整个官网需要呈现的内容版块,一个屏风一个内容缩略图,点击屏风出现内容详情,为了更好的让玩家知晓每一个版块的内容是什么,所以在屏风上的缩略图是与放大的内页同步信息的。首页大视觉需要单独展示,滑动首页会有缩进屏风的过场。相比于常规官网的信息展示,忘川的官网浏览只需要从首页过渡到集合页即可浏览所有的信息,形式上更有惊喜感,滑动鼠标即可浏览所有信息,信息获取更加便捷,玩家操作成本更低,减少玩家流失。兼顾网页加载的速度,所以在交互动效上尽量的简洁,保证交互体验的流畅。
视觉表现
根据前期的风格调研,提炼忘川风格关键词:华丽,轻柔,细腻,唯美。
忘川游戏色彩为红橙的暖色调,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
loading
Collect
首页视觉
首页视觉
Collect
屏风集合页
屏风集合页
Collect
忘川邸报
忘川邸报
Collect
名士展示
名士展示
Collect
名士展示
名士展示
Collect
名士展示
名士展示
Collect
视听盛宴
视听盛宴
Collect
视听盛宴
视听盛宴
Collect
游戏卖点页
游戏卖点页
Collect
同人社区
同人社区
Collect
忘川风华录官网
Collect
忘川风华录官网
Collect
移动端
移动端
Collect
官网FAB
官网FAB
Collect
忘川风华录官网
Collect
676
Report
|
760
Share
相关推荐
过往的作品整理
Recommanded by editor
倩女幽魂手游视觉推广集合
Recommanded by editor
内容含视频
逆水寒新职业玄机宣传视觉
Recommanded by editor
内容含视频
web
web
web
web
作品收藏夹
web
683
新倩女幽魂特色站
Recommanded by editor
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
web
web
web
web
作品收藏夹
web
683
教程5
教程5
教程5
教程5
作品收藏夹
插画鸭
插画鸭
插画鸭
插画鸭
作品收藏夹
电竞视觉
电竞视觉
电竞视觉
电竞视觉
作品收藏夹
插画
插画
插画
插画
作品收藏夹
大家都在看
Log in