有趣的APP下拉刷新动画设计
最近一段时间在忙东忙西,思考分享一些什么内容好的时候,就突然接到了一个设计需求。需求简单直接粗暴,就如平时大家接到领导般的设计需求,往往只有简单一两句话~!却涵盖了无穷无尽的内涵!哈哈哈~
当我拿到这个需求的时候,其实我是想拒绝的,不能因为你的一句话需求我就开始设计,因为在这个下拉的小位置,需要设计得有趣又不会枯燥,要可爱自然而又不失大方得体!还要融合整体品牌故事背景,还要有一些亮点小细节,让想看的人看得到,等等····不要问我为什么能想到这么多,因为你懂得!
嗯,没错,我已经这样了!(咸鱼躺尸.jpg )中指微微一翘,而且还对你放了无数个P,但,但是 这时我又继续摸摸自己脑袋心理想到:我是炒鸡无敌射鸡师吖!我就是最棒的!嗯!心里又突然燃起熊熊烈火,继续思考解决问题!
在解决这个需求之前,首先要明确整个项目的设计目标。是为了设计而设计呢,还是为了表达什么而设计!首页的下拉动作也算是一个高频操作,在这个细小的地方,假如设计的出彩会增强用户体验。那么这里下拉操作设计,我们可以展示出什么传递给用户呢?
1.品牌形象(一定要漏出吧!?与下拉操作完美融合,增强品牌形象曝光,加深印象)
2.品牌故事(写了一个品牌背景故事,不传递给用户Get,就白写了!)
3.脑洞创意(有丰富细节的脑洞设计,没有细节的设计是不完美的,让想看的人看到!)
好吧,这次设计的目标想好了!有形象,有故事,有创意,那么马上开始动手设计吧!!GO GO GO!整个下拉动效设计 分为2个部分思考:
一.创意设计环节(思考画面呈现,出现什么内容)
二.动效实现环节(结合实际情况,考虑实现成本)
1、创意设计环节
主要是推导出整个画面的视觉呈现,受限于不同机型的承载和实现能力,元素和动画不能过于复杂,还有需要符合整体的UI界面设计,我决定轻量化的设计原则。在动手设计之前这里脑暴一些关键字来辅助设定这次设计的故事场景(整个动漫app的品牌故事背景是跟宇宙相关的,所以关键词会有关宇宙系列)
当关键词出来以后,我需要从这些关键词中 重新组合 ,思考出一个有趣的画面故事!
品牌形象元素 我们有两个,企鹅娘(造型复杂,小位置展示不方便)其实是她太懒了,都懒得出镜了····嘘!),黑子(外太空某星球小王子背景,造型简约多变,适合做为主体视觉元素)简约够简单,你们懂得!
最后挑选的元素 黑子,可爱,星球,宇宙,飞碟,侵略地球,浅色系 重新组合。可以联想出这个大概表达的故事背景是,在用户下拉的时候会出现外太空某星球小王子 坐着宇宙飞船来临的场景(侵略地球)。好吧到了这一步,创意思考环节 就已经差不多了,有了故事背景,有了画面元素,就开始画图吧!