腾讯设计族

其他

交互设计师如何进行系统性的竞品分析

读【ADT】腾讯成长守护IP系统化设计【AI绘画】AIGC控制角色一致性的5个方法设计探索|重新认识UX文案腾讯用游戏科技,打造了全球首个“超时空参与式博物馆”用情感化设计对平淡无奇说不
2023年11月30日
其他

开源图像模型Stable Diffusion入门手册

的工作方式是从以随机高斯噪声起步,向符合提示的图像一步步降噪接近。随着步数增多,可以得到对目标更小、更精确的图像。但增加步数也会增加生成图像所需的时间。增加步数的边际收益递减,取决于采样器。一般开到
2023年6月13日
其他

TDW 2023 | 腾讯设计周来啦!

读【ADT】腾讯成长守护IP系统化设计【AI绘画】AIGC控制角色一致性的5个方法设计探索|重新认识UX文案腾讯用游戏科技,打造了全球首个“超时空参与式博物馆”用情感化设计对平淡无奇说不
2023年5月25日
其他

【ADT】腾讯成长守护IP系统化设计

本文通过介绍系统化的IP设计方法,在腾讯成长守护IP的设计实践中,如何多维度,策略性的推进IP外观的设计并落地。希望鹅伴IP设计背后的一些思考和沉淀会对做相应项目的小伙伴有所帮助。一:IP系统化设计关注点及方法在品牌IP设计中,需要特别关注三个重点,即形象化、文旅符号化、故事和世界观。产品中的IP形象特征需要设计师注意以下几点:1)故事性,即IP形象特征应该反映品牌文化故事,以不同的故事形塑多元化品牌文化;2)独特性,即IP形象是品牌文化的精神载体,蕴含品牌内在精神的精髓,因此需要设计师结合多种感官的视觉体验和独特的品牌文化元素,打造出具有形象差异的IP形象;3)商业性,需要探索多种渠道的拓展,使IP形象在产品中得到充分应用,并具有多样性、联合拓展性和持续发展性。IP设计侧主要通过三个重要维度展开:调研洞察心理契合点,打造快速记忆图形和多维度匹配设计。在进行IP设计时,需要通过大量用户调研、公司、市场多个角度的信息收集,确定IP形象所传递的价值和受众,并考虑品牌调性和营销策略,决定IP的形象定位以及人设。赋予性格特征是将IP人性化的重要方法,有了人性化和世界观,就能够产生故事,通过故事则能够体现出TA何种价值取向、人生态度和处世方式。设计过程中,需要充分考虑形象的外观,适当的甚至艺术化的夸张抽象,关注形象的脸部比例和头身比例等,让IP设计形象的性格特点能立住人设。同时,IP素材延展则是根据故事和世界观为形象设计匹配的动作和场景等,形象延展以及运营的设计规范也是重要设计工作。下面介绍在成长守护IP形象设计的过程中,是如何依托于这个模型还原到设计,从而反哺品牌,助力产品业务目标达成的。二:IP系统化设计的难点及解决思路首先在梳理业务痛点后,根据上面的IP设计方法模型作为参考,展开调研分析。发现设计侧面临的挑战主要是这几点:1、业务层:传播受限,继续需要有一套以产品代言人”鹅伴“为中心打造的系列家族形象。做更有温度,更高效传播。2、视觉层:通过设计系列有辨析度的产品IP形象,更好的讲述品牌的故事,更好的链接产品及用户3、效率层:梳理更全面的传播链路,更丰富IP的应用场景,帮助品牌传播,从而落实用户的品牌心智。我们把IP设计方法模型,拆解决方案设计路线图,把三个核心点还原到实际的项目操作中,得出了具体的方案解决思路。三:多维度洞察分析,制定设计策略1、关于腾讯成长守护我所负责的腾讯成长守护,业务目标是引导未成年人健康游戏,促进亲子共同成长。从最初的游戏管控工具也逐步发展为体系化的未成年人守护生态,包含诸多产品与服务。(业务在持续不断发展,以下所有文章中相关内容均截止于2023年初)2、产品分析--相关品牌IP形象的设计表现通过对其他产品分析和产品体验走查,了解行业IP设计相关现状,来逐步锁定守护品牌IP的设计方向。3、用户调研进一步通过对目标用户洞察及调研,来逐步确定业务侧对于整个品牌IP的需求目标。4、IP系统化的设计策略主要是以1个品牌IP形象为主,4个应用场景为辅的系统化形态呈现。四:品牌主IP从0-1的诞生之路1、IP角色定位-设计关键词提取整体设计方向是企鹅形象结合成长守护的产品属性展开。“陪伴用户,一起成长的伙伴”
2023年5月11日
其他

【AI绘画】AIGC控制角色一致性的5个方法

附录:人物绘本生成方法【木偶剧公式】如果大家对AI制作插画绘本也感兴趣的话,可以了解下MJ社区之前分享的【木偶剧公式】方法,非常好用这里放个链接供大家参考:Clarinet’s
2023年5月5日
其他

设计探索|重新认识UX文案

讲到UX文案,大家可能并不陌生:一个按钮、一个弹窗的文案填充,我们几乎每天都要与他接触。但即便如此,大家对他的态度通常是得过且过的:“文案嘛,有了就行,看得懂不出错就好,没什么值得注意的”。确实,作为设计师,我们关注交互流程、视觉呈现,但UX文案似乎从来不是我们的首要考虑;在很多时候,文案与我们的设计流程是分裂的:要不就是设计完成后再填入,要不甚至直接让产品经理来提供文案素材;文案撰写,好像从来没有被我们真正重视过。但UX文案真的只是一个无足轻重的辅助位吗?一、
2023年4月27日
其他

腾讯用游戏科技,打造了全球首个“超时空参与式博物馆”

你知道吗?在中国的甘肃敦煌,有一个面积仅约7平方米,却曾经藏有6万余件珍贵文物的神秘洞窟。它,就是敦煌莫高窟第17窟——藏经洞。作为20世纪人类文化史上最伟大的考古发现之一,藏经洞被誉为“中古时期的百科全书”。这里出土的文物有经卷、文书、刺绣、绢画等,覆盖社会、地理、经济、文学、艺术、科技等诸多领域,涉及吐蕃文、回鹘文、粟特文、突厥文、于阗文等语言文字,为研究中国及中亚古代历史提供了数量极其巨大、内容极为丰富的珍贵资料。遗憾的是,其中的许多文物因为历史原因流散到了世界各地,为了保护这个“历史的现场”,游客只能远距离观看游览。那么是谁敲壁打窟,凿出这一方天地?是谁铺泥绘彩,将旷世珍宝封存于此?又是谁窥见缝隙,让宝藏重现于世?答案,就在今天上线的全球首个用游戏科技打造的新一代“超时空参与式博物馆”——数字藏经洞。这是敦煌研究院和腾讯联合推出的一款互动体验文博产品,也是100年来首次数字化重现敦煌藏经洞。不管你身在何处,都可以通过数字藏经洞“一键穿越”,与不同朝代的历史人物对话互动,身临其境地感受敦煌藏经洞的前世今生。现在,打开“云游敦煌”小程序,即可开启藏经洞的“穿越之旅”!一、数字藏经洞,到底有多“还原”?为了把真实的藏经洞“搬”进数字世界,数字藏经洞综合运用了高清数字照扫、游戏引擎的物理渲染和全局动态光照、云游戏等游戏技术。在数字照扫和三维建模阶段,腾讯游戏CROS团队就渲染了超过3万张海量素材,生成超9亿面的超拟真数字模型,首次在数字世界还原了1600m莫高窟外崖面原貌,并且以毫米级1:1高精度复刻了莫高窟“三层楼”和第16、17窟(藏经洞),让窟内壁画、塑像和文物细节无限接近真实场景效果,打造出身临其境的超拟真体验。这是一次前所未有的全新尝试,我们希望,用手中的游戏技术,弥补哪怕一点点关于藏经洞文物流散的遗憾。环境光照方面,则采用了
2023年4月19日
其他

用情感化设计对平淡无奇说不 —— 微信游戏年度盘点设计总结

的故事主人翁,衔接一幕幕不同时间、不同环境的故事场景,在游戏世界里经历开心、倒霉、荣耀等各种时刻,认识了志同道合的伙伴,最终找到了自己的专属的游戏人设。❤️
2023年4月13日
其他

