在百度上搜索“景象”,你会创造搜索结果的样子焕然一新。
不同于以往扁平化的效果,新版卡片更看重“氛围”,更强调视觉的纵深感;也从图标设计、展现效率多方面进行了全新升级,下面将从视觉角度剖析这次改版的设计思路。
用户反馈剖析
比拟线上旧版设计,“提效降噪”、“强化感知”等想法映入脑中。但这是否代表改版的全部?答案是NO。对付用户而言,景象结果卡片不仅仅是工具,是与用户生活息息相关的功能,更是能创造用户对生活的热爱和美好愿景的表达。
在这份想法的支持下,我们对景象卡进行一次重新核阅:不仅对交互体验进行了深耕,还希望通过奥妙的设计手段,构建一个能够帮助用户快速不雅观测气候的产品。
用户调研中网络到了一些用户的反馈:怎么能一眼分辨本日是不是好天气?现在出门下雨吗?信息太多了不知道该看哪儿?
因此,如何强化气候感知?以及如何提升信息获取效率?成为紧张办理的痛点,我们提炼出改版的关键词:「营造微不雅观气候的临场感想熏染」、「提升气候信息的获取效率」。
对付气候感知的塑造,不仅是供应更精细的视觉效果和重点信息进行强化,还须要贯穿功能与信息获取效率,让用户在靠前的头部结果就能得到快速且极致的知足感。
营造微不雅观气候的临场感想熏染
为什么要陪衬临场感?
在古代,人们通过云层变革、斗转星移推测气候;在信息时期,人们通过数据看日暖风和;如今处于后疫情时期的我们,曾无数次想「看看表面的天下」,都以被迫放弃而告终。
正因如此,设计师希望传达更加真实的天空感情,去舒缓每一位须要自然风光的旅人。
如何搭建一个更加具备临场感的氛围框架?我们考试测验了多种方案:扁平化设计、轻拟物设计、弥散渐变等现在盛行的设计手腕。
但这种同质化的设计手腕并不能直不雅观地让用户代入临场感,于是我们脑暴出新的打破口:将微不雅观天下装在手机里。
纵不雅观历史可知,在14世纪写实绘画兴起后,伴随着透镜技能的创造,绘画大师们利用小孔成像的事理能够将风景尽收“画”底。
根据这一灵感,考试测验以透镜映射的思路,通过数字化的设计手段把大气的万象变革映射在手机内,形成精细迷人的“微不雅观天下”。
构建映射气候的框架
构建微不雅观天下的方法,就像家里的生态鱼缸,映射着海底某一角落,能在有限的空间里给人们海底天下美景的无限遐想。
根据上述推导,首先打消掉弥散光与扁平插画的设计思路,专注设计沉浸感知强的景象氛围。同时还须要避免在信息过载情形下,细节化的景象殊效而产生冗余感。
重构现有信息焦点以达到最大程度地透传气候感知,对整页信息梳理后打消滋扰视觉动线的信息,将景象氛围主视觉放置于视觉中央,通顶处理头部效果,搭建出更具备临场感的微不雅观景象框架。
调制天空的颜色
在搭建好框架后,为还原真实的微不雅观场景效果且不影响整体用户信息获取,考试测验更系统的办法搭建天空的色彩体系,通过颜色的细微变革营造身临其境的天空景不雅观,打通线上线下的统一认知。
在全天的不同时候可不雅观察出,天空中多以中饱和度和高明度的色调作为根本色,少以高饱和度颜色呈现,不同的视线远近也会呈现由深到浅色的渐变关系。
但在区分不同景象的自然形态差异时碰着了难点:如何精确表达晴、多云、阴、雨、雾霾?
在气候行业标准中,以云的面积霸占天空的百分比作为依据判别“晴天”、“多云”和“阴天”:云量在0%-10%为晴天;10%-30%为少云;30%-70%为多云;大于70%为阴天;晴朗指天空无云或云量小于10%的征象。
以天蓝色作为最根本的晴朗标准,通过阳光光斑、云层大小、云层薄厚、云种类等元素区分多云亲睦天的关系:
阴天时水汽指标直线上升,从色彩上以更低明度与饱和度的蓝灰表示、云朵上选择高层云并压低云层位置,进一步强调阴天的压抑感。
雾霾在视觉感官上与阴天较难区分:都是能见度较低、光芒惨淡特色。但雾霾下的空气较为浑浊,因此在视觉上,用不带色相的灰度变革,表示雾霾中不干净的颗粒感。
从浩瀚风景气候图中,探求出符合当前景象的主色调,根据主色调建立多气候场景下的色彩体系,从不同维度表现景象氛围感知。
逐步调度出适宜各气候场景的主色调与衍生色关系,利用不同的色相唤醒人们对气候场景的固有印记。
映射玻璃的质感
如何在手机上表达“微不雅观天下”的观点?我们认为制作透过手机屏幕玻璃而产生的气候变革是设计发力点。
因此在设计雨天时,没有直策应用AE粒子下雨的劣质效果,而是选择用湍流置换殊效,仿照玻璃挂住水珠聚成流下的觉得。
在制作雪时为了能营造透过玻璃看雪的觉得,先将雪景图片模糊,同时制作动态的远景模糊雪花,再将具象的雪花造型为中景渲染氛围,末了补充上几片会迁徙改变的雪花作为前景点缀,仿照出透过玻璃看雪景的前、中、后三层景深关系。
除此以外,别的场景也有着设计确当心思:比如星星点点的夜空;打雷时模糊发光的乌云;在沙尘暴吹动时炽热的风沙,都在手机里呈现出维妙维肖的微不雅观天下。
玻璃质感的图标风格打磨
在脑暴图标设计方案时我们创造,一味地追求美随意马虎忽略景象图标的识别性问题,因此提炼出新图标设计的三个核心要点:
透射:以“微不雅观天下”这一关键词,制作透镜折射的效果凸显主题。
形体:以iOS与Android等系统景象图标为形态根本,避免用户在识别上涌现不合。
光影:以带有百度品牌色且兼具气候柔和颜色的光影塑造立体感。
提升气候信息的获取效率
景象结果卡的核心实质是专业高效的工具属性,通过改版前的用户调研与反馈数据可以创造,用户整体对“信息冗余”、“不随意马虎查找”的提及频率很高。因此,为了用户能够快速准确得到当天景象的干系指数,我们做出如下改变:
解锁天空的秘密
将繁杂的信息重新排序,根据用户行为和数据,区分内容展现优先级:温度、紧急信息关照、当天干系情形为最高优先级,其次为:别的景象信息、日出日落、穿衣出行洗车的生活指数等。
由此,提取气温、紫外线、风力、降水量为专业指数的四大要素,并根据景象状况干预展现策略,例如:当天下雨时则优先展示降水量指标,大风时则优先展示风力等级。
而短时预报模块为临时预警内容,仅在景象不佳(下雨、下雪)时临时置顶展现,能更及时地传达当前时段的极度环境情形(提示是否须要带伞等)。
更人性化的信息排布
在竞品调研中创造部分轻量级景象产品以列脸色势纵向排列多天信息,而部分专业景象平台则以趋势形态展现未来景象走向。
根据改版前的用户习气,保留了趋势图的专业展现效果,同时新增了列表态,兼顾一部分用户以“Z”字形的浏览顺序去浏览内容。
多维度的产品体验
其余,在本次改版中也覆盖PC端景象卡的重新设计,以确保多端利用场景下保持统一体验。
结语
景象改版上线后,最新的用户调研中表明:新版体验优于旧版且气候感知明显,信息阅读节奏与操作流程也得到了改进,同时在数据指标上,整卡点击交互提升较大。
这进一步证明我们可以通过数字化手段去提高用户对内容的感情感知,作为设计师也可以利用该方法对用户的正面&负面感情进行引发和缓解,以此达到相应的设计目的。
在错综繁芜的互联网产品中,人们对付好设计的需求是丰富全面、多样立体的,而不再是功能上的“知足”。在设计中制作惊喜彩蛋,进一步引发利用者心中的共鸣,供应情绪上的抚慰。
末了,后疫情期间的大环境氛围较压抑,制作沉浸式景象卡的初心,是我们希望用这样的办法呈现微不雅观天下的美景,为每一位利用百度查询景象的用户“解解闷”、“排排忧”,鼓励人们对未来充满期待,有一天能真实地探索天下的各个角落。