百度频道场景化焕新升级

用户头像
北京/设计爱好者/1年前/11012浏览
百度频道场景化焕新升级
前言
随着移动互联网的普及,百度APP深入人们的日常生活,成为了不可或缺的资讯与服务平台。频道作为百度APP的一个重要场景,不仅涵盖时事快报、本地生活、国际资讯等广泛领域,还涉及美食、旅行、美容等多个品类,为用户提供丰富多样的选择,更是凭借其多元化的内容吸引了大量用户。
百度频道场景化焕新升级(图ZMTQ5Nzg3MDA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
为了进一步提升用户体验,我们围绕“内容品质”与“精品战略”两大核心契机,全面发起频道整体升级计划。在视觉语言的构建中,通过统一、平衡、丰富的色彩体系,为用户打造一个舒适便捷的资讯获取环境。
设计策略
频道作为百度APP传播信息的重要场景之一,我们深知用户的需求不仅仅是信息获取,更是对于一种独特氛围和体验的追求。因此,我们致力于定制频道场景氛围的专属感受。
如何打造一个全新氛围感受的频道呢?下面我们将从色彩到结构设计,塑造一个精标准、新氛围、强展现且充满活力的资讯信息集合地。
百度频道场景化焕新升级(图ZMTQ5Nzg3MDQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
一、精标准
1.多层分级,制定氛围标准
从用户的阅读感受出发,我们将频道细分为「普通」「新热」「重点」三层等级,以满足不同用户的需求和偏好,同时紧密结合业务目标,为用户提供有价值的内容。
  • 普通频道:提供价值内容,清晰展示易获取
以内容信息传达为主,为用户提供丰富的工具、应用或服务合集,还有行业新闻、市场动态等内容。这些频道强调信息的清晰展示和易获取,让用户能够快速定位所需信息。
  • 新热频道:轻松浏览,烘托信息专属性
注重用户的轻松浏览和新热内容的快速传达。视觉设计简洁明了,氛围营造相对轻松,主要作为内容展示的辅助。
  • 重点频道:强化独特性,提升用户归属感
频道内容围绕特定主题或领域进行深入,氛围营造较强。既满足用户快速获取信息的需求,又在一定程度上强化频道的特色感知。
百度频道场景化焕新升级(图ZMTQ5Nzg3MDg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
二、新氛围
通过分析频道的展现能力,形成色彩、光影、空间感多维度的视觉标准,以提升用户认可度。下面我们将从色、光、境三方面展开介绍:
百度频道场景化焕新升级(图ZMTQ5Nzg3MTI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
1.色—情感调色板
我们希望根据频道内容和目标受众特性选择适合的颜色,对于轻松愉快的频道,采用明亮温暖的色相,如橙色、黄色等,营造积极向上的氛围;对于需要深度思考和探讨的频道,选择更为沉稳内敛的色彩,如深蓝、紫色等,引导用户进入冷静专注的状态。我们首先针对想要的色相进行了情绪上的推演。
百度频道场景化焕新升级(图ZMTQ5Nzg3MTY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
1)色相定义
我们依据多类频道内容的构成,进行了情绪渗透分析,避免颜色感知过剩,筛选出标准九色相。
百度频道场景化焕新升级(图ZMTQ5Nzg3MjA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
2)饱和度和明度定义
依据饱和度和明度影响情绪的规律,最终得到基础九色板。
百度频道场景化焕新升级(图ZMTQ5Nzg3MjQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
2.光—内容聚焦点
得到色板后,我们基于基础九色相,通过色彩的渐变形式营造光影,光的感受可以为视觉氛围增添层次感和目标感。在亮部和暗部的对比中,注重细节的处理,规划了左上角主光感受,使得背景氛围聚焦内容,达成一致的视觉感受。同时结合光影、弥散等手法,与我们对色彩的规划相结合,使背景的层次得到丰富。
1)光源的推演
由色彩推演光影规则,根据内容位置选择聚光范围。
百度频道场景化焕新升级(图ZMTQ5Nzg3Mjg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
百度频道场景化焕新升级(图ZMTQ5Nzg3MzI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
2)覆盖多类资源,形成标准色卡
随着各类媒体和内容类型的不断涌现,如何确保品牌形象的统一性成为了一个亟待解决的问题。为了应对这一挑战,我们结合前者色彩本身与表现形式的分析,最终形成了覆盖多类资源的全面标准色卡体系。
百度频道场景化焕新升级(图ZMTQ5Nzg3MzY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
百度频道场景化焕新升级(图ZMTQ5Nzg3NDA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
在新规则整体覆盖前,我们针对线上频道进行了换色实验。换色后频道氛围更为活泼、清透。以本地频道为例,通过实验观察,留存正向增长,获得了数据上的支撑。
百度频道场景化焕新升级(图ZMTQ5Nzg3NDQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
3.境—场景空间感
为全面提升频道场景的创新性和表现力,我们首要建设规划了频道的通顶能力,制定元素层、背景层、底色层的页面层次,定下频道场景空间感的基调,并预置底色无痕切换与动效能力,为频道的创新展现做好充分铺垫。
  • 元素层:视觉焦点、主题核心
元素层作为视觉核心内容的主要载体,承载动效能力,当有运营频道时,元素层便直接承担起突出主题、吸引用户目光的重任。
  • 背景层:营造独特氛围的关键
背景层作为大氛围的载体,承载与主题相契合的背景图案和渐变色彩,营造独特的氛围。
  • 底色层:频道场景的基础色调
底色层则是频道场景的基础色调,我们根据频道特点选择合适的底色,确保整体效果和谐统一。在频道切换过程中,依靠色值之间的转化实现无痕过渡,给观众带来流畅体验。
百度频道场景化焕新升级(图ZMTQ5Nzg3NDg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
通过色、光、境三个维度的规划,构建了全新的频道体系,同时结合业务诉求,上线了一批批丰富多元的新频道。
新规则整体覆盖后,频道DAU呈波动上升趋势,次日、7日留存均正向增长。在满意度调查当中,获得90%以上的正向反馈。整体提升了视觉体验,为用户带来了更加个性化、情境化的使用感受。
百度频道场景化焕新升级(图ZMTQ5Nzg3NTI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
三、强展现
通过对频道的整体规划,令场景的展现层次变得丰富,全面打开氛围升级大门。立意构建一个具有个性且自身展现强烈感知的阅读场景,吸引并留住更多用户。
1.承接大事件频道
百度APP在全年的特定时间会上线运营或定制类型的大事件频道,如节日、赛事、考试、定制等题材。大事件频道不仅是为了吸引用户,更是为了让用户能够深刻感受到品牌IP和活动的热烈氛围。品牌、活动的氛围与内容相辅相成,从而进一步增强用户的感知体验。
百度频道场景化焕新升级(图ZMTQ5Nzg3NTY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
2.新结构重塑新标准
围绕大事件频道的头部效果,结合新频道的展示能力,制定了“前中后景”的布局标准。这一策略旨在强化频道围绕大事件的核心氛围,还通过精细化的规则,为设计师提供了既遵循规则又充满创意表达的空间。
百度频道场景化焕新升级(图ZMTQ5Nzg3NjA=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
3.新频道迸发新感知
新基调、新规则、新结构给予了频道更优的视觉基调与发挥空间,运营、定制的频道在大事件活动中大放异彩。主视觉与频道场景恰到好处的融合,光影与动效能力的结合,让频道氛围进一步增强。
百度频道场景化焕新升级(图ZMTQ5Nzg3NjQ=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
百度频道场景化焕新升级(图ZMTQ5Nzg3Njg=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
百度频道场景化焕新升级(图ZMTQ5Nzg3NzI=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
百度频道场景化焕新升级(图ZMTQ5Nzg3NzY=) - 教程 - 站酷设计师百度MEUX原创素材 - 站酷ZCOOL
收藏
总结
频道的场景构建是一项复杂且长期的任务,并非一朝一夕就能完成。这需要团队持续创新,不断考证数据,并深度洞察用户需求,才能打造一个既符合标准又能服务好多种用户的频道。希望可以通过我们的持续努力,为百度的用户提供一个更加舒适、便捷、有价值的信息获取平台。我们将继续秉持“用户至上”的理念,让每一个用户都能在这里找到舒适的体验感受。
感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。
318
阅读原文
|
举报
|
751
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
倒计时,海报,平面
中国传统纹样创新图案设计
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
平面设计 吊牌设计
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
课程海报,平面素材
古风平面仕女与瓷器
学习,优惠券,平面,海报
金色颗粒质地的平面
城阙凡花
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面书法字手写
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面插画设计女孩喝咖啡
空的平台平面和自然景观
空的平台平面和自然景观
平面男孩喝咖啡插画设计
水蜜桃和李子的平面水果图案
你可能喜欢
相关收藏夹
大家都在看
登录注册