2022腾讯视频VIP年度设计作品集回顾

读泛老龄人群数字娱乐体验设计探索运用AIGC人工智能生产内容鹅厂SHOWREEL设计年鉴合辑!(下)用界面与用户对话从入门到实战丨C4D自学必备指南
2023年4月6日
其他

泛老龄人群数字娱乐体验设计探索

导语如何通过数字技术让老年人从“安度晚年”转变为“欢度晚年”,满足老年群体日益丰富的需求,是中国社会当下以及未来面临的重要课题。本文以广场舞为切入点,从用户体验层面思考和探索泛老龄人群数字娱乐产品的设计方向和要点。一、项目背景21世纪人类发展的主要特征即为人口老龄化,我国老年人口基数庞大,老龄化进程迅猛,相关社会问题也随之加剧。其中,老年“数字难民”问题在疫情防控初期更是显露无遗。政府近两年积极地推进数字服务适老化改造,社交、金融、城市服务等互联网产品纷纷上线银发版、关怀版,但其中鲜见娱乐型产品。由此可见,如何通过数字技术让老年人从“安度晚年”转变为“欢度晚年”,满足老年群体日益丰富的需求,是中国社会当下以及未来面临的重要课题。二、泛老龄行业现状发达国家人口老龄化起步早,所催生的“银发产业”发展到今天已趋于理性和成熟。老龄化最为严重的日本,不仅在养老设施和机构、老年居住、老年医疗护理等本位产业积累了丰富的经验,同时还十分重视老龄娱乐产业的挖掘,涌现出许多成功的产品案例。比如,Nintendo
2023年3月30日
其他

运用AIGC人工智能生产内容

一、AI绘图背景与趋势随着互联网行业发展和技术的进步,设计师也有越来越丰富的手段来应对多种类型的产品需求;比如说3D渲染、各种自定义的插件已经成为设计师的工作日常,在不断的提高大家的工作效率;包括最近火热的AI绘图,也时常出现在设计师的讨论话题当中;AI绘图模型令人叹为观止的画作1.1
2023年3月23日
其他

鹅厂SHOWREEL设计年鉴合辑!(下)

聚焦于腾讯设计板块,《腾讯设计团队SHOWREEL年鉴合集(下)》来啦,我们从传播性、互动性等多个维度,通过各个团队的优秀作品,带大家领略设计内容上的改变与优化,看看过去一年他们通过设计带来了哪些精彩内容!光子设计中心光子工作室群旗下全平台游戏开发体验设计团队,主旨为提升光子游戏产品用户体验。迄今服务近百款产品,业务支持范围包括交互设计、视觉设计、动效设计、品牌设计、营销设计等多个纬度,率先实现业务闭环设计流程,并致力于业界标杆设计团队的打造,连接和推动设计趋势。猿力蹦发
2023年3月14日
其他

用界面与用户对话

成为用户所属。所以,记住用户的喜好,就像是记住你的朋友的喜好一样。提供的选项应该使用户能够以自己的喜好的方式安排。设计的目标应该是提供灵活性的支持,让用户享有更多的自主权和更好的工作与生活平衡。➎▲
2023年3月2日
自由知乎 自由微博
其他

从入门到实战丨C4D自学必备指南

导语近年三维表现已经越来越多的融入到各种商业设计当中,在电商、品牌、UI、影视等各个领域都有广泛的运用。其中一个关键因素是C4D这款软件的出现,大大降低了3D设计的学习门槛。C4D相对于专业性更强、功能较为复杂的3DMax、Maya、ZBrush等软件,界面更加简洁友好,对于没有接触过3D的的小白,学习成本更低。配合Octane、Redshift等渲染器,可以很快做出强视觉表现力的效果。凭借这种操作友好、易出效果的特性,C4D很快成为了近年最流行的3D设计软件之一。本文结合作者自身的经验整理了一波自学的思路和技巧,希望能在大家学习C4D的过程中有所帮助。前言相信很多没有三维设计基础的小白,刚接触到C4D时会有无从下手的感觉,面对各种形形色色的命令菜单和工具面板,内心是这样的:其实大可不必担心,不同方向的设计师可以有不同的侧重点,只要掌握自身职业需要的模块,并不需要学会所有的功能。追求大而全反而难度大效率低,容易产生挫败感从而被劝退。所以这里建议的C4D学习思路是:结合自身的职业方向,先明确要学习的侧重点,集中精力突破,然后再根据新的需要逐步学习更多即可。学习过程则大体上分为入门、上手、实战三个阶段。Part
2023年2月23日
其他

腾讯云虚拟直播产品视觉设计探索

