大理有哪些公关处理案例,如何选择正确的处理方式？

发布者：吴湘来源：手抄报日期：2020-08-17阅读：

本篇文章3156字，读完约8分钟

面对日新月异的互联网产品和不断增长的用户，淘宝在经历了移动互联网的爆炸式发展后，是时候进行全面升级了。最近，淘宝推出了一款全新的手洗客户端:全新的品牌概念，更受欢迎的外观和感觉，更友好的体验。淘宝总是传递着年轻的品牌精神。

与此同时，这也是手淘的第一个面向设计的版本升级。在漫长的项目过程中，淘宝总结出六个设计理念。淘宝是这样设计的:

1.视觉吸引力:时尚多彩，充满活力

通常是第一次看到的颜色。原有的单色和单色需要更时尚、更年轻、更多彩、更时尚、更明亮、更友好、更专注。在色彩方面，淘宝采用渐变融合风格，不断推出最适合自己的渐变度，充满活力和友好。当颜色改变时，需要每个设计师对颜色高度敏感和把握。如果没有很好地调整，它将回到十年前；如果调整得当，它将会现代化；如果它很轻，它会很容易变得粉红色和耀眼；如果是黑暗的，它将是厚的和不透明的，这将影响用户的感知。同时，渐变颜色在一些操作功能中也起到了导向作用。按钮的逐渐变化或立体投影的增加增强了点击指导，如登录、弹出按钮、额外购买和关注。淘宝还设置了文字的功能颜色，如黑色为普通文字，灰色为辅助文字，蓝色为连接文字，橙色为重新提示文字等常用的功能颜色。基本链接界面定义采用淘宝橙色主色风格。如果不同的场景不适用，可以微调。行业可以根据自己的品牌颜色进行调整，具有相同的饱和度亮度和均匀的渐变角度。

大理有哪些公关处理案例,如何选择正确的处理方式？

1)彩色调色板

2)将使用颜色升级为渐变，并根据不同的语义和行业自有品牌颜色使用颜色

3)淘宝品牌颜色的渐变使用(基本色)

4)彩色渐变使用

2、浏览舒适性:视觉平坦，视觉呼吸，简洁统一，有节奏有节奏，高效浏览

视觉展平:将框架结构和表示层结合起来，尽可能将整个视觉框架展平，减少冗余元素，用颜色和模块区分不同层次的内容，用一层元素将其分开，不使用第二层。例如，信息卡去除了阴影，减少了分割线，统一了光色值，统一了车牌分割的参数，使内容呈现得更加清新，用户可以清楚地注意到差异。

大理有哪些公关处理案例,如何选择正确的处理方式？

视觉呼吸:图文结合板由空适当增加，调整到最舒适、平衡的视觉结构，具有视觉呼吸感，让用户在购物和浏览时处于高效、相对舒适的状态。比如像我的淘宝改版，设计师的普通工具卡系列设计的视觉呼吸是符合设计理念的。

我的淘宝内容卡

简洁统一:在不增加结构复杂性和用户认知成本的情况下，整体节奏感是一致的。最合适的版面在3页以内。尽量统一同类型的场景和内容模板，以达到简洁统一的效果。例如，行业模块入口的统一方式可以解决用户对同类内容的认知。例如，微淘的内容流，大结构的统一丰富的文本和不同的变化。

大理有哪些公关处理案例,如何选择正确的处理方式？

家庭商务入境卡(概念草案)

微淘内容流卡

节奏和节奏:从个人经验来看，不超过三只眼球可以同时获取信息，手机屏幕的宽度有限，所以规划模块的划分应尽可能以1-3列显示在空，从主到次的业务层次排列紧密，有章可循。

视觉:削弱和减少视觉分割和网格，从大大小小的V形业务模块的视觉流。

业务:业务从稀疏到密集排序，有一个业务级规则显示模块。

设计概念草案

高效浏览:整体视觉浏览体验流畅，兼顾整体节奏感和浏览商品的高效视觉流程，减少用户过多的十字交叉眼睛和断点旋转。

设计概念草案

3.三维内容:三维结构和动态沟通

在垂直纬度上，增加空房间的信息展示，丰富业务展示形式，使信息结构更加多样化和立体化，如更大的主画面和异常的卡片效果。通过门户自身的形式和风格，动态传达视频、电影和直播内容等业务特征，还原富媒体的本质，动态激发用户的好奇心，展示丰富的内容流。此外，页面动态逻辑的过渡和界面滚动的缓和动画需要一起升级，以实现手部擦洗的整体三维生动效果。

