EDG夺冠！英雄联盟值得借鉴的设计大盘点，满满的全是细节！

11月7日，英雄联盟S11总决赛在距离中国7777公里的冰岛落下了帷幕，代表中国LPL一号种子出战的EDG战队和来自韩国LCK的一号种子DK战队的“天王山之战”，又一次引爆了中国电竞玩家的激情。EDG在连落两把后，顺利将比赛拖到了BO5最后一局。

最终在7号，星期七以及各类“7”的意志buff加持下（“7”的梗源自EDG元老级选手明凯游戏ID“Clearlove7”），凭借着超强韧性，不负众望3:2拿下了S11总决赛的冠军奖杯，让我们为冠军欢呼吧！！

对于英雄联盟，相信每个热爱电竞的人都不会陌生。这个已经运营近十年的电竞游戏，最近也终于在移动端上架了官方手游(以下简称LOL-M)。

作为手游里知名的大IP，LOL-M在UI设计方面有非常多值得我们研究的地方。信息爆炸的时代，要贴合用户需求，信息做减法、轻量化就变得尤为关键。我们来看看LOL-M在这方面做了哪些让我们值得借鉴的UI设计。

设计的轻量化

主界面主体为大幅可动的插画构成，显得清爽大气，中央插画区方便日后为新英雄新活动提供展示区域，右下角开始按钮最为明显醒目，刺激玩家多开始匹配提升游戏活跃。

新手友好设计

新手在刚开始进入游戏时，会有新手任务完成的提示，并通过光标引导玩家注意力。

通过黑色遮罩缩放动效聚焦视线，让玩家能清晰看到引导操作区域。

减少打断感让体验更流畅

游戏中界面做了大量的简洁轻量化的设计，界面边框和控件基本没有做任何的装饰。匹配流程涉及多个界面的跳转，但是设计师通过动效将其流畅地串联起来，减少打断感。

将锁定英雄后显示5人模型，它的好处就是可以加入5个被征召穿越的特效，增加出战的仪式感，并给英雄进入战场赋予了空间意义。

整体氛围和用色延续PC版本，只是变得更加简洁和克制。

通过加入发光特效，强化点赞的视觉反馈。且只有点赞后才会出现加好友的选项。

信息展示差异化

相同的信息可以切换不同的展示方式，照顾不同的玩家使用习惯。

例如天赋的选择上，默认模式非常适合新手，不用自己费心思配置，老司机可能会根据需求配置顺手的符文。把这两种需求通过切换的方式实现，既可以满足不同玩家的需求又保证了画面的简洁度。

总之，很多LOL-M的UI设计元素都做了手游端优化，更加适合手机玩家操作。

说到UI设计，除了上面说到的游戏UI设计外，UI应用在当下的环境中变得越来越广泛。而在UI领域深耕多年的乐章老师（站酷ID：残酷de乐章）对设计师的未来发展也有一些思考要分享给大家。

大家好，我是乐章老师。在我所从事的UI设计领域有一个词会被频繁提起，那就是“产品体验”，“产品体验”就是用户在用你的产品后的一种综合的感受，产品的视觉设计、交互设计、功能设计、信息架构设计等等因素都会决定用户的使用感受，产品设计的不单“好看”还要“耐看”，除了“能用”更要 “易用”。

所以在产品的过程中有很多的设计师的参与，比如视觉设计师、交互设计师、用户体验设计师、产品设计师等等，这些设计师各负其责，从而形成了产品的整体设计。

而随着各岗位互相渗透的越来越多，产品设计效率越来越高，各岗位之间的界限也变得越来越模糊了，视觉设计师、交互设计师、产品设计师这样的固有title变的不再那么重要，任何一方都可能成为产品的推动或发起方。

“大产品”概念

于是在很多一线的互联网公司出现了“大设计”和“大产品”这样的概念，设计师在保持原有专业性的同时更多的向创意、体验甚至运营的方向扩展。

设计师往往会依附在一个专业领域，所以在技能、工具、经验上也基本会和这个业务领域有关联性的发展。

比如以UI设计师就作为典型的代表，UI设计师一般都是从业在互联网行业，在技能维度上UI设计师需要具备视觉、交互、体验、产品的能力，为了完成技能还需要掌握PS、Ai、Sketch、Principle、Axure、Figma、C4D、AE等设计软件工作，同时需要具备相关行业的经验比如电商、社交、Web、APP、H5等等。

业务型设计师能力模型

在之前UI设计师更多是在做视觉设计，主要工作是图标、界面、配色、布局这些内容。而后发现在UI是直接面向用户的最前端，UI的好坏往往会带给用户最直观的感受，产品是否受欢迎UI起了很大的决定因素，所以对于UI设计师的要求就不仅仅是视觉呈现，更需要对于产品设计、交互设计、体验设计有所了解，甚至后来又加入市场运营的需求。

所以我们看到UI设计师的称谓这几年一直在发生变化，从专业UI设计师到全栈设计师再到当下最火的全链路设计师，这些无不体现设计师地位的提升，同时更是对设计师专业能力和业务水平要求的提升。

近年来UI设计师的变化

但是技术与市场的发展远比我们想象的更加快速，UI的表现不再是单一的手机端或者电脑端，应用设备更多元化、应用场景更加丰富，比如网络游戏、新零售电商、智能家居、车载物联等等，UI能够涉及到行业越来越广泛，跨界其实早已经不是新鲜话题，UI设计师的能力被要求越来越高的同时也“越来越宽”，所以当我们重新审视设计师能力模型的时候，发现其实我们又回到这样一个设计师本身应该具备的基础模型状态。

在这个基础模型下，设计并不完全从属于那个行业，而且基于某个行业进行链条式能力扩展，当业务跨域到其他行业就需要将自己的能力模型应用于这个行业即可。