虚拟直播作为腾讯云渲染的一款新产品解决方案,提供一站式的云端多样化的虚拟空间互动玩法与直播玩法;基于云渲染的PaaS技术,结合腾讯云超低延迟音视频技术以及VGPU实时渲染,实现在web端、小程序端、H5端进入虚拟世界进行多样化活动的新型音视频直播解决方案。在进行多端体验设计与内容场景模型设计时,我们进行了相关探索性的研究,本篇文章将介绍此项目设计探索的内容。1.设计背景什么是虚拟直播?虚拟直播(Virtual
2023年2月13日
其他

今天QQ24岁,我们找到了首位用户!

从1999年到2023年,QQ用户从最初的零星几人到如今的数亿人,第一批用户早已散落在QQ江湖的四处。QQ24周年之际,我们为找到「第一位注册用户」,尝试了加好友、发邮件等方法,经过一波三折的寻访,终于联系上他和其他几位首批用户,并聊了聊当年的故事。▼Robert:全球第一位注册QQ的用户在《腾讯传》中可以确认,QQ对外开放申请注册是从10201号开始的。△《腾讯传》中记载的QQ放号历史确认了号码后,我们不断寻找这位用户,在QQ生日的前两天才成功联系上号主——Robert。45岁的Robert现在在国外生活,聊天中得知,他是一个走在时代前沿的互联网从业者,早期常常和国内互联网前辈吃饭交流,与腾讯创始人也相识。和他对话时,依然能感受到那个互联网起步时期的朝气蓬勃。在OICQ还没推出时,他已经在钻研和使用一些国外在线聊天工具,但大多用于技术交流,而QQ才是他更纯粹地用来和家人朋友聊天的一个快乐平台。得知自己是全球第一位注册QQ的用户时,他感到很荣幸,赞叹腾讯在1999年就给国内带来了这样一款独特便捷的在线聊天工具。二十四年来,这个帐号上传了很多生活照片,保存着Robert许多回忆~△QQ10201的资料页得知QQ24周年就要到了,远在海外的Robert感慨道:“QQ是一代人的情怀了,希望能永远年轻~”世伟:因为担心QQ,充了1年会员世伟今年53岁了,在北京上班,他很早就进入计算机通讯行业。1998年,中国惠多网在佛山召开全国第二次站长大会,那天,世伟竟然和腾讯创始团队成员分到同个宿舍!因为都是同行,他就顺势跟QQ创始团队拿到了10202号QQ。拿到号后,世伟持续用了QQ十多年,后来他的工作需要经常用Linux系统,不习惯当时QQLinux的操作,所以停用了一段时间,现在得知QQLinux更新他十分高兴,准备重新用起来。另外,他还给我们爆了个料,当年怕腾讯维持不下去,特地买了张实体充值卡,开通了一整年的QQ会员,还收到了QQ团队赠送的老版企鹅公仔。△1999年充值会员附赠的QQ公仔这一次,他又收到了QQ团队送出的周年庆礼物,激动得在凌晨一下子发了4条说说,将所有礼物晒了出来。世伟做了半辈子的计算机开发,当被我们问到最想对QQ说的话时,他的一句:“可以多照顾一下我们开发人员”,让大家一下子笑了出来。
2023年2月10日
其他

鹅厂SHOWREEL设计年鉴合辑!(上)

聚焦于腾讯设计板块,腾讯设计族为你整理了这份《腾讯设计团队SHOWREEL年鉴合集(上)》,我们从传播性、互动性等多个维度,通过各个团队的优秀作品,带大家领略设计内容上的改变与优化,看看过去一年他们通过设计带来了哪些精彩内容!天美艺术设计中心
2023年2月6日
其他

无论你身处何方,“此心安处是吾乡”

今天是正月十五元宵佳节,刚刚结束春节假期的你,是不是还在怀念故乡生活的美好时光?究竟是哪些美景和美食,让你如此魂牵梦萦?在这里和大家一起分享下你家乡的特色吧!央视财经新媒体联合腾讯SSV共同策划了特别活动——“此心安处是吾乡”。无论你身处何方,都可以在手机上为家乡“安”出一颗“心”。点击下方小程序,就可以生成你的专属家乡新春祝福图!快来为你的家乡特色打call~“此心安处是吾乡”
2023年2月5日
其他

SaaS产品增效 | 通过腾讯会议布局优化,看如何简化用户任务

前言随着产品不断迭代,产品功能会逐渐丰富全面,但对于用户来说,是不是齐全的功能就等同于好的体验呢?本文将以“腾讯会议设置布局”交互优化为例,结合《设计心理学2》的相关理论,分享关于简化复杂任务的设计心得。一、为何要“简化”任务一款产品是不是功能越齐全多样就意味着越好的产品体验呢?对于专家用户来说,当然是功能越全面越能满足自己的需求,但对于新手用户来说,全面的功能未必等同最佳的体验,过多操作挤在同一任务中,可能会让用户感到不知所措,难以上手。因此设计师应尽可能帮助用户简化任务,避免用户因为界面复杂而放弃任务。专业类软件的核心用户通常是掌握某项技能的专家用户,他们在使用前,已经有预期需要先系统学习整个软件的操作,因此它们的复杂和全面是符合专家用户要求的。即便如此,近年来,Figma之类的软件也在持续打磨易用性,降低用户使用门槛。专业图形建模类软件操作界面作为一款面向普通大众、以高效协同为第一初衷的产品,腾讯会议更需要不断简化复杂操作,让大多数用户都能快速上手,流畅地主持或参与一场会议。下面我将结合腾讯会议设置布局的交互优化案例,来分享关于简化复杂任务的一点点心得。会议场景矩阵相比线下会议,线上开会不免缺乏临场感,因此在腾讯会议里,主持人常常需要通过设置布局来让成员关注重要的视频画面。在无特殊需求的普通会议中,官方提供的两种默认布局就能满足常见的会议场景:腾讯会议默认布局实际上,真实的会议场景需求多种多样。例如,企业汇报更关注发言人,而小组讨论则更侧重轻松的沟通,如何在同一个界面里满足不同的诉求成为难点。为此,腾讯会议在默认布局的基础上,推出了“自定义布局”和“会聚模式”功能,来提供更丰富的会议布局选择。丰富的布局模式因概念陌生,且需要设置成员顺序、位置以及画面比例,对于普通用户来说,这两个功能有一定的使用门槛。在该功能推出一段时间后,我们发现:用户普遍找不到设置布局的入口,在具体设置过程中也遇到较多困难,认为设置布局是“高阶”而“复杂”的功能而不愿尝试。要让用户能把布局能力真正用起来,简化布局的设置过程就显得尤为重要。布局操作路径为了探究具体是什么原因让用户觉得功能复杂,我们开展了易用性测试,得出以下几个交互层面的具体问题,包括:1)入口难找;2)操作难理解;3)流程任务多;4)效果无预期。因此简化任务流程是当下急需解决的问题。具体问题二、复杂任务的“简化”原则那么如何才能把任务变得简单呢?依照诺曼的《设计心理学2—如何管理复杂》一书中所说,系统复杂性的总量是恒定的,想要用户操作变简单,那隐藏在幕后的复杂性就要增加,在管理复杂时,可以从以下角度出发:良好的概念模型易懂的语义符号自动化、模块化的配置鼓励和系统默认组织结构学习的辅助工具如何管理复杂“概念模型”存储在用户脑中,也被叫做心理模型,它能帮助我们快速理解事物运作的背后逻辑。若我们的界面没有准确地传达出概念模型,用户就需要通过不断地摸索和猜测来尝试,最终很有可能因为不理解其含义而失去耐心。设计师应当通过浅显易懂的语义符号,帮助用户构建合适的概念模型,以帮助他们更好地理解产品功能和操作逻辑。像iphone的”开锁“提示、微信的”漂流瓶“、深泽直人的CD机,都是通过用户生活中熟悉的物理模型,让用户快速联想到熟悉的事物,从而更好地理解接下来需要与产品互动的操作。概念模型案例“自动化”选项和默认配置,则能帮助用户摆脱繁琐的选项和步骤。我们可以基于对场景和用户习惯的了解,提供常见的选择或智能配置。例如在表单设置页内提供默认的模板和样式,能够让用户更轻松地理解产品功能和效果。相比起手动添加内容,可以大大减少理解成本,帮助用户更轻松地完成设置过程。通过“自动化”简化用户操作“组织结构”是指把集中在同一个页面的任务进行结构重组,拆分成易于操作的小步骤,并保证每个模块都简单易学,容易理解。用户在进入一个铺满选项和操作的页面时,通常会不知所措,不知道从哪一部分先开始。或许本身设置的难度并不大,但复杂的设置项也会在心理上给用户带来巨大的压力,从本能上抗拒和排斥。好比完成一场马拉松可以把每5km作为一个里程碑去逐个击破,倘若我们能将原本用户觉得困难的大目标拆解成一个个简单的小目标,明确每个步骤应该做什么,并在完成每个步骤后都给予充分的鼓励和反馈,用户就会有持续去完成设置的耐心和动力。拆解关键步骤“学习的辅助工具”是指在合适的时机给予用户有效的帮助指引和提示,对于Saas类产品来说,在用户需要的时候及时提供帮助和指导,能给用户充分的安全感,缓解用户操作时的不安和紧张。关于操作的提示,我们不能只是告知用户哪里出错了,更重要的是给出原因并提供解决方案。提前引导而非指责,将能大大提升用户持续操作和探索的信心。另外需要注意的是,用户很可能第一次遇到时未必能记住所有指引的内容,因此对于复杂的操作任务,还需要提供稳定常驻的帮助入口,便于用户二次查阅。辅助学习三、产品“简化”的设计策略有了设计原则的指导,我们的设计目标也会更加清晰。在具体的方案设计层面,我们需要结合设计对象的特点,将理论指导转化成可落地的设计方案。布局设置一般由主持人在会议中统一设置,因此在场景上,具有“设置时间紧张”、“自定义程度高”、“生效范围广”、“角色复杂”等特点。结合前文梳理的设计理论原则及业务场景特点,我们将设计理论转化成了具体可落地的设计策略。设计策略具体包括以下四点:1)简化入口,及时帮助通过便捷的入口和及时的引导,让功能在合适的时机曝光,保证用户在需要时轻松地找到功能。针对“入口深”这个问题,我们将原本不稳定的入口改为常驻入口,待用户选择布局后再提示相应条件,及时引导用户在使用前先打开摄像头。同时在移动端和应用面板也都增加入口,降低用户寻找的门槛。增加入口另一方面,我们将原本需从客户端跳转到Web页面的操作,都简化至客户端内,减少用户跨端操作,避免因为过多的窗口跳转让用户感到迷惑。同时精简了高级功展示,在会议的客户端只保留核心操作,这样用户就不需要在多个页面之间来回跳转,完成设置项后,也可以在会议的客户端立即生效。缩短路径,减少跳转考虑到新手用户并不一定能理解“布局”、“轮询”等功能的作用,我们在页面顶部增加“新手指引”常驻入口,用户可以通过步骤引导图来详细了解每一步操作。对于用户比较陌生的高级功能,也在功能的启用选项旁提供GIF动图,帮助用户全面、直观地了解功能。通过新手指引快速学习2)自动配置,提供模板“系统默认”具体落地到设计方案,即可以根据用户的使用频率,自动设置常用选项,同时提供默认模板,减少用户的决策压力和理解成本。例如,用户在进入设置页时,可能不太理解“布局”、“视图”、“背景图”及“模式”等陌生的概念名词之间的区别,也不知道这些布局样式适用的场景,因此,我们通过提供默认模板和效果示意,帮助用户快速理解概念之间的区别和不同的效果。常见模板及官方背景图同时考虑到自主设置有一定操作门槛,我们把常用的样式增加到默认列表中,用户选中后就可以直接使用(左图,L布局)。对于座位设置功能,我们也提供了“自动填充”的默认选项,新手用户可直接选择自动排序,快速使用布局功能,而专家用户若有特定的排座诉求,则可以切换到“手动模式”来进行更高级的设置(右图,设置座位)。提供多种模式,满足不同诉求3)拆解任务,分解流程“简化复杂页面”非常重要的一个方面是重组页面结构,把聚合在一个页面的任务根据先后顺序拆解成不同的步骤,让用户不再迷失于平铺了多个功能的庞大页面。拆解步骤拆解成小步骤后,可以通过增加步骤条导航和引导提示,让用户更明确每个子环节的“小目标”和当前所处的进度阶段。通过导航降低用户心理门槛除了将一个页面拆解成多个步骤,还可以通过收起/隐藏侧边栏目录,让用户更聚焦在某一具体的内容,免除其他元素的干扰,这样用户能更专注于布局画面本身的编辑。4)效果预览,建立联想新手用户初次设置布局时,可能缺乏安全感,不知道应用范围是自己还是全部成员。为此,在设计客户端的设置流程时,我们提供了“场景示意图”和“效果预览区”,让用户在编辑的过程中也能快捷地联想到应用后的效果,实现所见即所得。除了官方提供的场景图模板,用户还可以根据自己的诉求在编辑器内DIY创作自己的场景图。考虑到对于新手用户来说,场景图编辑器的功能有一定使用门槛,在进入编辑器时,我们都会提示用户,可以通过调整模板场景图来快速上手,理解创作后的效果。通过效果图构建联想对于设置了座位、但未开启摄像头的成员,我们通过“铭牌”的概念模型,让用户能够联想到线下会议室里的“座位牌”,从而更好地理解这个座位已被主持人提前预留给了重要的成员。通过概念模型映射,帮助用户理解抽象概念可以看到,无论是场景效果“示意图”还是“名牌”的概念模型,都是通过真实世界里的元素,唤起用户在真实世界的心智,从而帮助用户更快地理解软件界面的功能逻辑。总结与回顾经过持续半年的方案打磨和研发落地,上文提及的改版方案已全部上线,会聚模式和自定义布局的渗透率都有了非常大的提升。通过该项目我们知道,在面对场景复杂多样的产品时,我们需要遵循一些通用的简化设计策略,综合考虑不同用户的认知门槛,尽可能降低上手难度。具体策略包括“简化功能入口”、“提供默认设置”、“拆解复杂流程”、“构建联想概念”等。为用户打造更简易的使用流程,一步步简化用户设置任务的操作,才能从根本上提升用户使用产品的效率。原创设计团队:腾讯云设计中心腾讯云设计中心,负责
2023年1月13日
其他

