当前位置: 网站建设 > 网页设计 > 建站经验 >

视觉设计案例 如何设计与众不同的天气应用

时间:2013-03-02 04:13来源:未知 作者:admin 点击:

标签:视觉设计案例 如何设计与众不同的天气应用 与众不同(2)如何(201)天气(1)案例(6)应用(28)实现(100)视觉设计(5)设计(106)
设计实现 【图6】上半图为晴天的向光的天气展示,下半图为背光的天气, 衡量商业设计好坏的三个考量方面 。虽然有太阳的图片更加直观地感触到天晴的气氛, 行为请求按钮设计技巧 行为请求按钮的6大要素 。但是因为个别情形,人眼被太阳直射都会感觉到不适。而背朝阳光视察事物的时候却是清楚、舒服,因此下半图的设计我们强调的是给人愉悦的感到,在一轮重复验证之后,下图的计划被采用,并且也很快在用户的反馈中得到了确定的声音。 【图1】体验峰值 SKYBOX苍穹 结语 最后,贴上本文的作者们,他们也是天气APP的设计与开发与
视觉设计案例 如何设计与众不同的天气应用》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234Q62013.htm

设计实现

  【图6】上半图为晴天的向光的天气展示,下半图为背光的天气,衡量商业设计好坏的三个考量方面。虽然有太阳的图片更加直观地感触到天晴的气氛,行为请求按钮设计技巧 行为请求按钮的6大要素。但是因为个别情形,人眼被太阳直射都会感觉到不适。而背朝阳光视察事物的时候却是清楚、舒服,因此下半图的设计我们强调的是给人愉悦的感到,在一轮重复验证之后,下图的计划被采用,并且也很快在用户的反馈中得到了确定的声音。

  【图1】体验峰值

 

 

SKYBOX苍穹

结语
  最后,贴上本文的作者们,他们也是天气APP的设计与开发与用户研究职员,感激你们在这6周里的创造!
  接下来我们生机会有更多的机会为将来的创新做计划,请大家给与我们您的可贵看法,我们将尽可能的纳入未来的产品体验中去。

设计目标:创造体验峰值

  想要让用户对小Q天气发生深入的记忆,就要在主要任务中打造一个正面感情的峰值。看天气预告中心目标就是看天气状况和温度。所以,我们决议在天气状态上,模拟真实的大自然场景,做动态天气,来为用户营造愉悦的产品体验。其他根本义务,到达使用便利恬静就好,在界面排布上也为凸起动态天气信息。

  【图9】雾是在中国大多数城市比拟常见的天气景象,而对雾的效果模拟也是设计团队最早进行的尝试,我们通过对大量实在雾天的图片与视频的察看最终实现了雾的模拟;

 

  基于发明体验峰值的设计目的,在明确气象信息的条件下设计动态天气给予用户更强的视觉冲击,从而更真实的还原当前的气象环境,而在用户虚构环境的因素考虑中,行业门户网站产品设计应遵循哪些原则,我们愿望转达给用户的隐喻信息并非在烈日当空的骄阳或大雨滂沱的雨地里,而是在室内,透过桌前或天花板的玻璃窗观看到外界的气候变化;在这个环境的基础上,配合设计目标,我们断定了将明确的展现信息打在玻璃上使之成为整个环境的第一层、而玻璃介质的设计为第二层,斟酌到玻璃为透明介质,因此设计中增长了一部分光芒的漫反射,目前的漫反射考虑了一些雅观因素撤消了一些不用要的物体投影,否则用3D软件模拟出的漫反射效果将会较大的捣乱玻璃窗后的主体世界过于喧宾夺主;玻璃窗的背地,则是一个真实的景象环境模拟,也是最破费设计的一项工作。

  “最真切的后果应是拍摄一段视频并将之剪辑播放“,设计之初大家都如是以为,但与逼真的效果同样须要考量的是用户的机器硬件配置:任何一台PC装备,在播放视频时的耗费都是十分大的,我们并不盼望捣毁用户的主机;同时,与iPhone等智能终端不同,Window基于其多过程的理念,因而其上的产品休会大都为非独有式的(大型游戏除外),也就是你简直不可能只在WINDOWS下只运行天色这一个程序;除此以外,假如大批引入视频,软件的尺寸则会变得异样宏大,而产品在1M左右的料想也变为不可能,终极我们坚定的废弃了这个动机。

 

 

 

前言
  如何使一个应用在众多同类竞品中怀才不遇?作为寰球最普遍的应用之一:天气,是为大家所再熟习不外的了,今天和大家一起聊聊我们如何设计并完成这个不同凡响的天气应用。

  如下图所示,我们预设了重中之重的峰值点——动态天气:

