当前位置:丝路教程网 > UI设计 > 移动UI >

圣诞快乐创意APP闪屏界面设计教程

2018-03-28 17:15 来源: 丝路教程网 分类: 移动UI
210 作者:丝路教程网

[导读] 前言:这是一篇通俗易懂,分享给所有缺乏创意的朋友们,通过本案例来学习怎么去完成一个创意的闪屏,非科班出身,没有学过美术?这些都不重要,下面就让我来教你怎么去做个有创

  前言:这是一篇通俗易懂,分享给所有缺乏创意的朋友们,通过本案例来学习怎么去完成一个创意的闪屏,非科班出身,没有学过美术?这些都不重要,下面就让我来教你怎么去做个有创意的闪屏。

  前期沟通与构思

  首先是确定好文案然后根据文案在构思场景,文案要跟我们的产品有关联性,根据大家开始脑暴思路,因为我们的产品是跟办公工作有关系,以下是大家想到的文案。

  1.工作可以有礼物不可缺(直接)

  2.陪伴是最好的礼物【温情》

  3.你有你的圣讶,我有我的目标《个性)

  4.你有你的圣诞,我有我的伙伴(个性)

  5.今目标陪你一起过圣诞(,接)

  6.《圣诞老师说)今天轮到我上班(幽肚)

  7.圣诞狂欢夜,工作也精彩(鼓励)

  8.给予才能收获更多(奉献)

  如何确定文案

  首先根据我们最初的要求把跟我们的产品没有关联性的排除,然后在根据团队伙伴每个人

  找到的参考来决定文案的选择。

  提炼关键词并寻找参考

  根据我们的文案和想表达的诉求提炼关键词如下:

  定制颜色

  我们的品牌色为蓝色,我们在品牌色上加深,定义我们的背景色,后面颜色为圣诞常用色,定为我们的辅助和点缀。

  根据关键词搜搜相关参考如下:

  画面创意构思(一)

  通过上面的文案+参考我们构思出了画面,第一个画面为一个准去去工作(发礼物)的圣诞老人被两只偷懒不想工作的小鹿鹿捆绑在雪橇上,无论是圣诞老人,还是小鹿鹿在设计的过程中我都希望能够表现出更加的“蠢萌化”更加吸睛好我玩,与主题(今天轮到我上班)形成反差,到圣诞老人上班可是圣诞老人却去不了。下面是第一个画面简单的搭建。

  萌萌哒小鹿鹿的绘制

  我同时参考了多种小鹿的特点,根据圣诞老人和画面把我们的小鹿更生动,更加拟人化。

  完成基础绘制

  这样就完成了整体画面的构图,剩下的就是加质感了,加质感比较耗费精力和时间,但是相比画面的创意烧脑来说,只能算稍微动脑的是体力活啦!

  画面创意构思(二)

  通过上第一稿的画面设计完成以后闪屏的停留时间只有几秒,无法通过很短的时间看到那么多细节内容,为了能够最短时间表达出“今夭轮到我上班”这个诉求。

  建议将圣诞老人画成背着背着礼袋准备出发要去发礼物的样子,车停下抬腿准备发礼物,圣诞老热怎么去发礼物你呢?当然通过“秘密通道”烟囱啦,所以加上了烟囱,圣诞老人准备通过烟囱发礼物!这样幽默感就有啦!

  绘制过程分解

  首先给大家推荐一个笔刷,我们就利用这个笔刷+偶尔(偷懒)的图层样式,来完成快速绘制时间有限,所以可能没有你想想的那么精细,先说下哈我是没有用手绘板的。

  其他圣诞树,圣诞老人.各种元素的质感均都采用了这个方法.快捷而方便哈哈。

  字体的设计

  把我们的文案选择一下适合的字体打在里面,字体不要太有棱角要跟画面切合,所以我选择了海报体。

  正常一个闪屏建议一排字的话最好是5个字,如果两排适当增加到7个字或8个字如果你的字数太多又一排的话,宽度毕竟有限,有时候要和你的体现一个整体,字数太多会导致放大字也显得字比较小,这些字整体更紧凑才能够放大,这个是6个字所以我把字做的要更紧凑一些这样放大起来,和画面才能够不至于不平衡。

  字体上面用钢笔画一些雪(也可以用形状切)用斜面浮雕加点雪的元素复制做一些立体感实际上字体我们可以进行更详细的雕琢和加工,但由于时间成本,这样已经满足需求。

  最后总结

  回顾一下第一步:团队根据总监要求:集体想文案。第二步:根据团队共同寻找认为符合自己产品的参考,来确定文案。(文案是从下到上团队整体达成一致交给总监确认后,就不要在改文案了,因为你的文案一旦发生变动,可能你画面就要重新来过,这个会花掉很多时间)。第三步:根据节日需求定制选择适合节日气氛的颜色。第四部:根据关键四搜索大量参考然后根据自己的文案去联想创意。(这个画面的创意,这个故事肯定是要自己原创想出来的,参考只是参考一些展现方式,比如风格、画法、有哪些特点等等。)第五步绘制自己的画面。


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

圣诞快乐创意APP闪屏界面设计教程

的相关文章
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育