3D to H5工作流应用手册 [理论篇]

前言设计师需求中3D视觉平移到互动H5中的项目越来越多,three.js和PBR工作流的结合却一直没有被系统化地整理。和各位前端神仙一起做项目,也一起磕磕碰碰出了爱与痛的领悟。小小总结,希望3D去往H5的道路天堑变通途。本手册主要分为两大部分:Part
2023年1月6日
其他

App授权设计:如何通过用户体验设计提高用户对app进行授权的可能性

导语不论是对iOS还是Android系统的App而言,获取用户权限都是极其重要的,但数据表明用户在面临授权请求时会非常谨慎地判断。那作为设计师,我们如何通过用户体验设计影响用户的App授权行为,以提高用户的授权可能性呢?1、背景介绍相信大家都遇到过这个令人头疼的场景,当我们下载一个新的App并尝试使用时,扑面而来的是接二连三的授权弹窗,请求我们给App授予各种权限。若我们不授予权限,很多功能都无法正常使用。这是因为不论是iOS系统还是Android系统,手机系统厂商都设计了一套授权机制。手机系统厂商之所以设计授权机制,是出于两方面的考虑:一方面是为了符合隐私法规的要求,保护用户的信息及隐私。例如我国于2021年11月1日起正式施行的《个人信息保护法》中规定“App不应以非正当合理的方式强迫捆绑和收集用户个人信息,如因用户不同意收集非必要个人信息或打开非必要权限,App拒绝提供业务功能“。另一方面是出于用户体验的考量,例如iOS10以后的系统都会在用户使用App前询问用户
2022年12月27日
其他

“天生一队”养成记丨《和平精英》四排节微电影主创团队专访

虽然我们这几次合作的导演都非常专业,一路为我们的创作保驾护航。但玩家都是火眼金睛,他们除了故事本身的呈现以外,对影片中游戏元素的考究是很严格的,还原一个不对味,整部作品的观感就会被破坏。
2022年12月22日
其他

Adobe After Effects 携手腾讯 PAG,全方位帮助提升动效设计上线效率

保障渲染一致性,不需要设计师多平台验证。虽然同类解决方案提供了网页端等预览方式,但不支持修改文本和替换占位图,只有交付开发才能预览真实线上效果。针对该问题,PAG提供了桌面预览工具
2022年12月21日
其他

设计提效-Figma插件篇

序言咦,同样是用Figma,为什么同桌小花早早下班,隔壁二狗岁月静好,而你却在Figma中焦头烂额?设计提速的秘诀就在于Figma中功能各异的插件。但当打开Figma插件库,海量插件让人头晕眼花,究竟哪一款才是最适合你的呢?为此QQ设计师在日常工作中反复实验,终于找到了这些宝藏插件,让UI设计领域的你成为高效的设计师。1、Skale-缩放能力增强工具很多设计师在从Sketch转换使用Figma的时候,找不到对应Sketch里的缩放功能。此时你就需要Skale,这是一款热门好用的缩放插件,可以设置元素缩放中心,缩放比例或者缩放到特定的宽度、高度(包括该对象的所有属性也会随之缩放)。下载地址:https://www.figma.com/community/plugin/808289809557716614/skale2、To
2022年12月8日
其他

关于生态系统设计的思考

导语本文从交互设计师角度出发,结合腾讯成长守护项目经验,分享一些关于服务生态系统设计的思考,并尝试探寻在较为复杂的业务生态中,交互设计师如何发挥更大设计价值。一、什么是生态系统设计生态系统这个概念并不陌生,自然界中存在大大小小各种个样的生态系统,比如食物链、气候生态等等。这些生态都是由不同的各类要素组成,要素之间又有着相互联系、制约的关系和影响。总之,是一个较为复杂、宏观的概念。1.1
2022年12月1日
其他

Q Music Ideas「寻找艺术家」设计大赛上线,诚邀艺术家和设计师共创美学作品

你是否热爱音乐、热爱设计?你是否有着无限创意却无处释放?你是否渴望在亿万用户的平台尽情施展才华?不限主题,只惜才华让创造力激发灵感用艺术定义音乐Q
2022年11月25日
其他

TDW2022 腾讯设计周 精彩回顾

TDW2022腾讯设计周于11月18日完美收官!腾讯设计周(TDW)由腾讯设计通道联合腾讯学堂共同举办,活动形式主要包括设计峰会和创意市集,今年设计周的主题是:「共创互生·设计向善」,延续"DESIGN
2022年11月22日
其他

TDW 2022 | 行业大咖揭秘!(文末报名)

腾讯设计周重启归来!UE5制作真实街区—场景制作笔记QQ音乐超级订阅的全链路设计游戏世界观构建思路——从核心体验出发拟物化的消亡与复兴
2022年11月15日
其他

虚拟人设计探索

导语入场元宇宙热潮,“虚拟形象”构建能力必不可少。相比于平面或动效的设计,元宇宙项目对设计师提出了新的挑战,不仅要好看,更要好用、好玩。本文将与大家分享我们虚拟人项目的探索过程以及过程中攻克的难题,项目仍在进行,欢迎大家交流指正。一、项目背景1.1
2022年11月14日
其他

TDW 2022 | 腾讯设计周重启归来!

读UE5制作真实街区—场景制作笔记QQ音乐超级订阅的全链路设计游戏世界观构建思路——从核心体验出发拟物化的消亡与复兴【ADT】潘多拉-王者荣耀花朝节蔡文姬活动小结
2022年11月9日
其他

用上游思维做设计

