More Posts
Chief
Do we have to go back to work tomorrow?
Thoughts on account executive roles at Google?
Got an offer from Capgemini and they have given doj on 11th july. Later I got the last working day from my current employer which is 29th July. I asked Capgemini to revise my joining date. They agreed and even confirmed that over mail. Now the hr is not picking up my calls since last couple of days. Even she is not responding to my mails. I have the offer letter and their confirmation on mail that they will revise my doj once I get the lwd from my current employer. Now whom should I contact?
Conversation Starter
What did you miss most while being deployed?
Additional Posts in Designers
Enthusiast
Coach
New to Fishbowl?
Download the Fishbowl app to
unlock all discussions on Fishbowl.
unlock all discussions on Fishbowl.
It is an open source animation file format that is very small (600% smaller than a gif) and high quality.
It is more and more used in websites because the size is very small, therefore it won't affect the speed of your website.
There are plugins to convert Gifs into Lottie format. Lottie files are coded in Json (a snippet of code) that you can embed in a website.
Knowing about it is an advantage because this type of format starts to widespread (inspect some of animated website, and you'll start to see lottie instead of gif)
You don't have to learn coding. You just need to learn to use the code - there are tutorials about it.
I don't code - but I can convert and embed lottie files.
This. Can be for web or app and let's you control the motion if you are the animator, instead of making a programmer try to animate or having to do an example video they have to rebuild in code. I just handed it off to the dev team to insert. They were equally don't touch about their code as I was about the animation.
It's worth noting both Figma and XD both support drag / drop .JSON animations in prototypes at this point. I've used the Lottie documentation posted above in discussions with developers to help show "it's easy" to plug and play animated SVG .JSON files from my build kits.
I don't know any javascript,.. but when I show developers it's well documented and has pre-built event queries they're usually happy.
Oh my god, I had no idea my svg animations would play in XD prototypes! Every day's a school day!
It’s a lightweight animation system for web and native devices. Animations can be made without coding, and imported from a variety of sources (like after effects). It’s great for integration of animation in design and development workflows, and lets you set up reusable animation patterns for faster delivery and consistency.
Here’s the Airbnb overview (they created the system) https://airbnb.design/lottie/
Lottie’s usually used for exporting animations/gifs and converting it to code so developers can use them. An example of this is a loading animation created in adobe after effects that will be used in a web app.
A plugin for after effects can be downloaded and used so animations/gifs that are created in after effects can be uploaded to lottie.
As far as the need to know about it, I think it will be a great help for UI designers. It’s not really required in a sense but it’s a great advantage to have.
Not really a file format. Lottie has its own web app where you can get the code from the file you uploaded. So basically it’s just a tool to convert gifs to code.
Huh
?
I think it's just a script, exchange the use of format, sort of like json exports that work with code. I did one for a weather app. Had to be all vectors mostly, and is easy to learn on the job. I had to use it and had never heard of it.
Nope, just installing it in after effects
Don't need to know much about it other than its a plugin for After Effects that allows users to export SVG animations.
A developer might need to know more, but it basically just involves using the bodymovin js library and pointing to the lottie file.
As others have said, it’s a light weight animation option. However, the accessibility of it seems to be a huge gray area. Whenever I research it seems like the accessibility accountability point is thrown around like a hot potato no one wants to address.
Yeah I live in a 12 person a pod, dual track agile with accessibility experts world. It’s likely not the best for a small studio. That being said, it behaves much like iframes do in terms of there being control from the person creating the package (the person making the animation for Lottie) and the person implementing the package (dev team), but you need devs and designers who intrinsically understand accessibility best practice.
Like you said, it needs modification to meet 2.1, but those are simple if you know what you’re doing. Comes down to team composition.
It’s an After Effects plug-in. You can create simple animations (for example a loader) and export it as a .json.
You can use the same json in adobe XD and your front-end dev will have the exact animation. It’s quite cool.
Their website also has a marketplace where you can download animations created by others.
It’s not a must, but microanimations and interaction amimations should never be overlooked.
A Lottie is a vectorised animation. Think of a gif, but vectorised, so that it looks and flows really nice. This is done through a plug-in called body motion on after effects. Lotties look and perform really well on the web.