Sketchbook by Martin Hughes- Another interactive site, but this one is more personal. The navigation takes the form of a pack of pills, and you get to another page by “swallowing” them. This site is also a bit confusing, unless you read the “suggested user tips” on the main page. The transition effects between pages are a bit crazy and disorienting, with text and titles zooming and rotating at random angles, but that just adds to the fun. The Sketchbook serves as an animated journal of Hughes’ experiences in life, though it’s hard to make sense of them, even if you do take the pills in the right order. I admire his style, because the page content is random and bizarre, but at the same time fun. The animation is definitely amusing (like on pill nine- the walking red skull chasing a dollar bill), and it seems to push the boundaries of what is acceptable to today’s Flash-familiar audience.
Wednesday, April 18, 2007
RIA and Sketchbook
Sketchbook by Martin Hughes- Another interactive site, but this one is more personal. The navigation takes the form of a pack of pills, and you get to another page by “swallowing” them. This site is also a bit confusing, unless you read the “suggested user tips” on the main page. The transition effects between pages are a bit crazy and disorienting, with text and titles zooming and rotating at random angles, but that just adds to the fun. The Sketchbook serves as an animated journal of Hughes’ experiences in life, though it’s hard to make sense of them, even if you do take the pills in the right order. I admire his style, because the page content is random and bizarre, but at the same time fun. The animation is definitely amusing (like on pill nine- the walking red skull chasing a dollar bill), and it seems to push the boundaries of what is acceptable to today’s Flash-familiar audience.
Design Exploration
If you want a compelling site to visit check out http://www.okaydave.com/
I think I spent about 45 minutes there checking everything out.
This is an award winning artist’s portfolio site. The design has very good consistency, in several arenas, throughout the site. He used contrast well on the home page. It has a collage of photos in black and white and when you roll over it elements pop out to click on in color. He uses a lot of black and white but it feels warm because of the dark background and brown tones. He also has a nice menu that is on every page at the bottom with a red pencil circle that highlights each choice as you rollover. Having this menu stay there makes you feel grounded and knowledgeable as to where you can go and are. When you first get to the homepage he has a pleasing video type effect with music that he replicates in the little videos that he has on his other pages.
Most pages are broken up nicely into 3 parts. The left side has video on top and sub-navigation for the information on the right side of the screen. The screen is split so that the right side has more room than the left which is visually appealing.
There is a nice combination of artsy, scratched words and hand-drawn loading images, yet there are nice, polished, professional projects and they end up being very cohesive. For instance on his logo page he has some simple stark and bold logos and you can move the mouse to see his design notes scrawled out.
The music is appropriate and not overwhelming. His videos explain each project in a visually stimulating way and are not too long. I would like it if he had a written synopsis but I guess that is where his process notes come in so it works. And I’m sure that is what he thought when he did it. It left me inspired.
Another site that was nicely done, visually stimulating and fun exploring is http://www.longneck.ro/
Tuesday, April 17, 2007
New Media Exploration
As we continue to advance in technology at the rate we are at, it is only up to the imagination where we will take new forms of medium. For now we have the internet, television, movies, video games, and analog mediums such as the classic pen on paper or paints. But as we continue to progress, it seems that the boundaries between the two will no longer exist.
For example CrystalRender will take any 3D model that you have created and place it within a crystal so that you may display as your very own personal accessory. What they do is convert the polygons of the model into a collection of points that match up with the geometry surface, and then they shoot tiny lasers into the crystal which causes the structure to heat up and crack. These small cracks when collected together will form a dusty looking cloud that represents what your original polygon model looks like in perfect detail.
Another sort of medium is within the futuristic realm. A Brain-Computer Interface, at some point we will be able to directly link our brains with computers using a sort of data-jack or other port system, our brains and the machine will be able to speak a common language and with that we may be able to not only create within a new perspective but be able to experience new or familiar forms of media in a whole new way.
Fashion vs Fun
site was a very fun fashion web site. The look of the site captured the feel of the jeans experience. Grungy, but playful. They offered a unique way of viewing the model wearing the clothes. He was positioned on a coin that slowly turned so you could view him front and back. There was a variety of levels of navigation offered. Up close you could choose very casual, kinda casual and dressy casual. They offered a sample of each and then navigation further back in the page offered you a choice of denim, shirts, tees, tops and outerwear for each style. The top level navigation offered product, jeans, style advisor, heritage and store locators. I like how the design was clean, playful, captured the product feel well. It was very easy to see the navigation, although it was not huge and in your face. Quietly understated and yet easy to access. The site loaded very quickly throughout which is always a big plus. There was music on the site but they were also considerate enough to add a sound on/off button choice in case the music was not to your liking.
The fast loading helped me stay on the site. The easy to use navigation encouraged me to investigate the site. It was an altogether pleasant experience. Well designed, well laid out, thoughtful to the end user, not just there to cram as much Flash in our face as they can.
Sze's site offers the visitor an opportunity to experience a wide variety of Flash styles. From an interactive flash book, to a silly catch the chicken game. It offers a mix of commercial projects and pet projects. I enjoyed the pet projects best. Always a good way to keep your creative juices flowing. She won the first annual Flash Goddess award for her pet projects. The site loaded quickly, was very entertainingly presented. Maybe a little cute for guys... but thats ok - there are lots of us females out there exploring the web : )
Design Exploration
www.dreamstudiodesign.com : Here's another flash technology that is beyond this class :) I may sound ambitious, but hey.. that's how websites like these are concieved. I've done research about this technology. Today, there are support softwares out there that help bridge the gap between flash 2D design and 3D design. Check out www.erain.com they offer this software called "Swift 3d". As for the design, interactivity and purpose of this website.. it's very simple, elegant, yet humorous. Each navigation represents an animation on the screen, or you can do it also by mouse over. Each area of the navigation, which also contains information has a little "short animation" to accompany it with. Overall, it's visually interactive. For those poeple who wants their animation to go to the next level, this is the way to go.
Flashy Flash
Here is flash being put to work in the online retail market. I really enjoyed navigating through this site and it has sparked many ideas for myself and now hopefully you to use in future productions. They have really nice visuals with awesome transitions. They have a lot of action going on with-in the site, yet still maintain a uniform flow. I like the way they incorporate video and pictures into the site. I hope we can learn to do some of the transitions they use to navigate through out the site. So over all i think its a great site. I do feel they could improve. I would like to hear alittle more audio through out the site, i think it would really bring it to life. The main problem is this site is very hard to find. I was unable to find the site through google searches. I had to find it through links. Here is the site! www.windwakewater.com
Monday, April 16, 2007
Design Exploration (Disney.com <> Agencynet.com)
I discovered that Disney.com has become quite an elaborate flash site
and I would like to compare it to agencynet.com (click anchor link and read just below 2nd picture), which also has an impressive video animated flash interface.
At first glance Disney seems a complicated website, overwhelming with lots of information. Discovering the site is meant to be an adventure, a reflection of the lay-out of Disney's themeparks. But instead, the main pages focus on the company's core businesses.
Looking at the source code, I learned that the website developers built a CSS site with Flash movies and flv's (Flash Video's) embedded in a Flash driven interface. They also used javascript to call the flash elements within the interface. The homepage source code is unexpectedly short, I assume because of the javascript code, that processes the webpage needs/call outs on Disney's webserver. Still so much to learn and understand and so little time: "...Mork calling Orson, come in Orson,... I need more life..." *Sigh ;)
Each web/Flashpage opens with a wonderfully beautiful background (hallmark of Disney's State of the Art animation capabilites), then the subwindows load. At the top of each page is a recurring horizontal control bar with navigation text buttons with a matching clickable icon above them that branch off to a new webpage. Some pages carry an Ad banner (Movies, TVshows, etc). The NavBar lists Disney's main lines of business: movies, TV, games, music, live events, travel, shopping, mobile, characters, and Disney XD (Xtreme Digital). On rollover, the buttons glow up and a trace of pixie dust shoots across, and the corresponding icons light up. Central on each theme page is a flash video... Disney's website tries to avoid being perceived as a commercial website. This is a place where dreams come true, a magical and happy place, pixie dust (cute) is all over the webpages and in the flash intros...
The visual center of any of Disney's webpages (except for the shopping pages, which tend to have a more commercial look and lay-out) is just slightly above and to the right of the actual (mathematical) center, and that's where the designers placed the Flash flv's. This tends to be the natural placement of visual focus, and is also sometimes referred to as museum height. The design recipy of the pages also respects the rule of thirds. Top 1/3 includes Adbanner, Horizontal NavBar, and windows with main flv panel. Middle 1/3 branch off to individual Disney characters. Bottom 1/3 contains legal footer. All 3 parts are embedded in a main Flash window. So what I'm trying to state is that the website consists of embedded, cascading style Flash based webpages. Cool!
The balance of the webpages are approximate horizontal symmetrical. Symmetrical balance occurs when the weight of a composition is evenly distributed around a central vertical or horizontal axis. The size of the whole website is really big, matching the clout of a Fortune 500 company. The cluttery look with windows left and right reflects the feel of the store fronts of Main Street in Disneyland. There is quite a lot to discover. Have fun!
For example: explore the fairy minigames at: fairies minigame: sundown. Aren't those fairies enchanting!
Another attractive Disney cartoon character I like is Kim Possible. Have you noticed "Erin Esurance" the auto insurance company's secret agent looks like Kim. Well yes, they have the same been created by artists from different companies: Alan Lau (who used to work for Disney) from ghostbot.com and Phil Robinson from W!ldbrain.com. The last two links: "Lau" and "Robinson", lead to QuickTime video versions of original Flash animations.
On to the next one:
AgencyNet.com
Check out the website by clicking the picture here below:
The webdesign technology is similar to Disney's, but this company chose to display a professional & clear commercial corporate identity.
Website build is the same symmetrical center balance. A group of flv's are strung together and are in fact clickable button areas (they flash on rollover) with embedded Flash movies (swf's) that link to a deeper level in the site. The background murmur gives this an active office feel. I wonder how they shot the videos as base for the clickable buttons. Anyone have an idea?
Anyway, this website gives Agencynet.com an interesting and modern, corporate cool image!
Victor Sturm
4/16/07
Is there a new Flash 9 CS3?
In this site, there are several examples of superb websites using flash. There is one about IKEA, which I found quite interesting. Check it out.
Do you know about the new Flash 9 CS3?
www.flashmagazine.com/
They mention about script action 3.
Are we going to learn this in the advanced flash class?
Tuesday, April 10, 2007
Design Exploration
The second site that I really likes was wynn hotel in las vegas.This site has a great navigation to different parts.There are many different categThe menu which leads us to different sections of this site and presents the hotel.This site is about a great hotel and I think it's really showing the great things about this hotel by using the colorfyl pictures and color.The way the menu works is so interesting .This site is a great example of using flash.
Summit, Solid Designs
Official-Linerider.com
Line Rider was originally created by Boštjan Cadež, a Slovenian university student, in September of 2006. It almost immediately gathered a cult following and became the seventh quickest gaining keyword in Google. Since that time, the ‘toy’ has generated over 16 million views. Fans quickly noticed that they could create tracks, set them to music, and share them over YouTube.com. Currently, there are over 11,000 shared videos with many more to come. InXile Entertainment is extremely excited to work with Boštjan in order to reach the full potential that we feel the Line Rider application can live up to.
This website is fun and entertaining for both young and old. It seems like it took alot of Action script to create. It is a very simple to used game but very complex to make.
Tuesday, April 03, 2007
Teamironmen.com
I picked this website because I love paintball and I wanted to do something about it.
So the website I decided to explore is Teamironmen.com.
Teamironmen.com is a website for the professional paintball team Ironmen.
This is a website where people can find info about the team, team members and find where they are going to be playing next
One thing about this website is that it is made entirely with flash and it is very easy to navigate through.
The website is somewhat basic and the use of colors is easy on the eyes and go well when the theme.
When you click on the team roster, an easy to use navigation list of the team loads.
It appears it uses a preloader when going from team member to team member.
It is also very easy to get back to the home page from every part of the site, which alot of flash site don't have.
Other than that the site is pretty basic but I think it is well made with easy navigation.