导语本文分享了通过提升思维高度来解决设计问题的方法,并结合项目案例介绍了在实践中如何应用这种方法,更系统地推进设计工作的开展,即确保设计方案品质,又提升研发效率。一、什么是上游思维曾看过这样一则寓言:小A和小B经过河边,正巧遇到有个孩子落水快淹死了。于是他俩立刻跳入河里把孩子救上了岸。可刚救完人,又听见河里有人呼救——原来又有孩子溺水。小A和小B只能再次跳入河中救人。这样的情形反复了几次,导致他俩都应接不暇,分身乏术。当小A继续忙于救人之时,却看到小B回到岸上,似乎要离去。小A便问道:“你去哪儿?”。小B说:“我要到河的上游看看,到底是谁把小孩扔进水里,我要去揍他一顿。”在这个寓言里,小A每次看到有人落水,就迅疾做出救人的反应;而小B则在寻求更底层的办法来解决问题——他行为的背后是“上游思维”的思考模式在起作用。“上游思维”是作家丹.希思在他的著作《上游思维》一书中提出的概念。简而言之:“上游思维”就是从更底层、更本质的维度来思考如何解决问题。而与其相反的思维模式,作者称之为“下游思维”:指的是在问题出现时迅疾做出的亡羊补牢式被动反应。举个简单的例子:一个男孩在水上乐园的游泳池里挣扎,他的父亲见状赶忙跳下水救儿子,这是属于被动应对的“下游行动”。而政府意识到了存在溺水的风险,于是便采购了救生圈,部署到紧急情况下随时可取用的地方,这是主动应对的“上游行动”。二、上游思维的好处通过对上游思维的学习和思考,我总结了这一思维模式的两点好处:首先:上游思维具有系统性:能发现更底层的问题。当认知层面习惯了上游思维的思考模式,你发现问题的能力会大大增强,不仅能看到众人显而易见的问题,还能洞察到其背后的隐性问题;其次,当我们在遇到问题思路闭塞时,上游思维能扩展解决问题的思路。比如:当项目组希望通过设计,助力提升产品体验时:设计师们能马上想到几点通过提升产品可用易用性等来优化使用体验的方法;而习惯于使用上游思维模式想问题的设计师,会有更广的解题思路——他们不仅仅考虑如何提升产品的可用性、情感化表达;还会思考如何提升效率、让解决方案更通用可扩展、以便设计方案后续能服务更多使用场景…三、如何用上游思维做设计设计师的工作,一言蔽之:发现问题+解决问题。在上游思维里,“发现问题”指的是:提出具有深度和广度的问题,而非只着眼于当下紧急的问题。问题即决定了思考和努力的方向,也决定了解决方案的天花板——每一个事后被证明优秀的解决方法,最初都起源于一个好问题。若一开始抛出的问题就不具备一定的思维高度,后面得到的解决方案往往存在各种局限性。然而,提出好问题并非易事,这是种稀缺的能力。1、如何培养能提出好问题的能力?一方面:需要有意识地留给自己更多“闲余”时间来思考。每个人的精力都是有限的。研究发现:当资源匮乏、人们金钱、时间或脑力有限时,人会优先处理“重要却紧急”的问题,而挤掉考虑“重要却不紧急”问题的时间。在《稀缺》一书里,这种现象被称作:“隧道视野效应”。为了能跳出“隧道”这个狭窄的视野,我们需要给自己的工作时间适当“留白”——留出一部分时间或资源专门用于思考“重要却不紧急”的问题;另一方面:需要有足够的责任心。很多问题其实一直摆在那儿,但因为一直没人解决,所以大家都选择了“无视”。“虽非系铃人,仍做解铃人”——只有当有人自愿承担起解决这部分问题的工作时,潜在的问题才有可能得到解决。以我参与的项目——先锋云游戏为例,给大家分享一下我当时的做法。先锋云游戏是腾讯官方推出的集云游戏与游戏内测于一身的平台——用户无需下载游戏,就能玩各类游戏大作。目前先锋的产品从App、微端、H5、小程序到PC-web\客户端、TV端,覆盖了小屏和大屏的多种平台。这个项目当时的产品目标:是通过提升新用户数以及维系原有活跃用户来增加云游戏营收。接手项目时,体验完产品后直观的感受是:产品体验较差。当时除了跟进产品的日常版本迭代设计之外,我会花一部分时间去了解该产品打造的过程,比如从跟项目组同事、之前负责该项目的设计师多次沟通中了解产品内容的演变历程、产品方向调整的原因;同时也在日常工作协作中留心各岗位间配合上的阻碍点,整理汇总成3个方面的问题:首先:这个项目有多团队参与,协调沟通人员众多,各设计师独立作战效率不高;其次:各端没有整体性统筹,设计品质难把控;这两点因素,很大程度上牵制了整体体验的打磨。因此要达到提升整体体验的最终目标,需要解决的问题不仅仅只是“提出更优的体验设计方案”,还需同时考虑如何解决:提升设计师的工作效率、把控设计品质等问题。
2022年11月8日
其他

2022AND服务创新大会启动!来围观公益设计背后那些事

2022年11月20日,由腾讯主办的第四届服务创新大会将于深圳举办。在过去三届服务创新大会上,一共有46位嘉宾分享智慧金融、智慧零售、云计算、科技、文旅、数字文化等多个行业的服务创新经验,促进服务设计与各行各业的交流融合,迸发无限灵感。今年,服务创新大会品牌从过往的「SICC」更新为「AND」,旨在通过大会更多地「连接」不同行业,打破界限,彼此吸收成功经验,服务创新碰撞出更多可能性,从而助力人类生活品质提升与社会进步。2022第四届AND服务创新大会将聚焦技术公益领域,探索服务创新如何创造社会价值。届时将有12位来自不同公益领域的嘉宾,包括技术领域志愿者、公益机构负责人、公益创投领域专家、科学界和公益媒体人等,同台交流探索服务创新如何助力技术公益,从而实现社会创新。更有公益领域深度调研《公益事业新版图-技术公益研究报告》发布、AND大会公益展开幕,近距离围观“2022黄河奖-我是创益人数字公益创意大赛”获奖作品展览、“可持续大赛”海报展、公益系列周边市集,带大家全方位、多维度了解技术公益。如今,数字化的力量正深入生活的方方面面,为社会经济民生的发展带来肉眼可察的变化,在科技的助力下,实体经济不断焕发新机。但新的问题也应运而生,如何让老年人、视障人士等弱势群体也能融入数字浪潮?数字文化席卷下,如何保护与弘扬优良传统文化?数字技术与服务设计如何惠及更多领域?腾讯于2020年启动的“腾讯技术公益”,正尝试一一解答以上问题。技术公益计划旨在以“科技向善”为指引,通过技术创新与协作,携手专业志愿者、公益服务机构和社会专业力量,解决社会痛点,增进社会福祉。该计划明确了“一横一纵一生态”的发展策略,一方面建设面向公益行业的数字能力平台,完善腾讯技术公益的产品体系,提升公益工作效率,此为“一横”;一方面着力于垂直领域的技术公益案例孵化实践,为各类社会问题提供互联网化的解决方案,此为“一竖”;(向左翻阅下一页)同时持续倡导技术公益的创投计划,鼓励社会专业力量通过技术能力应对公益痛点和社会问题,面向缺乏资金资助、技术支援、运营指导、传播渠道、志愿者能力的公益团队,腾讯「配资金」、「送技术」、「链资源」,打造技术公益开放“生态”。经过两年的实践,技术公益孵化了“云游长城”、“雪豹保护”等明星项目,也通过首届创投计划挖掘出“老年精神心理健康行动”、“任鸟飞”、“夕阳再晨智慧助老”等优秀案例。第四届AND服务创新大会将与大家一同聊透技术公益,挖掘这些项目背后的故事,感受数字力量推动下不一样的公益实践,探索服务创新如何创造更多的社会价值。如不方便莅临现场,欢迎参与线上直播,届时还有腾讯公益小红花首次担任Talk主持,在虚拟技术的支持下,小红花从平面走向立体,还能与你对话互动,敬请期待。线上直播信息与观看指引请关注“腾讯CDC体验设计”公众号。主办方:战略合作伙伴:*排名不分先后推
2022年11月3日
其他

UE5制作真实街区—场景制作笔记

视觉策略如何助力金融行业业务价值落地海外流媒体TOP1奈飞体验好在哪?SaaS产品增效
2022年9月29日
其他

