图一:桌球类页面设计,信息承载量相对比较大,页面设计以内容为主,表现形式作为辅助。烘托页面整体氛围,同时也突出主题信息的内容。

图二:棋牌类页面设计,在较少的内容信息情况下,通常将第一屏作为首要信息显示区域。页面设计除了营造强烈的氛围以之外,设计师对页面细节设计有很高的要求,桌面质感处理的比较细腻。在这样的静态页面中,也可以体验到较强的游戏感。

图三:射击类页面设计,虚拟现实场景的方式,结合了游戏内部元素。模拟页面场景,具有较强的带入感。重点内容明确。可作为借鉴游戏奖品礼包领取类页面的设计。
工作中的思索和尝试
网页设计如同做文章一样,不是一味的素材叠加,情景化网页设计中包含着人、物、环境等各因素及其相互作用所形成的情景,其过程主要围绕网页主题内容来进行情景描述,而网页设计师在整个创意过程中至始至终都要保持局部与整体存在的合理性,不多不少恰到好处的运用素材修饰整体效果。 下面就是学习和尝试的一些过程:

通常领取礼包的活动页面,都会运用到游戏相关人物、标题、礼包、LOGO等素材,一般我们会简单的将页面的信息做好布局。在这个阶段中,我们已经给页面基本的方向做了定位,当然是需要和产品同事一起讨论确认的。接着就是增加视觉细节和礼包内容,并完成最终的设计稿。但是,我们有没有花一点时间去思考一下,活动页面的关键词"四重好礼"。是否有其他更为贴切的设计方式呢?经过一番思考,我们可以探索性的去尝试,将礼包放在盒子里的设计思路。

讨论后,我们需要将"礼包领取"按钮和内容保证首屏显示,然而我们设想的打开盒子场景也是可行的,只需要把高度和内容布局做调整。于是完成产品需求重点内容显示,融合产品运营的特点,是思考和探索尝试的目的。但需求内容比较多,首先除了对文字方案优化,还需要设计师在视觉上进行优化,强调视觉传递的重点。目的希望当用户打开页面,可以直接操作领取按钮,使用户得到更友好的交互体验。

最终我们完成情景化设计的尝试。在这个过程中,设计需要和产品运营思路达成一致,然而必须是要求我们设计师主动和产品进行有效的沟通。保证设计符合视觉要求的同时,满足产品内容运营需求和目的。

网页设计基于特定情景中用户与产品或服务之间的互动,然而具体采用何总表达方式是设计师研究的关键之处。情景化设计是值得每一个网页设计师深入研究和学习的一种技巧,掌握好这门技巧,将给你的设计思路开辟一条无限创意之路。
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
纯 Css 绘制扇形的方法示例本篇文章主要介绍了纯 Css 绘制扇形的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
css 实现文字过长自动隐藏功能这篇文章主要介绍了css 实现文字过长自动隐藏功能,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起