营销型UI时代及自我成长方式

第一次知道营销型UI是在泡泡老师的课上面知道的,泡泡老师说这会是UI的一个发展方向。那段时间我正在纠结是学系代码还是学习手绘,听了泡泡老师的分析,果断的选择了绘画。

在讨论这个问题时,就好像我们经常讨论营销重要还是产品重要一样,当然都很重要,但是想要获得利益,就必须营销推广,所以营销型UI是一个重要的发展方向。

所谓营销型UI,是指H5/活动营销页面/任何活动的推广等等,凡事趣味型,能够调动用户的关注度,提高产品人气的方式,都可以是UI的工作范畴,所以营销型UI不在是画画线框图,排排版式那么简单,因为产品1.0时代已经过去了,好的产品已经发展起来,那么对产品的筛选已经结束,发展起来的产品就会迫不及待的进行推广营销,那么此时UI的职责则不会是画线框图,也许偶尔会有改版的需求,但是这将不会是UI的主要职责,UI需要配合营销对产品进行全方位的推广,那么UI也许需要设计营销相关的各种活动。

所以基于最近的这些认识,我开始尝试在每周的练习中加入了,营销型界面的设计学习,而这种学习是需要基于色彩与绘画的基础之上的,所以绘画的功力则被不得不被提及,为了使自己了解各种绘画方式在营销方面的应用,我尝试各种绘画的方式的临摹,以方便知道这种方式被应用的思路。

提到思路,这也是最近一直想要突破的地方,任何的技巧都只是辅助,思路才是灵魂。所以除了培养自己的绘画能力的同时,我必须培养自己的思路,开阔自己的眼界。吼吼~,这正是包豪斯的的理念啊!授人予鱼不如授人以渔!只是针对思路的训练我自己还未尝试到更好的方法,现在只能靠大量的临摹和绘画来学习别人的创作意图。

前一段时间给自己规定了一个每周计划,并在xmind里面写下计划,在teambition督促自己,是的计划很丰满,执行完成情况不是很好,但是这种提前的计划使我有了更大的热情去做更多的东西,使我开始珍惜时间,开始认真对待练习这件事情。

原本定的是一周一次汇报,然而由于时间不够,所有的内容都单一的呈现,没有排版,所以无法汇报,拖到了第三周,才能开始考虑到整理的事情。

每周学习计划的实施情况

以下针对每次的练习,并作出学习总结

制定计划

1、在xmind里面为每周要完成的任务提前安排好,尽量不做改动,这就节约了每次自己在动笔前的犹豫,以至于迟迟无法动笔。拖拖拉拉一天就过去了。


营销型UI时代及自我成长方式_第1张图片

2、在teambition里面记录完成情况


营销型UI时代及自我成长方式_第2张图片

是的,这里完整印证,计划很美好,现实很骨感。看到了,很多计划都没有完成,啪啪啪,打脸~

计划完成效果图


营销型UI时代及自我成长方式_第3张图片

第一周总结:这周以色彩练习为主,遵循的原则是让眼睛舒服。在使用色彩方面,HSB中的B色尽量保持在白的位置,这样可以保证色彩中含有的黑色比较少,色彩就不会“脏”。明亮色彩在动画方面使用的都比较多,近期的国产动画,及《你的名字》、《大鱼海棠》等等,明显感受到高亮色彩所带来的愉悦和轻松的感受,是对视觉的舒适体验。

《一人之下》场景的技巧,基本全部依托画笔,丛林画笔画出斑驳的树丛,然后各种色彩结合,融合,达到效果。

《鲸歌》场景,这是一部获奖动画,虽然是一部无声动画,但是在音乐和意境中就有很震撼的感受,每一帧都值得学习和绘画,虽然知识黑白,但是十分具有表达力。这里采用里两种绘画方式,一种是明晰的轮廓,一种是模糊的轮廓,从而让我知道了在何种场景下使用何种工具的思路。

《坠落》这个的原图来源于哪里不记得了,只是看见就觉得很感动,我在色彩上做了很大的处理,在对比色的前提下,学着去画层层叠叠的云朵,去画虚实的场景,等等

《最右》这是手机安装的APP在圣诞节的活动,进入APP的欢迎页,除了学习到节日配色以外,还学习到了PS中各种投影内阴影的叠加应用,同时,在画这幅画的时候,我学会了使用自由选区(L)这个工具在绘画中的强大功能,自由线条的小雪堆就是使用这个工具。


营销型UI时代及自我成长方式_第4张图片

第二周练习总结:第二周输出明显不足,再加上第二周的年会整整去西藏四天,一直是深深的罪恶感。虽然每次都是临图,但是还是开始学着先从草稿起步,不省去任何一步,尽量能够记住图形,并且不看原图的情况下去绘画,当然现在还是做不到,但是依然努力尝试。

《最右》的欢迎页面,这幅场景是一看到就想尝试的类型,而且很有趣味性,其中学到了动感模糊的使用,让我受益匪浅。

《新年贺图》这是在站酷上的某个大神的作品,由于当时是截图,Eagle上面没有链接原来的地址,我就无法找到是那个原作者了。这是矢量图的学习和绘画,之前看过狂奔的包子铺的教学视频,但是由于懒惰一直没有认真练习,所以这次临才知道了真正的矢量图的应用和画法。这里面有个重要的知识点就是,描边要使用外描边,并且原位复制粘贴的时候只要点中你想让他在的某个图层,command+F就可以粘贴到对应的图层,(这些技巧一千看见包子的视频里面有却不知道为什么,现在才明白)。之前就很喜欢那种场景很满,内容很多的画面,通过这次图的练习,我明白了,不过场景中有再多的东西,都需要一个一个的去画,去组合,从而是画面丰满起来。


营销型UI时代及自我成长方式_第5张图片

第三周练习总结:这一周的练习有点缓慢,因为这一周我开始学着从配色网站上寻找配色,学着根据草稿图去找真实的图片并将之转换为矢量图形,学着从黑白到并渐渐处理成彩色,并且尽量做到只看草稿图,不去抄袭原作者的配色,当从结果看来,我依然不能一下子记住整体风格,很多时候都会配色困难,忍不住看原作者是怎么配色的,好啦~以后尽量学着自己配色。

草草收尾,干活去了。

你可能感兴趣的:(营销型UI时代及自我成长方式)