恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
全民小视频体验全新升级-极简几何 美学向上
0.0°
2020-11-09 原创文章 经验/观点 举报 1918 27 8 0

2020年初,随着短视频竞争白热化,全民小视频在寻找差异化路径来提升时长,战略定位为泛知识类内容调性,同时,期望覆盖更加年轻的用户群体;基于对产品诉求和用户特征的分析,我们对产品体验进行了全新升级,给予用户更沉浸的视频消费体验,并探索出全新的设计语言。

 

设计思路探索


 一个大型产品的体验升级,首先要保持用户体验的一致性,各角色高效协作使产品快速迭代;其次创造良好的沉浸式体验来提升时长,让产品在未来的道路上更富有生命力;最后要具备打动年轻用户的独特魅力。基于此设定了三个设计目标:有序、沉浸、元气


01 有序 | Order


全新的设计语言是颠覆性的从浅色风格升级为更沉浸的深色风格,要确保有序的落地,就需要有系统化的思维。色彩是基础供给,从形成对应浅色风格的色彩映射入手,到元素、控件、组件再扩展到更多的场景,我们不断的完善和推进组件的平台化能力,从而以更小的成本有规律的完成落地。


02 沉浸体验 | Immerse


如何在视觉体验上营造沉浸式视频消费的快感呢,结合现实场景中观影体验,我们采用了「环境氛围营造」和「视觉降噪」两个手段让用户更加聚焦视频内容,从而打破时长瓶颈。


1)沉浸氛围感营造


现实生活中,人们去电影院观影,黑暗的环境更容易让我们身临其境,沉浸于故事情节。

在界面设计中,深色界面相对于白色更容易将视频这种动态影像凸显出来。产品从选择式消费的feed流,改变为直接消费的大屏自动播放模式,也成为UI直接使用深色的一大契机。深色界面不仅可以减少切换跳出感,还可以营造沉浸式观看的氛围。


智能取色:音乐/贴纸/话题/主题的聚合页采用自动提取专辑封面的色彩作为动态背景,营造沉浸的氛围感。


2)视觉降噪 聚焦内容


在影院里观影开始时,周围的灯光会随着影片的开始而逐渐消失,让观影者完全聚焦于视频内容。有感而发,我们在视频观看界面里,将非视频区信息缩小/去色、采用透明的icon给予更沉浸的观感体验,当视频播放7s后,信息将自动降低透明度。



03 元气的设计语言 | Vitality


在视觉品牌基因上,致力于打造符合年轻人审美充满活力的品牌形象,我们采用明亮多元的色彩体系、极简几何美学,来营造独特品牌记忆点。


1)明亮多元的色彩体系


基于品牌整体年轻活力的基调,和人眼在深色背景下的阅读舒适性,我们对品牌标准色进行了升级,保持延续性,将S饱和度降至70,以H色相±2、S饱和度±5为阶梯生成更多色阶,同时建立更多元的辅助色彩体系,让品牌充满元气和赋有想象力。


2)极简几何 美学向上


建立一个兼具打动年轻人、符合泛知识化战略定位的设计语言,就要求既有很强的张力和视觉效果,又能散发出包容、内敛的气息,优雅而高级。受俄罗斯艺术流派「至上主义」的艺术概念启发,找到了与产品性格相符的设计语言-极简几何美学。

聚焦个人页头图去建立属于我们独特的视觉DNA。头图和作者ID的首字母做匹配,打造作者专属图像,注重个性表达。采用极简利落的几何线条、邻近色的配色来构建每一个字母,再将其3D化,通过对光影明暗的塑造,创造出富有生气的立体画面,赋予产品年轻活力的品牌个性。

从个人页3D头图,几何切割图标语言,到全场景的氛围穿透,都在传递鲜活生动的品牌感知。


3)品牌穿透


极简几何的基因特征不只停留在图像和图标中,同时在品牌传播官网、渠道商店图等场景透出,更多维度的展现,形成品牌资产,不断强化用户心智。


写在最后


打造品牌DNA的方法多种多样,可从底层去分析视觉语言基础元素,即图形、色彩、质感、构成、字体、动效、图像等元素的综合运用来打造。我们只需综合运用一两种基础元素即可。本次改版我们运用「几何图形」和「明亮色彩」元素,定义了具有独特性的品牌DNA,接下来我们将在更多场景中去强化和运用它,从而提升产品的品牌调性和识别性。也请期待文娱团队未来在视频领域带来更多用户价值与创新。


感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。

Powered by Froala Editor

更新:2020-11-09

收藏

27人已收藏

百度MEUX

百度移动生态用户体验设计中心 简历投MEUX@BAIDU.COM

  • 150

    作品

  • 3436

    粉丝

  • 0

    关注

  • 用户研究大数据分析助手:KNIME介绍及实践
  • MEUX 「四月」 AI设计观察
  • 新中式与AI的融合碰撞—百度二十四节气卡设计升级
  • 标签体系优化助力统一平台权益感知
相关标签

    猜你喜欢

      2020-11-09 原创文章 经验/观点 举报 1918 27 8 0

      全民小视频体验全新升级-极简几何 美学向上

      0.0°

      你确定要举报全民小视频体验全新升级-极简几何 美学向上

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年11月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      27
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录