found this awesome flash app on boingboing.
BLOG | SUBSCRIBE | SEARCH, ARCHIVES, ETC.
archive for the‘design’ category
flashy cells Friday, November 20th, 2009
want
Friday, November 6th, 2009
“periodic table succeed” from succeed blog.
“periodic table succeed” from succeed blog.
please say something
Thursday, October 8th, 2009
my friend kourtney sent this to me because it is reminiscent of the show we’re performing in right now. i love david o’reilly.
my friend kourtney sent this to me because it is reminiscent of the show we’re performing in right now. i love david o’reilly.
uniqlo flash wonderland
Tuesday, October 6th, 2009
i was recently perusing uniqlo’s us website and was amazed at the extensive and exceptional flash content. flash websites are super interesting and super controversial from a web-development standpoint. basically a regular HTML website (like this one) has all the content embedded in the actual HTML. the styling of the content is done by editing the HTML document or by attaching a cascading style sheet (or CSS - as i have done for this website) that your web browser then interprets and displays for you. a flash website (which is basically any fancy website that moves) is more like a movie than a website. when displaying a flash website, your browser simply loads an swf file (or flash movie file) and displays it, like it would a quicktime movie. the advantage to using flash is first and foremost, the dynamic representation of content through animation that is often achieved, but also a designer knows that no matter whoever is viewing the page - on whatever operating system or with whatever browser - will see the exact same page. HTML pages can load differently depending on user settings of font size, or styles and because of various browser discrepancies. there are advantages to using HTML over flash, however, including unique page searchability and direct linking and updating. one cannot link to a specific part of a flash website within the site because (as you may notice when viewing such sites) the URL or website address doesn’t change. navigating a flash site is like skipping around to different parts of a movie. likewise, updating a flash website involves opening the “movie” and editing a specific section or scene, and can be very time consuming.
normally i’m a fan of creative use of HTML pages. that said, i have been blown away by the use of flash on the uniqlo site of recent. i suggest visiting the site for yourself and exploring, but here are some highlights :
the uniqlo collection fashion show is a dynamic video of a runway show that is also interactive. by rolling your mouse over a model as he / she is walking a number will come up above his / her head, which you can click to take you to more information on the specific look. the model is then singled out and shown walking alone on the plus-sign shaped catwalk. brilliant.
the uniqlo calendar, which can also be downloaded as a screensaver features tilt shifted and sped-up footage of various japanese settings with a beautifully laid out, customizable calendar / weather feature to the right.
uniqlock is a fun and festive clock (also available as a screensaver) that features great color and typography and some quirky choreography. i literally spent an hour looking at this the other day. it’s mesmerizing.
uniqlo introduction is an amazing auto-scrolling flash page that gives a whirlwind overview of the uniqlo product line and principles. you can click on each item or image to give you more information. the amount of data represented is astounding.
tokyo fashion map is a great interactive animation that features people on the street in specific neighborhoods of tokyo passing garments to each other through the magic of video! the map interface is stunning as well.
and finally, uniqlo from tokyo to paris challenges to be the world’s longest website at 28,200 pixels. again the amount of data displayed here is astounding and the representation, dynamism and use of the grid is gorgeous.
according the uniqlo website they will be launching a new online store for their upcoming heattech line. i can’t wait to see what they come up with next.
i was recently perusing uniqlo’s us website and was amazed at the extensive and exceptional flash content. flash websites are super interesting and super controversial from a web-development standpoint. basically a regular HTML website (like this one) has all the content embedded in the actual HTML. the styling of the content is done by editing the HTML document or by attaching a cascading style sheet (or CSS - as i have done for this website) that your web browser then interprets and displays for you. a flash website (which is basically any fancy website that moves) is more like a movie than a website. when displaying a flash website, your browser simply loads an swf file (or flash movie file) and displays it, like it would a quicktime movie. the advantage to using flash is first and foremost, the dynamic representation of content through animation that is often achieved, but also a designer knows that no matter whoever is viewing the page - on whatever operating system or with whatever browser - will see the exact same page. HTML pages can load differently depending on user settings of font size, or styles and because of various browser discrepancies. there are advantages to using HTML over flash, however, including unique page searchability and direct linking and updating. one cannot link to a specific part of a flash website within the site because (as you may notice when viewing such sites) the URL or website address doesn’t change. navigating a flash site is like skipping around to different parts of a movie. likewise, updating a flash website involves opening the “movie” and editing a specific section or scene, and can be very time consuming.
normally i’m a fan of creative use of HTML pages. that said, i have been blown away by the use of flash on the uniqlo site of recent. i suggest visiting the site for yourself and exploring, but here are some highlights :
the uniqlo collection fashion show is a dynamic video of a runway show that is also interactive. by rolling your mouse over a model as he / she is walking a number will come up above his / her head, which you can click to take you to more information on the specific look. the model is then singled out and shown walking alone on the plus-sign shaped catwalk. brilliant.
the uniqlo calendar, which can also be downloaded as a screensaver features tilt shifted and sped-up footage of various japanese settings with a beautifully laid out, customizable calendar / weather feature to the right.
uniqlock is a fun and festive clock (also available as a screensaver) that features great color and typography and some quirky choreography. i literally spent an hour looking at this the other day. it’s mesmerizing.
uniqlo introduction is an amazing auto-scrolling flash page that gives a whirlwind overview of the uniqlo product line and principles. you can click on each item or image to give you more information. the amount of data represented is astounding.
tokyo fashion map is a great interactive animation that features people on the street in specific neighborhoods of tokyo passing garments to each other through the magic of video! the map interface is stunning as well.
and finally, uniqlo from tokyo to paris challenges to be the world’s longest website at 28,200 pixels. again the amount of data displayed here is astounding and the representation, dynamism and use of the grid is gorgeous.
according the uniqlo website they will be launching a new online store for their upcoming heattech line. i can’t wait to see what they come up with next.
insert coin Monday, September 28th, 2009
finds under the bridge
Monday, September 28th, 2009
on saturday i popped by the the art under the bridge festival presented by the DUMBO arts council. i exited the train station at york st. and immediately encountered people wearing full, face-covering bodysuits made of colorful knit yarn. the streets of DUMBO (which is the acronym for the neighborhood that exists Down Under the Manhattan Bridge Overpass) were filled with street vendors selling art, food and putting on public performances. i only got to partake in a minimal portion of this festival as i got there kind of late, but i was still able to catch some interesting stuff. my favorite part of the festival was the advent of the “open studio.”
DAC created a phenomenal guide (that can be viewed in its entirety here) that presented all events and artists participating in a stunningly designed fashion. an excerpt of the open studios chart is depicted below. the color, layout and typography are exquisite. i brought one home (it’s pretty big when unfolded - larger than a newspaper, and square) and i’m debating whether hanging it on my wall next to the owl print (pictured above) that i purchased from sesame letterpress, a design studio that prints and embosses on antique (sometimes foot-operated!) letterpresses.
i visited several open studios (mostly ones housed underneath the smack mellon gallery) and a few housed at 55 washington st (including sesame letterpress, mentioned above).
ari tabei creates these elaborate bags, blankets and dresses made of what appeared to be trash - recycled newspaper, plastic and rubber. “redress” pictured below.
lea bertucci had an interesting installation comprised of two motorized slide projectors with slides of naturally lit, industrial wasteland-like interiors. when the viewer’s body interrupted one of the projectors beams, it cast a shadow on the wall revealing hidden aspects of the other projector’s image.
yoko inoue’s studio was filled with fascinating ceramic masks featuring the likeness of hello kitty and other pop japanese figures, but ceramic with hair pieces attached to them, giving them the impression of ritualistic idol versus kitsch object.
kwabena slaughter creates extremely long (up to 54′) lightboxes showcasing slide film he shot using a specially modified, motorized camera that slowly advances a roll of film through a camera to create one continuous, time-encapsulating image.
lovid creates interactive hubs, video installation and hi-techno-plasticine installation art and sculpture.
several of the above artists will be represented at art in odd places SIGN Festival from oct. 1 through 26. the festival (from what i can gather) features all types of site specific art, this year on 14th street in manhattan.
what really excited me about this festival was the positive impression of DUMBO it gave. from years of rehearsing in this wealthy, loft-y neighborhood peppered with overpriced design stores and organic markets, i had developed an idea of the neighborhood that alienated me from it. but seeing artists in their 20s and 30s working in this seemingly too-expensive hood made it all seem a bit more within reach. not to mention, the public projects that have occurred there are stunning. lights and benches under the manhattan bridge overpass (the namesake of the neighborhood) are stunning, and gave a location for video art projects at the DAC festival. the square filled with metal sculptures and cafe tables just north of the bridge makes the neighborhood reticent of a hip european art district.
as i was leaving i picked up the print featured below. two-octopuses in love. it was a beautiful contrast to the steel cold modernism of the neighborhoods usual representation and architecture. the artist, daria tessler, told me she silk screens her prints in her bedroom.
on saturday i popped by the the art under the bridge festival presented by the DUMBO arts council. i exited the train station at york st. and immediately encountered people wearing full, face-covering bodysuits made of colorful knit yarn. the streets of DUMBO (which is the acronym for the neighborhood that exists Down Under the Manhattan Bridge Overpass) were filled with street vendors selling art, food and putting on public performances. i only got to partake in a minimal portion of this festival as i got there kind of late, but i was still able to catch some interesting stuff. my favorite part of the festival was the advent of the “open studio.”
DAC created a phenomenal guide (that can be viewed in its entirety here) that presented all events and artists participating in a stunningly designed fashion. an excerpt of the open studios chart is depicted below. the color, layout and typography are exquisite. i brought one home (it’s pretty big when unfolded - larger than a newspaper, and square) and i’m debating whether hanging it on my wall next to the owl print (pictured above) that i purchased from sesame letterpress, a design studio that prints and embosses on antique (sometimes foot-operated!) letterpresses.
i visited several open studios (mostly ones housed underneath the smack mellon gallery) and a few housed at 55 washington st (including sesame letterpress, mentioned above).
ari tabei creates these elaborate bags, blankets and dresses made of what appeared to be trash - recycled newspaper, plastic and rubber. “redress” pictured below.
lea bertucci had an interesting installation comprised of two motorized slide projectors with slides of naturally lit, industrial wasteland-like interiors. when the viewer’s body interrupted one of the projectors beams, it cast a shadow on the wall revealing hidden aspects of the other projector’s image.
yoko inoue’s studio was filled with fascinating ceramic masks featuring the likeness of hello kitty and other pop japanese figures, but ceramic with hair pieces attached to them, giving them the impression of ritualistic idol versus kitsch object.
kwabena slaughter creates extremely long (up to 54′) lightboxes showcasing slide film he shot using a specially modified, motorized camera that slowly advances a roll of film through a camera to create one continuous, time-encapsulating image.
lovid creates interactive hubs, video installation and hi-techno-plasticine installation art and sculpture.
several of the above artists will be represented at art in odd places SIGN Festival from oct. 1 through 26. the festival (from what i can gather) features all types of site specific art, this year on 14th street in manhattan.
what really excited me about this festival was the positive impression of DUMBO it gave. from years of rehearsing in this wealthy, loft-y neighborhood peppered with overpriced design stores and organic markets, i had developed an idea of the neighborhood that alienated me from it. but seeing artists in their 20s and 30s working in this seemingly too-expensive hood made it all seem a bit more within reach. not to mention, the public projects that have occurred there are stunning. lights and benches under the manhattan bridge overpass (the namesake of the neighborhood) are stunning, and gave a location for video art projects at the DAC festival. the square filled with metal sculptures and cafe tables just north of the bridge makes the neighborhood reticent of a hip european art district.
as i was leaving i picked up the print featured below. two-octopuses in love. it was a beautiful contrast to the steel cold modernism of the neighborhoods usual representation and architecture. the artist, daria tessler, told me she silk screens her prints in her bedroom.
flash! typography!
Thursday, September 24th, 2009
i created this typographic animation for prof. christie shin’s digital design i class at pratt.
the assignment was to create an animation in flash primarily using typography, representing a neighborhood in new york city. we also had to create a brand identity for the neighborhood. i chose stuyvesant heights - my neighborhood! my intention with this animation was to brand stuyvesant heights historic district as a destination for anyone who appreciates brooklyn history and is interested in the culture, community and architecture of this extremely well preserved, turn of the century neighborhood.
our next assignment is to create an image-based animation using after effects.
i’m excited about the second assignment, as i’ve never used after effects before. this assignment wasn’t necessarily easy (although i do have ample experience creating websites in flash) but it’ll be interesting to see if i’m savvy enough to be able to translate the images in my head to the screen.
ps - grad school rocks.
i created this typographic animation for prof. christie shin’s digital design i class at pratt.
the assignment was to create an animation in flash primarily using typography, representing a neighborhood in new york city. we also had to create a brand identity for the neighborhood. i chose stuyvesant heights - my neighborhood! my intention with this animation was to brand stuyvesant heights historic district as a destination for anyone who appreciates brooklyn history and is interested in the culture, community and architecture of this extremely well preserved, turn of the century neighborhood.
our next assignment is to create an image-based animation using after effects.
i’m excited about the second assignment, as i’ve never used after effects before. this assignment wasn’t necessarily easy (although i do have ample experience creating websites in flash) but it’ll be interesting to see if i’m savvy enough to be able to translate the images in my head to the screen.
ps - grad school rocks.
blick madness
Monday, September 14th, 2009
stop by blick art materials on bond st. in manhattan on September 24th, 2009 for awesome deals and free stuff.
from their site :
Mark your calendars for Blick Madness on Thursday, September 24th! Come to the store for goodies, music, giveaways, and product demos. Also enter for a chance to win a 72-count Studio Set of Prismacolor Premier Double-Ended Markers — over a $300 value! The store will be hosting a Montana Cans spray paint demo as well. Contact the store for more details.
stop by blick art materials on bond st. in manhattan on September 24th, 2009 for awesome deals and free stuff.
from their site :
Mark your calendars for Blick Madness on Thursday, September 24th! Come to the store for goodies, music, giveaways, and product demos. Also enter for a chance to win a 72-count Studio Set of Prismacolor Premier Double-Ended Markers — over a $300 value! The store will be hosting a Montana Cans spray paint demo as well. Contact the store for more details.
design for a living world @ cooper-hewitt
Monday, September 14th, 2009
went to the cooper-hewitt national design museum this weekend and saw an amazing exhibit called sponsored by the nature conservancy. the exhibit’s been up since may and runs through january 4, 2010. if you’ve never been to the museum, i recommend checking it out for the architecture if nothing else. it’s housed in the carnegie mansion at 91st and 5th and is stunning.
the exhibit asked ten designers to create products from sustainable materials and include kate spade new york, isaac mizrahi, maya lin, yves béhar, christien meindertsma (whose organic wool project is depicted above) and abbott miller (from pentagram - also responsible for the exhibit’s exquisite layout).
the exhibit is $5 for students, $10 general and FREE for pratt students and faculty! (yay that’s me).
if you don’t want to make the trek, you can check out this (unlinkable flash) site, which includes all the video segments from the actual exhibition. but of course, seeing it in person is aces.
went to the cooper-hewitt national design museum this weekend and saw an amazing exhibit called sponsored by the nature conservancy. the exhibit’s been up since may and runs through january 4, 2010. if you’ve never been to the museum, i recommend checking it out for the architecture if nothing else. it’s housed in the carnegie mansion at 91st and 5th and is stunning.
the exhibit asked ten designers to create products from sustainable materials and include kate spade new york, isaac mizrahi, maya lin, yves béhar, christien meindertsma (whose organic wool project is depicted above) and abbott miller (from pentagram - also responsible for the exhibit’s exquisite layout).
the exhibit is $5 for students, $10 general and FREE for pratt students and faculty! (yay that’s me).
if you don’t want to make the trek, you can check out this (unlinkable flash) site, which includes all the video segments from the actual exhibition. but of course, seeing it in person is aces.
I.O.U.S.A. hits home with great motion graphics
Monday, September 14th, 2009
just watched this amazing movie called I.O.U.S.A.. i actually watched the 30-minute version on youtube as soon as it came out because i had heard that i was in it! a few years ago, the film makers, indeed, interviewed me on the street showcasing my ineptitude about american economics. in the 30-minute version, there’s only a short clip of me looking stupefied by as simple question, but if you rent the DVD, you not only get more witty commetary from me, but a bonus reel of street interviews where i actually perform a dance from big dance theater’s 2005 production the other here.
what i found most successful about this film was the use of motion graphics to depict otherwise mind-numbingly boring statistics. the film is about the financial crisis facing the american economy today - how we got here, what we have to do to get out - and amazing graphic sequences by graphic designer brian oakes make it all understandable.
i highly suggest watching this movie (and the bonus material!) to get a grasp on how we got to where we got in this economic mess. and for anyone interested in motion graphics, this film is a must to see how simple, efficient design can make even the most mundane subject matter exquisite and interpretable.
just watched this amazing movie called I.O.U.S.A.. i actually watched the 30-minute version on youtube as soon as it came out because i had heard that i was in it! a few years ago, the film makers, indeed, interviewed me on the street showcasing my ineptitude about american economics. in the 30-minute version, there’s only a short clip of me looking stupefied by as simple question, but if you rent the DVD, you not only get more witty commetary from me, but a bonus reel of street interviews where i actually perform a dance from big dance theater’s 2005 production the other here.
what i found most successful about this film was the use of motion graphics to depict otherwise mind-numbingly boring statistics. the film is about the financial crisis facing the american economy today - how we got here, what we have to do to get out - and amazing graphic sequences by graphic designer brian oakes make it all understandable.
i highly suggest watching this movie (and the bonus material!) to get a grasp on how we got to where we got in this economic mess. and for anyone interested in motion graphics, this film is a must to see how simple, efficient design can make even the most mundane subject matter exquisite and interpretable.