编辑导读：在搜索信息的时候，许多用户城市用手机自带的欣赏器。人是视觉动物，欣赏器的页面设计雅观与否直接影响到用户体验。本文以 vivo外洋欣赏器为例，阐明如何做到视觉焕新，但愿对你有辅佐。

本日给各人分享外洋欣赏器视觉气势气魄进级的案例，但愿可以把整个产物改版进程中的沉淀以及总结履历分享给各人。

整个项目从19年6月开始，从设计提案到完整方案落地上线一连了5个月。前3个月从【方案摸索】到【方案定稿】举办了多维度的实验，后续2个月从【开拓落地】到【数据验证】，针对差异变量的数据结论，举办设计微调解，以告竣【正式上线】尺度。

接下来，先从配景部门给各人先容下整个项目配景。

一、配景部门

外销欣赏器整体视觉样式过于陈旧、以及体验方面存在许多问题、品牌属性较弱、缺乏必然的品牌认知、用户在利用体验上存在痛点等。

因此需要举办全面的体验优化进级，改进当前存在问题，以及晋升品牌属性，加强品牌一致性。给用户提供精采的利用体验，能更好的利用我们的产物。

1. 主视觉样式同外洋主流产物比拟

以下是外洋欣赏器线上结果，以及比拟外洋市场的Google系、Chrome产物视觉结果，外洋主流产物的视觉气势气魄更轻量化，简捷，把视觉聚核心放在产物内容上，因此我们的产物在视觉上有很大的优化空间（关于外洋用户对APP气势气魄倾向的用研结论显示，外洋用户更倾向于Chrome及谷歌系产物气势气魄）。

2. 可用性问题梳理

本次体验优化，在从头界说视觉气势气魄的基本上，可同步办理今朝存在的体验问题。因此和产物运营同学同步优化发起，以及提取可用性测试问题。

颠末接头并告竣一致，整理待办理问题图下：

3. 交互及UI整理待改造问题

在梳理完成可用性问题后，设计侧举办了体验问题走查事情，梳理体验上存在的待改造问题点，对问题举办筛选及整理，梳理出今朝待办理的体验问题如下，后续视觉气势气魄界说进程中，会同步办理对应问题。

二、竞品气势气魄梳理 1. Google

整体视觉气势气魄清爽，清洁，没有过多的装饰，善于运用轻量化卡片，整合信息，少量利用微渐变区分差异信息。

整体品牌色利用较审慎，制止太过利用品牌色，保持整体性及简约印象。

icon气势气魄保存棱角，有质感，整体感更强。

2. Chrome

内容版式机关上较舒适，没有拥挤感，层级清晰，阅读体验好。

3. YouTube

YouTube回收陶醉式，内容泛起清晰，视频封面/icon元素/模块间空间，整体比例较大，区别于海内APP，单屏可展示内容相对会淘汰，但足够清晰，保存了呼吸感。

综上，今朝外洋主流竞品均回收简捷留白，保持视觉清晰，慎重利用品牌色，制止主色太过利用，将视觉重心聚焦在内容上，icon气势气魄为棱角切面。整体视觉气势气魄和产物提议及用户期望的气势气魄偏向一致，也便于我们后续确定视觉气势气魄偏向。

三、气势气魄提炼

基于调研用户期望的气势气魄偏向，以及产物提议的视觉气势气魄定位均倾向于谷歌系等外洋产物气势气魄。因此视觉设计前期举办了相关的竞品气势气魄梳理整理，提炼主流竞品气势气魄如下：保持简捷清爽，轻量化，品牌化，层级清晰，保存呼吸空间。

icon气势气魄棱角切面处理惩罚：

品牌主色&辅 *** 说：

1. 线上品牌色利用结果

整体视觉感觉，主色饱和渡过高，在白 *** 域及模块，视觉比拟过高亮，会有刺目标感觉，阅读利用体验结果不佳。

2. 外洋产商竞品品牌色

小米，oppo，三星整体品牌色彩倾向蓝色及同色系。三星，oppo品牌色利用整体性更好，在产物设计中品牌主色利用相对禁止。

3. 产物设计中品牌主色利用定位

通报信息：界面清晰，明晰的层级干系，高效舒适的阅读体验

引导操纵：清晰公道的操纵引导

品牌代价：品牌一致性，品牌归属

4. 主 *** 说

基于项目组决定产物定位延续稳定的配景下，本次主 *** 说进程中延续利用旧版本中产物定位，即提供不变，安详，快速的信息获取处事。

从这三种主要感情要素举办色彩摸索及提炼。