OpenGL+XPlayer引擎与设计的融会

  这个设计的灵感起源于广角的镜头拍摄效果以及当前非常风行的FPS(First Person Shooting)第一人称视角射击游戏,其技巧也鉴戒了FPS的核心实现,从而创造出更真实流动的天空效果,配合不同的气象现象以及时间变化,我们希望这是整个设计中最流光溢彩的亮点。

  OpenGL作为当今主流的图形API之一,成为我们所采取的3D部门引擎展示接口,不仅仅由于其高机能的视觉图形渲染特征,菜鸟创建优秀网页的6个好习惯,还有其无比好的跨平台特色;而自行研发XPlayer的框架则是为了适应Windows系统长进行更加平滑的视觉渲染所构建的动画引擎,通过这套引擎规矩,我们可以让设计师更加自在的创立并模仿天气世界的各种物体,比方一直升腾的雾气。

  【图2】天气运用的设计实现,上图中的环境为初版的晴天,但因颜色与动画效果等原因未能收录至第一版的天气包中,我们也逐步意识到设计是一个实际与动态呈现的过程,静态的画面再优雅但出现出来就可能完整不是那么一回事,下面我们来回想一下多少个最折腾的天气设计的进程。

  内含小Q天气的小Q书桌2.4Beta2版下载地址:

--> [网站建设之]视觉设计案例:如何设计异乎寻常的天气应用

Tag:天气   应用   不同凡响   设计   案例   如何     天气   应用   与众不同   设计   案例   如何    

  于是在从前的六周时光里,整个团队通过非常高效的沟通与迭代使得设计不断与原型进行着融合,最终成为成品。

设计实现:透过窗户看真实世界

  【图5】雾天是我们第一个尝试的天气,也是摸索性最强的一个。取景造型上,可以看到从早期设计的城市街道到高楼大厦,从铺满霞光的马路到洋溢着中国风的河道。设计过程中,我们都做了多番的对照和校订。最后使用了灯塔这个比较有代表性的元素。一来方便于聚焦视觉焦点。另外在冷色系里面增加黄色的暖光旨在增加暖和感。如大雾天的节令,老是接踵而至的湿气弥漫,温度虽可能不低,但给人的感觉是阴冷的。在这个时候的场景取色上增加暖光,感觉将是较舒服的。

  【图4】颜色上,全部小Q气候应用的色彩会偏冷色调。除沙尘暴天气以外,基础上都在蓝灰色调上,起因在于取景重要以天空为主,以天然风景为主。固然都是在蓝色调上彷徨,但也少范畴地在冷色调的基本上增添了一些暖色作为装点,如在蓝色的阴天里参加暖黄的光,以削弱冷色系给人带来的冰凉感。

  【图8】SKYBOX天穹的设计有很强的利用场景,甚至我们可以将SOSO全景的资源从网络上调用进来浮现该城市的地标建造,这个猖狂的主意还在实现中;上图取自正在设计中的第二版高清皮肤。

目录

SKYBOX天穹体系

  未几前,我们(腾讯用户研讨与体验设计部,简称CDC)接到并开端谋划启动这样一个全新的天气类设计名目,此前我们曾不止一次的进行过天气类的设计,其中也包括当初广为传播的QQ上的天气类图标。而今次的整个过程因采用了一站式的设计流程(既体验设计阶段集成高保真原型/前端实现输出),使得我们领有了更自由的创新与细节实现的机会,对于我们这样一个以立异与设计见长的团队来讲,这样的机会更可能几乎完善的将设计与体验实现至极致。

  【图3】构图上,咱们缓缓明白了从散点式,程度式到焦点式的适度,这个有助于均衡左边的文字区域,也使焦点集中在某一个物体中,草根站长成功的8大要素。从而有机遇能够虚化画面其余局部,使画面的变更更多。画面更加平衡。

破洛洛文章简介:一站式翻新设计:天气应用惊艳登??/font>

天气的设计

  人们是理性的,我们对一项事物的体验之后,所能记住的就只是在顶峰时与停止时的体验(峰终实践)。而在过程中好与不好体验的比重、好与不好体验的时间是非,对记忆差未几不影响。

气象的设计

设计目标

 

  【图7】在运动之中取巧,虽然动画引擎异常强盛,供给了包含skybox等多种的活动模式,然而我们应用得最多的还是平移。很多设计都是基于平移的基础上进行的。原因在于一个图片在X跟Y轴上的平移,占用的机器性能是起码的。

OpenGL+XPlayer引擎与设计的融合

  雨雪天气在众多做作界天气现象里非常广泛,但因其随机性较难模拟,通过对随机粒子的贴图与视角转换,我们分辨实现了从天窗下降的雨滴以及平铺的雪花效果的模拟,当然,我们也在脚本过程中加入了风的随机因素来更好的展现该粒子天然的效果;


(责任编辑:网站建设)
视觉设计案例 如何设计与众不同的天气应用相关文章
上一篇:衡量商业设计好坏的三个考量方面 下一篇:视频网站架构经验
回到顶部