Posts

FINAL || Jock In The Box Logo Stinger

I had so much fun making my own logo stinger so I wanted to take a shot at another one for my final project. My dad owns his own disk jockey company called, Jock In The Box Entertainment. I did not design his logo but I had lots of fun playing around with it for this project! I'm also currently obsessed with the song from the red iPhone 8 commercial so thought it's fun beat would be perfect for a DJ logo stinger! I've really enjoyed this class and have had so much fun learning so many new techniques that I didn't even know I was capable of in such a short amount of time. I hope you all have enjoyed my work as much as I have enjoyed yours! Looking forward to definitely continuing to play around with motion in the future! Enjoy! :) Kaylee Powers ICM 504 Final || Jock In The Box Logo Stinger

Advanced Motion Inspiration

Image
https://youtu.be/IuisYC9x3Y0 This first stop motion short film that I came across absolutely blew me away. It's crazy to me how such small, mindless, everyday items can come to life with a lot of dedication, patience and hard work. Amazing, clever and adorable! https://youtu.be/3jxdWlM5ONM Another stop-motion, but so intricate and detailed to give it the perfect, real-life effect! I felt like I was in a coffee shop! https://www.invisionapp.com/blog/web-animation-ux/ I'm really starting to become obsessed with animated user interface - there is so much to do to bring any app to life simply and effectively. I loved this example (scroll to the second one) for an app pertaining to something of 24 hours in the day and the transition from AM to PM.

Chapter 10 Notes

Show & Tell: Create, Share, and Network ·       Every animated story has the potential to become a hit – viewed not only by the masses but by important industry folks looking for fresh talent o    The market is also flooded with content o    Cable networks battle with Netflix, Amazon, Hulu and more than 500 million YouTube channels Get It Out There ·       How does an animated storyteller find an audience to distinguish itself from the crowd? o    Getting your project seen by the most and the right eyeballs Step 1: Package Your Project ·       All about design! o    Create a working link (password protected for festivals) that’s ready to share Title Logo & Still: ·       Design a clean, quickly legible logo for the title of your project paired with a still “photo” from your film that embodies the story o    Necessary for promotional materials & displayed on your website, cover for DVDs or on posters for film festivals Synopsis:

My UI Animation

I had a lot of fun with this project! I also had so much fun animating my key logo so I figured it would be great to animate a search feature for my portfolio website!

Inspiration || User Interface Animations

Image
I had so much fun looking for these inspirational examples of user interface animations. There are so many unique, fun ones out there and people can get super creative! It's amazing to see how much these small, slight animations add to the interface and the user's experience as a whole. I found each of these at  https://1stwebdesigner.com/ui-mobile-app-animations/ 1. I loved the process of color coating the different categories for this persons accounts / credit cards. It makes it fun and interactive while also differentiating the categories easily. 2. I love checking things off of my to do list and I thought this app was a really creative way of making the user feel accomplished by deleting their tasks. There's something so satisfying about seeing your "to do's" slowly disappear. It is also a fun way of assigning a task to a specific person.   3. I love the idea of seeing your menu options and then dragging what information you are seeing to the cen

Chapter 9: Animate! Summary || Kinetic Interface Design Video Notes

Kinetic Interface Design – Video ·       Navimation: Combining navigation with animation ·       Social Navimation : Combining navigation in social media with animation ·       Motional Transformation : Gradually changing the form of a visual element ·       Spatial Manipulation: Mixing 2D and 3D spaces, be it physical or virtual ·       Temporal Navigation : Navigation that is continuous, as opposed to ‘click and wait’ ·       Indexical Compositing: Movement on screen that is similar to the movement of something else ·       Virtual Kinetics: Simulating physical forces such as gravity or magnetism Chapter 9. Animate! Big-picture thinking, frame by frame ·       Animation can be exactly the step when all hell can break loose. o    Each of the carefully constructed elements can be stubborn when united & put into motion Start Easy, Gain Confidence ·       Start by animating the most fun, short and easy-to-animate scene o    This