header_v0.7.32

MEALSTONE #1 @NEKO

69天前发布

原创作品 / UI / 动效设计
作品版权由CNekoL 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。

Music Player. 18/12/2015. PC - Photoshop/Aftereffects.


这是我第一次使用 Photoshop 和 AE 时制作的第一个有关UI/Interaction的动效原型。这得益于我长久以来对于电脑及软件的理解。Dribbble受邀请于现已广为设计师圈所知的 @Leo Leung 说起来他其实是我大学室友,睡在我上铺的兄弟。彼此互为良师益友,至今打骂逗趣。因肄业后不稳定因素太多导致前进缓慢,今后的我可得赶上他才行。

Weather Transform Concept. 17/03/2016. PC - Photoshop/Aftereffects.


2015过年之后才迟缓的更新了下一个动效。这是一个小小的尝试,源自希望看到天气应用中的天气们有更自然的过渡。但实际上这样做在普通工作环境中并不现实。原因是天气种类繁多,在罗列出众多的天气情况后还要为每两个组成一对的天气作专门的过渡设计,且是双向非单向的过渡。实际上用户感知得到的其实很细微,当然具体还需要更深入研究才能下定论。在讲求效率的互联网公司中,这样做是不能符合现实的,因为这会花费大量时间精力却不见得有好的收益。故仅能自己业余时间开发玩玩。

Twalendar - Concept Project part 1. 18/03/2016. PC - Photoshop/Aftereffects.


实际上前面的天气到这里以及紧接着的后面一个 po 是过年在家时候用笔在纸上画过原形的。包括交互设计及UI设想以及动效构思。所以在这几日我相对要勤快些,因为有了地图走起路来会比较快,这从某些方面体现了设计流程规范化的重要性,目的即是提高效率和节约成本。这个自己练手的东西我取名叫 Twalendar ——源自我构思的该APP的功能 todo weather 以及 calendar 一个综合体。

Twalendar - Concept Project part 2. 22/03/2016. PC - Photoshop/Aftereffects.


接续,到这里可以看到构思里的功能了,其中包括 todo weather 以及 calendar。实际上从这里到最开始都可以明显看出其间的很多稚嫩和存在很多问题,当然了,其后的也不能幸免 :( 。坦白讲,在做这些东西的时候,我花费了大量精力在动画曲线的调节上,以期能让动效更加自然的呈现。所以更多的侧重是在交互动效的表现上而非UI和交互逻辑。当然,因为初接触不久所以也谈不上熟悉,更多的是跟着感觉在走,会出现如此状况也是情有可原。关键的还是得持续的学习跟进。

Photory - transition test #1. 17/11/2016. Hacintosh - Sketch/Aftereffects.


你可以注意到发布时间的跨度以及我制作它时所使用的平台的变化。其实得益于先前的努力。有幸得到一位CEO的青睐,我以合伙人的身份加入了创业团队,担任设计总监一职。产品是一款针对单手操作优化的安卓启动器(即安卓桌面)。其间我倒也是很拼,毕竟团队小,很多事情需要亲力亲为。外加各方面的压力,在短短几个月时间我的体重就掉了块20斤。随着体重的严重消耗,所以逐渐开始吞噬一个人的精神。这种状态并非是你想打起精神来就行的。着实是身体消耗过度。期间见我状态不好,公司也提过加薪,却反而被我拒绝,我知道自己不是为了钱来作这样的事情的,而是基于想把一件事做好的初心。当然了,任何事情也是应该建立在现实的基础上的。所以,在我咬紧牙关完成了项目所需要的所有涉及设计的东西后。我选择了退出,因为身体亮起了红灯,我也不可能放弃自身可能性而拼死在工作上。为了给他们打气。我最后一个月薪资也没有拿。自那以后就是长久的休息。所以,我个人以为是,梦想,初心,肯定是要坚持的,但也一定要设立一个折损的点。未来是无限可能的,开阔的视野和胸襟同样重要。

Photory - transition test #1. 17/11/2016. Hackintosh - Sketch/Aftereffects.


这与前一个是同一天发的。你可以注意到平台和工具的变化。通常来讲做UI设计师肯定是无法避免苹果的Mac的。基本上所有招聘上都会要求sketch。其实这不是必须的。sketch终究是一个工具,掌握设计最核心的思想和内容其实才是最重要的。那为什么设计师仍然选用Mac而非PC呢。你可以听到人说sketch好用,其实剖开来看,好用的意思就是效率高,而效率对于公司来说是极其重要的。所以如果有条件的画,使用Mac做设计是一件很好的事情。但也不必执着。像我,其实没有购买过Mac或Macbook。你可以看到我的平台写的是hackintosh,其实就是对非苹果电脑安装苹果系统的称谓。所以这个作品也是在OS X平台上制作的。这里我把light版本做成了可在手机上交互的东西,使用了我之前在公司使用的可交互原形工具——origami。这是出自facebook之手,先前是作为quantz composer的插件存在,现在也独立为APP即origami studio。同类的原型工具还有很多,大家熟知的有principle/framer/flinto等,选择很多,具体看个人需求进行选择。

Photory - transition test #3. 21/11/2016. Hackintosh - Sketch/Aftereffects.


这也是接续前面的测试,都是我自娱自乐的产物。这个就不多说了,看图就行,就一个内容展开效果。我接着再说一下关于平台的事情,以期能帮助到像当初的我一般迷茫的朋友。对于想在PC上安装OS X去使用sketch之类的同学,如果你没有相对深厚的关于计算机或电脑系统方面的知识和理解,我个人建议最好是不要尝试。不然在时间上会入不敷出。安装上可能不难,但要让它能完美运行这就是十分困难甚至痛苦的一件事,且不是所有电脑都能成功安装上。所以,如果你没有掌握相关知识和足够的信息请不要轻易尝试,宁肯花钱买mac。如果实在拮据也不必气馁,前面我也提到了最核心的是设计的思想,而工具则是用来表现思想而存在的。不要被工具所束缚。

Photory- light - transition test #4. 17/22/2016. Hackintosh - Sketch/Origami.


到这里着实我自己也有些许惊讶,本来是只想自己发个 po 和昨天的自己说声拜拜,留作纪念。可没想到这样下来写了不少东西。不过我还是很乐意和大家分享的。希望其中一些关于平台,软件的信息可以帮助到一些朋友,也希望我的经历能给大家些许鼓舞,看吧,像我一个辍学的家伙都还凑合,你为什么不行?因初我初入时也是不知所措,但学习是可以弥补这一切的,唯独学习是一定不能停下的。 Po 一次发不完,所以我会把这个分为两部分,后面部分可能会分享一些我工作中的感受和体会以及理解。其实这两部分全部都是关于动效方面的作品。如果你感兴趣,还可以到我Dribbble页查看其它的拙劣之作。我不需要什么点赞,那些虚的不是我关注的点。我关注的只是如何能够变得更好更强。如果你对于我分享的一些信息或者作品感兴趣,当然也欢迎follow我,在这里,在dribbble都可以。文首文尾做的简单,因为困,晚了,睡去,明天再见。啊对了,我正准备找一份UI/UX/交互方面的工作。最近一直在看书,休息挺久的。

50

作品信息

  • 创作时间

    2017/09/13

相关作品 收录收藏夹 TA的主页
MEALSTONE #1 @NEKO
Hello PM 意见反馈
没有新消息
密码登录
短信登录
微信二维码登录

提示文案

提示文案

提示失败
提示成功