赞助商
立即赞助

腾讯动漫实战!主题换肤设计的背后过程小结

产品经验3年前 (2021)发布 流光
2K 0 0

项目复盘对设师的一很重的环节,不仅可以巩固自己的设理论,同时还可以与小伙伴们分享自己的小得。

本以换肤设计小结例,给家介绍一下我的设过程。

大纲如下:

  • 项目背景
  • 项目难
  • 计流程

一、项目背景

一一度的暑活动,了好的回馈用户,设侧配合运营小伙伴,决客户端行活动换肤设,其目的以下两点:

  • 通过换肤营暑期的氛围感及传递要表达的调性;
  • 利用感化设提升平台好感度。

二、项目难点

此类换肤只需与活动主kv 持一致的风以及元素的传承,加上设计上的一思考,基很容易就以决。但是很情况下,不一定能愿顺完成,么在项目进行时,我们产生什么困难呢?

1. 内容量大

暑期活动除身的内容外,额外根据活动主题策划七个皮肤,包括:玄幻、恋爱(1)、古风、恋爱(2)、免周、热血、爆笑,并且要做到风样化,来减少因为周期短带来的审美疲劳。

2. 时间紧

主活动风未定,就无现有素材使用,同时要预留期开、测试的时间,整来看时间很紧迫。

3. 雷同

前期主题古风玄幻(主KV大已定)与古风、两个恋爱的非常雷同,又该何从视展示上进行区分呢?

带着上问题,该如何解决呢?接来将古玄幻馆为案例,为大带来一些思路上的参考。

三、设计流程

设计思路:拆解发散—联重组—元素袭—符号—视觉呈现—落地延展

1. 拆解发散

根据题切入点为古、玄幻,围绕这两个点进行思维发散。

腾讯动漫实战!主题换肤设计的背后过程小结

2. 关联重组

随,根据散的内容找到合适的关键词进行关联重组转化成执行的设计方案,期间一直苦苦冥思,古风玄幻要与古风怎么区分呢?

突然想到之前追的生世,就是想要这种仙气十足的调调,才扛得起玄幻的大。这古和古玄幻最大的区别就是有的道具、人物周围都罩了一层仙气,整得个键词:法器、红蓝、仙侠。

腾讯动漫实战!主题换肤设计的背后过程小结

3. 元素沿袭

设计方向找到,根据活动内容提取出所有以使用的元素、颜以及品牌形象,进行设计沿袭,持整个项目的一致。

腾讯动漫实战!主题换肤设计的背后过程小结

4. 文化符号

想要计更经得起考验的话,可以再深入的思考这一步,在计增加识别度高的视觉符号提升用户的普遍认知度。

腾讯动漫实战!主题换肤设计的背后过程小结

5. 视觉呈现

过关键词、设计元素以及文化符号提取,进最后合与优化并运用到设计稿里。拿其个葫芦icon 为案例,大家些思路上启发:

  • 元素沿袭保留葫芦元素;
  • 在网上收些葫芦参考图片(侵删),所以选定下三张是为:飘起来穗子很动感、葫芦造型很圆润以及可以在葫芦上做印花表现形,极大丰富了 icon,时也要考虑 icon 展现实场景,细节不能过于复杂;
  • 大概思路有了,就开始绘制草图;
  • 描上完,还需加上最重要的「特效」,才能立刻从道具变成法器。

腾讯动漫实战!主题换肤设计的背后过程小结

腾讯动漫实战!主题换肤设计的背后过程小结

6. 落地延展

整个大致流程思路就是这样了,由于时间紧张问题,只增小伙伴一起成整个项目。如是分换肤展示图:

腾讯动漫实战!主题换肤设计的背后过程小结

同时为了更好的和小伙伴们配合成项目,制定了一些相规范,仅减了沟通成本,了整个项目的成进。

腾讯动漫实战!主题换肤设计的背后过程小结

最后,项目跟进,并是做设计分就结束了整个项目,在测试环境,设计师还需要跟进页面适配及视觉还原问题,发现问题及时修改,户体验。直到整个项目上线后,才真的算成了整个项目。

以就换肤设的一些小验,希望能给家思的帮,欢迎家多提建议,共同!

欢迎关注「TCD设计心」公众号:

腾讯动漫实战!主题换肤设计的背后过程小结

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

党的十九大报告指出——创新是引领发展的第一动力。 根据省政府建设数字政府的部署和公安部在今年全国公安厅局长会议提出的科技...
交互设计流程
每个公司都有着它的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师总能...
logo设计
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
本文来和大家讨论数值框架提取与数据分析运用是怎么相辅相成来推动游戏化项目,帮助设计团队提升设计专业性和展示产品思维的...
京东
设计冲刺最早由谷歌提出针对带领团队快速做创新设计并验证设计的基本流程。下面通过这篇文章,带着大家来感受我们这次设计冲...
世界杯
朋友们,是否还记得朋友圈不断刷屏的网易H5活动,作为一位互联网设计师,不争气的眼泪从嘴角流了出来,馋呀、羡慕呀!同样九...
H5案例
项目背景 2019年春节期间,QQ红包运营活动进行了全新改版,将卡券福利、现金奖励打包成福袋形式,并通过年俗小游戏及共享福袋...
QQ空间
Tubik :中国人常说,民以食为天,吃这件事情很重要。好食物往往带来好心情。人每天的一日三餐是驱动人每天做各种各样事情的...
App设计