QQ音乐超级订阅的全链路设计

前言超级订阅是一个全新的业务,我们完成了从0-1的构建,搭建艺人与粉丝间相互友好便捷沟通的平台,让粉丝们追星更容易、也更有沉浸感。我们从艺人/粉丝两者的角度进入思考和挖掘,打造独家的、便捷和流畅的超订功能和权益。此文章记录了我们是如何通过分析艺人和粉丝需求来创新设计全新的——超级订阅平台。项目背景超级订阅初期业务模式:音乐人可自定义多个会员等级,并支持用户开通订阅,用户完成开通即可获得提前收听作品等权益。但在内测期间发现,大部分音乐人均持观望态度,参与度不高。因而调整了业务运营方向,从艺人侧/粉丝侧两方进行整体系统性的功能体验构建,形成超级订阅平台,希望能更好的推动产业健康发展。很高兴有机会在这里,将整个超级订阅的设计思考和过程跟喜欢和关注超级订阅的朋友分享,希望透过本次的分享,
2022年9月26日
其他

游戏世界观构建思路——从核心体验出发

你可能遇到过这样的问题……从事游戏世界观设计的过程中,有两个问题曾让我感到困扰。第一个问题,关于世界观工作本身。什么样的世界观才是好的世界观?世界观有没有评判标准,还是就是一个很主观的事情?第二个问题,关于世界观的传达。似乎我们辛辛苦苦做的世界观只有我们自己当个宝贝。玩家疯狂跳剧情也就罢了,项目组的同学们也并不想看那些冗长的设定……也许问题的根源在于,我们是否真正意识到了:我们在做的是游戏的世界观。听起来好像是一句废话,不过别急,我们一个一个问题来看。
2022年9月22日
其他

拟物化的消亡与复兴

前言拟物化设计曾经风靡一时,真实的体积和细腻的质感给人们留下了深刻印象。在不断发展中,界面又逐渐向扁平化演变,拟物化材质出现得越来越少。近些年,我们发现设计师重新开始使用拟物的阴影和纹理,帮助用户提供逼真的体验和富有吸引力的外观。拟物在设计中起到了什么价值?又带给设计师怎样的帮助呢?或许了解从拟物风潮从兴起到衰落,最后再次复兴的原因,能帮助我们更好审视拟物化的现实意义。注:以下为作者个人观点,仅供参考。1.
2022年9月20日
其他

【ADT】潘多拉-王者荣耀花朝节蔡文姬活动小结

前言:潘多拉为游戏项目提供一站式营销活动、周边系统解决方案。设计团队依托于此,通过丰富的创意构思、灵动的设计表现,为用户带来赏心悦目、富有沉浸感的游戏体验。此次是对日常运营活动设计做了一个小结,解析通过对活动的目标述求的理解、拆解问题、结合传统文化特点,找到视觉表现的发力点,进而完成活动落地的一个思路历程,希望能与大家交流设计心得与方法。一、活动背景及目标结合花朝节主题,通过蔡文姬新皮肤特性和节日主题的共创,让玩家了解更多的传统文化习俗,达成传承传统文化节日使命,打造王者荣耀中国节品牌的口碑传播。既要突出节日主题和皮肤特性,又要推动玩家参与共创,从而助力目标达成,我主要探索通过视觉包装和提升活动体验这两方面入手,打造吸引力的系列活动。视觉包装:从花朝节主题中提取节日氛围和特有的民俗风情,再有效结合蔡文姬皮肤特性,提升视觉品质,增加玩家对节日的认同感互动玩法:玩家通过参与活动,融入共创,促进互动社交传播二、节日认知为了营造出足够的节日氛围及共创,首先需要对节日整体概念深入了解。在搜索花朝节时,发现各种信息重复且少,在尽可能的收集探索中,才对这个节日的由来以及相关习俗气有了一定的了解。花朝节”在汉族是一个十分重要的民间传统节日,传统农历二月的别称,此月有花朝节,也叫花神节,俗称百花生日。花朝节不断发展,在唐朝时期成形,延续至今。蔡云《吴歈》云:‘百花生日是良辰,未到花朝一半春。红紫万千披锦锈,尚劳点缀贺花神。搜查到节日的信息主要是文字的记载和描述,视觉可溯源主图像资源有限,仅有的也是比较传统的图片资源。而且节日延续至今,大多是民间自主线下的一些百官方的局部小活动,并没有形成大的节点印象。其他节日活动花朝节跟大家熟悉的七夕、端午和春节这些认知度很高的活动相比,花朝节的认知感实在太弱,在种线上活动特别是游戏内中,基础上都找不到竞品活动。三、问题挑战这么一个大家认知比较低的活动,如何找准视觉发力点,加强玩家对节日的认知度和提升参与活动的积极性?四、设计策略回归最初的活动背景及业务核心诉求,再全局梳理活动目标,制定设计策略。通过前面提到的视觉包装造势引起关注,结合民俗风情加入剧情线,增加玩家代入感和情感纽带,通过参与活动的共创中,获得对中国节品牌理念的认同感,承接起节日的氛围热度,吸引玩家参与,最后推动社交传播。设计策略-剧情包装通过上面的分析及活动交互的信息展示,我发现剧情先串联起来的思路有很大的发挥空间。也得到组内同学的认可,那么如何保证蔡文姬跟花朝节联系的基础上,作出带有特色名俗风情的玩法,增加趣味性和新鲜感,并能够吸引玩家参与,是我接下来要思考的内容。在这里我通过事件4要素,时间人物地点事件来梳理故事线然后将剧情场景化的描述具象化,通过界面形式、设计元素、色彩等设计样式和元素提取,形成可量化的目标。首先对设计元素分析及提取关键词。设计策略-视觉包装/提取花朝节关键词从节日认知整理出来的节日及民俗美学印象中,提取了一些关键词,尝试从中获取一些设计的灵感。设计策略-视觉包装/提取新皮肤关键词为了找到能承载花朝节文化底蕴传播、又能俘获王者群体喜爱的设计符号,在前期的各种推导后,总结出杏花、花车、粉色等元素汇聚成跟王者玩家沟通的符号渠道建立出一套花朝节的设计语言。设计执行-前期设定前面已经对花朝节和的素材及蔡文姬皮肤的解析和关键词提取,那么接下来开启设计执行。探索风格、色彩、提炼设计元素、形式等表现手法上的可能性。激发更多灵感。配色以淡雅的系列配色,以杏花粉色为主色,搭配嫩黄色去体现阳光明媚的春光感受,绿与蓝色点缀,展现朝气盈来、百花盛开,木质花车用一个比较偏暖的中间过度色,更突显其他颜色的清新亮丽,带给大家扑面而来春天的气息。
2022年9月16日
其他

Blender|三维设计新帮手

前言:随着设计行业的不断发展,人们也在不断探索新型的视觉表现,3D的设计风潮在近几年愈发受到大家的欢迎,从品牌视觉到UI设计,交互,动效……我们几乎可以在所有的设计类型中看到让人眼前一亮的三维设计,这也导致越来越多的设计师想要了解并学习三维,扩展自己的技能树。三维设计是一个非常庞大的领域,包含了很多细分方向,各个专业方向有非常多的软件可供选择,不同软件的发展速度也日新月异。本次将为大家介绍近期热度极高的三维软件——Blender。他的优势是什么,有哪些独特功能,能实现什么样的设计效果,这个软件可以满足视觉设计师日常的轻量级的3D需求吗?如果你想要了解并尝试Blender,希望这篇文章可以解答你的疑惑。一、优势分析:1.1
2022年9月13日
其他

中秋江水风清莹,月色如水映波心。

今日中秋月圆家满,阖家团圆走得再远也要赴佳节之约👇愿所有相聚都不用跋山涉水~上手机QQ还可以获得中秋日签卡哦推
2022年9月10日
其他

产业互联网背后,设计的职能思考