大理有哪些公关处理案例,如何选择正确的处理方式？

设计概念草案

商品详细信息页面

4.最佳平衡:不同系统/业务处理，最佳演示决策

第一点是根据不同系统所能提供的效果特征，做出最佳的设计处理和最佳的平衡决策。例如，ios系统可以制作磨砂玻璃效果，并可以应用于界面，使最佳的视觉呈现。然而，安卓系统不能做磨砂玻璃效果，所以它可以调整设计方法，平衡各种细节，并试图达到同样的透明和柔软的效果。

大理有哪些公关处理案例,如何选择正确的处理方式？

ios:

1)升级底部导航栏，统一图标的细线，提高对淘字新功能的认识，统一社区中的发布加号圈。

2)底部背景风格是根据ios系统下的磨砂玻璃效果显示的，通过背面滚动的效果更好。因为磨砂玻璃效果有它自己的灰色风格，它有上下模块之间的分离效果，所以背景的顶部分界线被去除了。

安卓:

由于系统没有磨砂玻璃效果，底部背景风格设计为白色微透明效果，顶部增加了半透明的灰色分界线，使整体略微透明柔和。

第二点是根据不同的业务特点和强调的功能特点来处理的。例如，搜索业务强调搜索，所以有必要突出搜索风格。淘宝修改后的搜索背景颜色是透明的，很漂亮，不太显眼(见首页效果)。但是，当进入搜索场景时，这个核心功能的搜索框的背景就不能那么透明了，而应该清晰地突出显示出来。同样，搜索商店页面也是如此，因为商店可以定制背景图片。考虑到图片相当花哨和不可控的情况，搜索框背景颜色的透明度值应该较低。

大理有哪些公关处理案例,如何选择正确的处理方式？

5.统一框架:整体框架，统一认知

组合框架统一了三个层次的逻辑，包括主页上的五个一级导航框架、二级页面上的通用导航框架和特殊行业的导航框架。这也为下次进一步升级铺平了道路。

6.基因渗透:设计语言渗透所有环节

根据一系列单点设计元素，形成一套设计语言，形成综合环节的应用设计风格/组件dna，形成手洗产品的设计语言风格。根据标准的应用和灵活的变化，每一个商家都把握和提取风格基因，渗透到自己的设计中，形成一个全新的百洁布系统，建立统一的视觉体验，给用户统一的品牌意识。每个设计师的做法都是不同的，所以有必要反复沟通对设计概念和规范的一致理解，并反复检查和优化，以实现产品界面的统一形象。

大理有哪些公关处理案例,如何选择正确的处理方式？

例如，全局填充元素统一了渐变颜色:

全局按钮控件统一了全圆角的样式；

设计应该如何促进着陆

设计师的合作

在整个升级过程中，淘宝会听取设计师遇到的问题，并做一些小的调整。除了符合基本规范之外，每个业务的总体设计都是围绕设计概念设计和构建的，以完成它所负责的业务设计升级。一些手洗组件需要一起构建，收集各种业务使用的组件场景的需求，考虑各种情况统一扩展使用，满足各种业务需求下的统一体验，如底部导航组件、弹出窗口、评论组件等。淘宝还将推动设计师负责某个组件的升级，一起进行更深层次的讨论，这将有助于更多的设计师考虑全局，进一步参与升级项目，深入理解设计理念并实施，从而达到设计师共同打造的效果。例如，全球标题导航条的四个设计者一起构建，卡片优惠券包，更多风格的图片切换，以及情感成分of/きだよ 0。

大理有哪些公关处理案例,如何选择正确的处理方式？

发展合作

在设计完全转型之后，最困难的部分是把它推上去，恢复到完美，因为这是淘宝设计主导升级的第一个大版本，有很多开发资源支持。工作量非常大，每个页面上的每个设计元素都需要升级，这非常复杂。除了基本的日常升级之外，我还将评估高度重复的设计，以制作开发组件，促进跨业务架构组开发和业务开发技术，以协调优化和统一，并促进一些技术的调整，还将为迭代解决许多隐藏的问题。例如，标题导航栏涉及诸如native、weex、h5等技术。，必须在不同程度上加以推广，以达到统一的视觉效果。此外，设计者应该考虑开发可约性的成本和效率，许多技术也值得设计者参与研究。

大理有哪些公关处理案例,如何选择正确的处理方式？