Post no.1
So the first semester of my final year begins.
This post is written for the PPM subject, and like all first posts that I have ever done, it would contain a bunch of links where I was instructed to find to start off my research.
I chose responsive website design, gesture technology and interactive motion graphics. Those are the three of the core topics I'd 'like', may or may not execute for my final project. Obviously I would be into installations first, but website designs and graphic jobs work as my, how do you say it; "bread and butter" for the real thing which I'm really passionate about, which is a hybrid of Guerrilla Marketing + Interactive Installations.
Guerrilla marketing basically means (from what I understand) doing something so out of the ordinary with the least budget available, making maximum impact. That's what I'd like to do. Supervise and be the thinker of those ideas. Unfortunately, there's this metaphorical ladder which I have to climb. Which means, that I have to start from the bottom of the food chain, the executors.
I'm quite an all rounder, my skills of graphic and technical skills are at average. I think alot, so that makes me more of a contextual kind of person.
Okay enough of the nonsensical rambling, I'll save them for my next post when I actually start to reflect on the pros and cons on each category.
1. Responsive Website Design
Responsive web designs. Try pulling the screen smaller and larger with your mouse and you could see it take effect. It's basically responsive, it responses to the size of the screen. Be it mobile/desktop or whichever platform.So the first semester of my final year begins.
This post is written for the PPM subject, and like all first posts that I have ever done, it would contain a bunch of links where I was instructed to find to start off my research.
I chose responsive website design, gesture technology and interactive motion graphics. Those are the three of the core topics I'd 'like', may or may not execute for my final project. Obviously I would be into installations first, but website designs and graphic jobs work as my, how do you say it; "bread and butter" for the real thing which I'm really passionate about, which is a hybrid of Guerrilla Marketing + Interactive Installations.
Guerrilla marketing basically means (from what I understand) doing something so out of the ordinary with the least budget available, making maximum impact. That's what I'd like to do. Supervise and be the thinker of those ideas. Unfortunately, there's this metaphorical ladder which I have to climb. Which means, that I have to start from the bottom of the food chain, the executors.
I'm quite an all rounder, my skills of graphic and technical skills are at average. I think alot, so that makes me more of a contextual kind of person.
Okay enough of the nonsensical rambling, I'll save them for my next post when I actually start to reflect on the pros and cons on each category.
1. Responsive Website Design
A) Benchmarks
Which makes These sites rather amazing.
Junction Design
Link Here
Things I notice on this site besides its beautiful responsive grids, are:
- It has that really smooth transition when you scroll down
- Easy to navigate, tons of contrast so that you would know where the buttons are.
- There's optimum amount of information provided on the site.
- Or like how the fonts change color and react when you are that particular section of the website.
A screenshot of website --> mobile interface. It changes! WOW!
the cons are:
- few.- it feels a little confusing to me at first with those random triangles being placed around as such.
Creative Knight
Link Here
Another screenshot of web to mobile transitions
Pros:
- Not confusing at all, super clear and clean
- I notice the images in the links actually scale a little bit in and out to give more life to the site.
-The intro animation helps.alot.
- I have a thing for full blurred images plastered onto websites as backgrounds.
- It has a pretty cool custom cross-haired cursor.
Cons:
The colors bore me.
Design a Watch
Link Here
Pros:
- CLEAN- Easy to understand
- The animations of the tick buttons. It scrolls rather than just switch coordinates/frames.
CONS:
- When I switch between the web and mobile sizes, they actually change the section I was in! BAD!- It looks kind of unfinished. But the animations saved them.
B) Sources of inspiration:
- The need to have the ability to be diverse in coding to translate webs into different platforms.
- Various award winning websites
C) Anyone who could code and design a beautiful website with good User experience.
2. Gesture technology – Sensors (THE CHOSEN ONE)
I have always been intrigued by the future, ever since that one assignment where it required me to read some sci-fi novels by Philip K. Dick. Who knows, in the future our mobiles would just act like CPU's and everything physical around us could be the interface? I don't like media being confined into a screen.
A) Benchmarks
Sixth Sense
Link To Video Here
Your hand becomes your phone!
*on the down-side, nobody ever remembers hand phone numbers so this might be a major flaw.
Taking a digital picture by just forming the ol'-picture-taking-gesture that has been done even before the invention of cameras.
Notes:
What interests me about Pranav's work is that although introduced in 2009, it's technology and idea still impresses me today. He successfully used everyday gestures and their imagined functionalities and realized them. He was able to realize people's imaginations of technology when all they had were their bodies / everyday static objects.
This 'translation' idea of making what is unreal, real - intrigues me.
Link Here
This is one of the first inspirations ever since the last project I did which involved these sensors. I love how seamless it is on how technology could be disguised into our everyday lives. It could be as thin and comfortable as fabric.
Large-Area Touch Sensors Using Textile Integration Technology
Link Here
Notes:
One thing about textile-integrated technology is that you wouldn't have the same physical feedback you get from clicking a regular button. Therefore, many replace that feedback with sounds/vibrations and responsive graphical interfaces. Very much like touchscreen interfaces today.
The good thing about textile tech, is that it could be worn. Seamlessness.
B) Sources of inspiration:
- TedTalk by Pranav
- Innovative sensor experiments on Youtube
- Livetags
C) Person of inspiration: Pranav Mistry - Sixth Sense
3. Interactive Motion Graphics/Animation
I generally love animating things, (I do so in Flash and After Effects) transforming them from a static image into a character with full fledged emotions and character.
I like seeing unusual transformations of one scene or object to another, and about how seamless it all looks.
The thing I notice about all the random stills I screenshot from them, is that they still looked like a complete, stylized picture even tho it's just randomly taken. The three benchmarks below are my favorite styles. Flat, Surrealistic and Vintage.
A) Benchmarks
There are more than 11 Trillion Things To Learn
Link Here
Notes:
- Every frame has its moving elements and it's done with such fluidity.
- They play with positive and negative space alot, which I find interesting.
DISFORM 2013
Link Here
Notes:
- Is my speaker spoilt or does this MG don't have any sounds done to it?
- I learn that sounds play a very important role if a message is to be conveyed in such a manner.
- Again, the distortions look fluid and the elements look finished.
Link Here
Notes:
- Vintage is my own personal style. I deal with alot of browns and blacks and woody textures.
- In this case, its bright, happy and colorful which is wayyy more interesting to look at.
B) Sources of inspiration
- Award winning videos
- Interactive and innovative campaigns which increase revenue and awareness.
C) Whoever working in Clemenger who did Telekinize the Rainbow . They were uncredited.
Their promotional case study motion graphic video was pretty good. They are able to explain the entire case study under 1 min 50 secs. Time, is essential as airtime are precious.
Til then, bientot!
No comments:
Post a Comment