1、理解商业运作2、了解环境变化3、全链路视角4、回归体验设计前言1994年,中国正式接入因特网。将近30年的时间,学界普遍认为,经历了三个特征性的阶段。第一阶段“建立信息获取”,互联网作为新兴媒介得到关注,门户类网站和搜索兴起,进入互联网的入口相对集中,信息从“被动接收”到“主动发掘”逐步转化。第二阶段“建立信息传播”,人因属性进一步加强,人人皆可创造信息,以人为主体的信息链传播出现,刺激表达自我和沟通情感。流动的信息、社交化网络成为主流。第三阶段“健全信息场景”,极大的用户量,催生了一系列的网络服务和商业机会,互联网产品变得更加的具体化和场景化。与此同时,移动互联网爆发,4G技术的成熟,信息的流通进入个人生活的方方面面。互联网的发展从最初的“集中式单向信息分发”到现在的“基于场景化的信息服务“,围绕的始终是“人”这个主体。疫情场景之下,社会生产条件发生了更多微妙的变化。除个人生活消费需求持续得到满足,“线上办公、线上管理”的企业信息服务需求,也成为不可忽视的存在。此类需求以企业团队为使用的主体,呈现强的群体办公协作性,填补上因疫情难以开展的线下工作模式,再次激活了各类产业对于互联网融入的期待。在更早的时候,互联网呈现出的创造能力已经默默牵动着传统产业的变革。各个产业领域积极探索融合可能性,例如在生产、流通、交易过程的效率提升,平台性资源的整合统筹,
2022年9月8日
其他

从《孤岛惊魂》系列出发,聊聊如何打造一个引人入胜的开放世界

前言扎根真实世界,方能构筑无限幻想。如何讲好一个引人入胜的故事?如何让人在开放世界之中身临其境?如何根据游戏故事设定营造对应的视觉氛围?作为五感之中最为直接的感官,视觉画面总是人们对一款游戏能否产生好感的第一关。而不断追求美与真实,则需要无数游戏工作者对于概念定位的精准分析与把控。在由腾讯游戏学堂主办的TGDC2022游戏开发者大会上,来自腾讯互娱天美Y1工作室的美术总监廖俊豪就从多年从业经验出发,围绕“高概念美术风格”主题,为我们讲述了他对于游戏世界观和美术风格的探索心得,并为大家解析了开放世界的设计流程、关键要素,分享了从高概念到落地的流程和规范。他拥有超过20年的游戏美术领域创作经验,曾在东星、科乐美,英佩数码和育碧中国等3A游戏制作公司参与开发过《孤岛惊魂》系列、《我还活着》、《汤姆克兰西之幽灵行动》、《美食从天而降》等大家耳熟能详的游戏,并为项目带来了重要贡献。以下是演讲实录:今天我主要给大家带来的分享主题是:高概念美学的风格探索与落地。首先自我介绍一下,我叫廖俊豪,目前在天美Y1工作室担任美术总监。主要负责工作室原创项目相关的艺术设计、美术指导、IP创建以及整体视觉质量把控。在加入腾讯前,我曾就任于东星、科乐美、英佩中国和育碧中国,并有幸参加了一些3A主机游戏的设计和开发。主要参与了《孤岛惊魂》系列的设计和开发,从2011年的《Far
2022年9月5日
其他

光子全球品牌升级丨视觉设计专项回顾

英文字形的设计过程稿英文的字体设计确定之后,基于英文字体的设计理念,我们针对中文字形也做了相对应的设计元素融入,为了后续规范能不断延续,针对子品牌字体设计也做了延展示意。▲
2022年8月31日
其他

B端产品的C化设计思维探索

一、为什么思考B端C化?B端C化这个概念最早是听一位深耕B端多年的设计前辈提出的,本文会思考B端C化是因为我认为互联网的发展阶段产生了改变:互联网设计在大方向上一直分为B、C两端,原因在于互联网服务需面向不同特性的群体类型,提供不同种类的服务,因此使用场景、服务方式、商业化模式也有所不同。为了降低开发成本,提高开发效率,互联网产品需要使用工业化流水线生产的思维,将产品形态模式化分类,区分B端C端就能快速划分大致的用户群体和业务模式,形成较统一的产品形态,复用相类似的设计和开发思维,就可以快速上线产品。这是互联网产品快速发展时期的开发思维。然而现在的B端群体与传统意义上的B端用户画像可能差距逐渐变大。以前我们认为的B端用户群可能是有成千上万人的中大型公司的职员,数十年从事着专业性很强的领域。然而现在社会工种逐渐细分,许多强专业领域的使用场景被拆分,职场流动性高,导致很多行业专业知识密度降低,新人用工成本增加。另外,小型公司和个体公司越来越多,这群用户专业性相比更低,更习惯用C端的思维使用B端业务,自然会觉得这些互联网早期为了追求“可以用”的B端产品非常难用了,这个时候就会被“B端产品更追求效率和稳定性”的理由说服自己:B端产品体验不重要。但B端产品的体验真的不重要吗?所以在B、C端用户差异逐渐缩小的背景下,B端C化的设计方式,可以一定程度上解决上述发展阶段的问题,借鉴C端设计思维的优势帮助B端产品提升使用体验。二、B、C端产品特点上图从几方面简单列举了B、C端相比较下的客观特点,这导致B端产品天生就要比C端复杂:专业知识需要时间深耕沉淀、理解成本高;状态多、链路繁琐复杂;页面信息密度高、信息底层关系复杂;操作链路长、影响面大等。
2022年8月29日
其他

TDW 2022 | 行业大咖揭秘!(文末报名)

视觉策略如何助力金融行业业务价值落地在Blender中更方便地“打理发型”探索用Figma做游戏UI设计第一届TDW,你还记得吗?第七届TDW
2022年8月27日
其他

企业级产品设计 | 视觉策略如何助力金融行业业务价值落地

前言B端产品的体验升级应该怎么梳理设计思路、制定设计策略并最终执行?笔者结合一款金融行业产品的体验优化,分享了他如何让视觉助力业务价值落地的设计思路。项目背景互联网行业的发展重点已经从消费互联网逐步转向产业互联网。对金融机构来说,数字化转型也成为企业面向未来发展、改善客户服务、提升商业利益的必要手段。面对数字化时代所需要的高效响应、敏捷调整等业务需求,腾讯金融云从“业务与技术融合”的角度出发为金融行业打造了移动金融开发平台这一产品。腾讯移动金融开发平台(TMF)是一款整合了腾讯在移动产品中开发、测试、发布和运营的技术能力,为银行、互联网金融、保险以及证券客户提供一站式、
2022年8月25日
其他

TDW 2022 | 腾讯设计周来啦!

读在Blender中更方便地“打理发型”探索用Figma做游戏UI设计Colorpod
2022年8月23日
其他

海外流媒体TOP1奈飞体验好在哪?

前言用户使用视频平台的主要目的是通过观看视频来休闲娱乐,所以从使用节点上,我们可以将其拆解为以下3点:找视频、看视频、下载视频。奈飞作为海外流媒体业务的老大,拥有超2亿的付费用户,内容可在多个国家和地区播放。在多语言、多文化的背景下,整体app功能简洁,还能保证如此大体量用户的多样化观看体验,其设计定有过人之处。接下来将和大家分享一下奈飞具体交互视觉设计上的亮点,以及与国内视频平台相比体验上的不同点,希望能给大家带来一定的启发。找视频-DVD租赁业务的延续1.
2022年8月18日
其他

SaaS产品增效 | 小程序类产品设计方法探索

前言千帆易销小程序是一款推广腾讯千帆商品的营销小程序。我们在改版过程中发现,传统的设计理论在小程序设计过程中过于笨重,很难满足SaaS类小程序灵活性高、快速迭代的需要。通过千帆易销小程序设计项目,我们对小程序设计实施和增效方法进行了探索和实践,尝试摸索出更加适合的设计方法。小程序的特点小程序是SaaS类产品实现商业价值的载体,也是构建产品生态的重要组成。随着微信生态愈加丰富和壮大,小程序对于商业目标的达成也起到越来越大的作用。小程序具有轻量、聚焦、快捷等特点,这有别于web端类和移动端app类产品。小程序的特点目前主流的设计理论,如设计思维、双钻模型、环形模型等,设计流程比较长,使用比较复杂、耗时久。针对小程序设计轻量、聚焦、快捷的特点,是否有一种轻量高效的设计方法,可以把已有的设计能力更高效的投射到小程序设计中呢?我们通过千帆易销小程序设计实践,对此进行了思索和实践,以期提供一个更佳的答案。构建千帆易销小程序设计方法千帆易销小程序的主要场景围绕商品的营销推介展开,可跟进商品使用情况,并进一步转化和完成商务合作。基于项目需要,我们先后完成了千帆商品价值感知提升、商品内容优化、物料使用提效等设计内容。在这个过程中,对于小程序的设计流程进行了进一步的提炼,发现小程序的设计流程可以总结为如下步骤:包括「首页价值设计」「定位路径设计」「信息组合设计」「场景化内容设计」以及「效率提升设计」。小程序设计的关键步骤1、首页价值设计——首页多维价值露出,打造第一印象的冲击1)引发用户兴趣,实现促活小程序的第一印象非常关键,因此对于首页设计,关键要加强业务价值的露出,给予用户尽可能直观的信息感知,加快建立其对于业务价值的兴趣,加强用户的正向期待。首页价值露出有三种模式:点状价值、面状价值、条状价值。价值露出模式在千帆易销小程序中,通过多种模式的价值的呈现,在首页构建出F形价值流,增强商品等价值感知效果,提升用户活跃度。2)提炼多维度价值属性首页的注意力表达要点在于线索要鲜明突出。通过精致、统一、明确的元素来进行引导,赋予用户深入使用的线索。所以,可以通过细化多维度属性进一步增强用户价值判断,提升体验观感,包括精简的文本、精致的图标、指向性符号、探索性入口、联想性元素等。多维度属性细化下图是在千帆易销小程序设计中,对首页卡片属性进行的相关细化,充分阐释多维度价值,进一步丰富价值内涵。千帆易销小程序的多维度属性细化3)加深用户印象感知由于第一印象的建立过程比较短暂,可以采用灵活多样的交互形式加深用户印象感知,比如凸显核心触点、提供模块级沉浸感、平滑进退机制等方式。在千帆易销小程序中,在查看商品的过程中提供全时段吸顶可见,加强信息触点映射,从而吸引用户点击深化使用;对于商品的属性类信息内容,提供模块级沉浸查阅,提升首页时效,最大可能覆盖用户查阅细分的需要;保证首页高频操作尽可能平滑,比如在滑动查看信息的过程中提供数量信息,方便用户感知下探情况。由此建立起平滑的进退机制,营造操作的畅快感。千帆易销小程序的首页操作设计当用户建立起良好的第一印象之后,将会进入使用阶段,并更有可能深层次的使用产品,从而带来更多转化的可能。2、定位路径设计——构建多元导航路径,丰富用户定位链路1)丰富多元路径感知因为信息的多样性及其价值呈现的差异,需要我们通过构建快捷导航,来提升不同信息的定位效率。导航设计的关键点在于识别信息类型的特点,提供适当的导航方式,提升用户参与度。对于首页的关键内容信息,应提供快捷路径或沉浸式的导航路径:首页-浮窗-二级页面:适用于关键内容快速感知首页-顶部标签导航-二级页面:适用于主内容下细分的内容导航首页关键信息导航设计对于独立性更强的信息,则可以通过切换底部tab标签或者二级页面来进行导航:首页-底部tab导航-二级页面:适用于相互独立的主内容模块首页-二级页面-子页面:适用于详细内容的渐进查阅二级页面导航设计2)提供多种定位方式,满足不同用户选用不同的用户类型可能有不同的体验诉求,如新用户和存量用户有不同的用户目标。对于新用户:信息推荐、信息分类、场景化分类等可以提供较好的定位体验,帮助用户快速带入产品场景,降低流失。对于存量用户:全局搜索、列表筛选、信息分类等可以提供更稳定的定位体验,有助于加强用户粘性,提升转化概率。如下图在千帆易销小程序部分定位方式的效果,定位方式嵌套使用,比如在解决方案场景化的定位过程中,同时提供了推荐和筛选等来增强方案定位效果。不同的定位方式3、信息组合设计——理顺关键信息组合,加深业务感召力1)从信息组合视角塑造整体感每一类信息都有其特点,要尽可能选取最适合的信息组合来最大化提升业务感知,搭建适用的信息组合。通常信息组合有以下四类:不同的信息类型在千帆易销小程序改版前,提供了商品的简介、交付信息、咨询联系人、解决方案、客户案例、售卖支持、物料等信息。我们在新版本补充了商品的优势和价值、适用场景、销售机会、销售政策等售卖说明类信息,从整体上丰富和完善了商品信息组合,增强了对用户的吸引力。改版前后的信息差异2)提供差异化信息表达,加深印象信息表达的要点是直观、清晰、高效,对于信息类型多样化的页面,可以通过差异化信息表达,加深用户印象,加强信息传达效果。下图是在易销设计中使用的信息表达图谱,有助于我们诠释这种印象做法。差异化信息表达4、场景化内容设计——贴近真实用户场景,提供针对性内容1)情境化提供所需内容对于内容数量较多的场景,诸如列表页、产品页、详情页等内容页面,如何提供内容则非常重要。在千帆易销小程序中,我们对于解决方案和案例提供了行业情境的区分,此外还提供了按照角色提供,以及按照使用流程提供等情境化方式。从而加强文档物料的快速感知,方便用户按相应情境使用,提升导航效率。情境化信息设计2)大颗粒场景容器聚合内容对于场景,存在不同的颗粒,大颗粒的场景容器,信息层级更多,信息表达也更加丰富,所以更需要精心设计。比如解决方案以及专题,均融合了多种场景的容器形式,它们最大的特点是“汇聚”。在这类大颗粒场景容器中,需要传达其价值点、内容包和联络线。价值点:提炼具有感召力的文案;内容包:提供强相关的内容组合;联络线:实现大颗粒的商务接触和商机转化。大颗粒场景容器如下图是易销解决方案场景和专题场景的价值点/内容包/联络线的设计,沉浸式的内容交互保证用户快捷触达核心价值,同时联络线的指引暗含其中,加强了用户转化。千帆易销小程序大颗粒场景容器5、效率提升设计——连贯用户操作触点,提升使用效率在设计中,需要综合场景流程触点进行有效衔接,从而贯通流程体验,提升用户总体使用效率。这个环节可以在前四步的过程中同步开展,并在设计进入后期时再次集中开展,确保全流程、全场景、全周期覆盖。1)连通流程衔接点,打造无缝体验采用衔接流程节点、缩短流程路径、边界节点兜底等举措来提升效率,提供沉浸式无缝体验。衔接流程节点:对于使用过程,提供返回首屏/返回首页/吸顶等,有效衔接用户返回流程。对于下钻类操作,在返回初始页面时提供锚点定位,方便用户接续操作缩短操作路径:通过浮窗提供关联内容快速触达,协助用户快速完成关联信息定位。通过横向滑动查看同类型内容,便于比对和加深首尾效应。边界节点兜底:对于初始页面/无资源页面提供空状态引导对于搜索/筛选无结果场景提供快反馈途径等。沉浸式无缝体验2)拉通信息容器交互,提升信息获取效果对于信息,既要考虑其特性,也要兼顾共性。小程序中大量使用卡片、列表、对话框等容器,而这些信息容器可以通过标签化、统一样式、突出重点、快捷联动等交互方式,提升信息交互效率。以千帆易销卡片设计为例:
2022年8月16日
其他

【ADT】B端产品设计中的「用户角色」

一、前言作为体验设计师,用户永远是我们最关注的部分。对于C端产品,我们常常绘制用户画像进行分析;而B端产品由于特有的复杂业务性质,用户更多通过「角色」的概念与系统进行链接。因而B端用户角色的分析对于产品设计有着更大的意义。在我近期参与的B端项目中,遇到过这样的问题:1.
2022年8月11日
其他

唱我想唱——全民K歌8.0录唱模块设计总结

前言全民K歌在最近迎来了全新的8.0版本。借此机会,“旧城”录唱模块也迎来它的大焕新。本次录唱改版围绕「更统一」的生产框架、「更丰富」的视觉反馈、「更多元」的唱歌体验,对该模块进行了界面重构与体验探索。一、旧版本存在的挑战随着新功能的不断引入,加上原本录唱模块累积的一些体验问题,使得这次“焕新”变得势在必行。对此,我们对问题进行了梳理,重点整理出页面框架拓展性差、演唱中反馈较弱、调音操作复杂、唱歌玩法单一等体验问题。挑战一
2022年8月5日