Saturday, 4 September 2010
Tuesday, 24 August 2010
Tuesday, 10 August 2010
Monday, 9 August 2010
Thursday, 5 August 2010
Tuesday, 27 July 2010
Sunday, 25 July 2010
research kaleidoscope website
www.pointfootwear.com/kaleidoscope
Veebee Visual Communications
http://www.zeebee.co.uk/
Saturday, 22 May 2010
Is there a perfect web design width?
It’s hard for me to accept that visitors have the final say in how websites look. I like my designs to step into the world the way I envisioned them, but that’s just not possible on the web. People pop in with different sized monitors set to different color depths and resolutions using different browsers with different window sizes. There are way too many variables that web designers have no control over.
So I tend to stick with fixed-width layouts, a 960px web design width in particular. It reduces the effects of the visitor x-factor and it’s just about perfect for any website.
960px for the largest audience and the most flexibility
Below is a screenshot of the screen resolution statistics from W3Counter for September 2009. (Percentages were calculated from traffic to over 27,000 websites.)
The most popular screen resolution for the last several years has been 1024×768. And that’s been trailed by even larger resolutions. Granted, the numbers may change depending on the audience for a website. Sites dedicated to design, photography, or technology, for instance, will show a higher percentage of large screens. But, if you want a website to stay true to your vision for the largest number of visitors, then 1024×768 is the starting point.
From there, you have to take into account all the kooky things visitors can do with their browsers and what design options a particular size offers. This is where a 960px web design width shines.
- It leaves room for browser chrome and window resizing – The title bar, search box, scrollbars, menus, and toolbars all take up space within the 1024×768 viewing area. You also have to account for the fact that some visitors won’t have their browser windows maximized, so you may lose even more space. A 960px width allows you to pack in a lot of information and still leaves room for inconsistencies in window size.
- It’s evenly divided by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, and more – That leads to a staggering amount of grid options. Whether you’re into complex magazine-style layouts or just want a simple two-, three-, or four-column layout, a 960px width makes it easy to create a well-proportioned design.
What about 800×600 screen resolutions?
Some businesses and government agencies have been slow to upgrade from small displays and ancient browsers. If you’re sure the majority of your audience will sit in front of screens with an 800×600 resolution, then it’s a design limitation you have to live with.
If, however, you just want to accommodate every last visitor (I know the feeling), there’s a workaround. Create your design with a width of 960px, then position the navigation on the right side of the layout. Even though visitors with small screens will see a horizontal scrollbar, the full width of the content area should be visible on every page without scrolling. It’s a compromise, but that’s why I said a 960px width is just about perfect.
Get started with a little something from my toolbox
Below is a simple 1280×1024 grid that I use to start mockups in Photoshop (click the thumbnail for the full-sized version).
The grid includes the frames for two 960px width layouts, one centered (blue) and one left-aligned (green). Each of these is divided into thirds and quarters. All you need to do is drop the grid in a new PSD and drag a few guides directly over the frame you want.
As web designers, we don’t have the luxury of creating a pixel-perfect layout for every visitor. But a 960px web design width can go a long way toward putting control over finished sites back in our hands.
by Chet Garrison
Tuesday, 20 April 2010
NEW concept
Interactive educational game
An educational game which gets users to experience the environments around them and how are affected by daily. It could be talk about pollution and impact on animal and environments. It is a combination of intuitive interaction; storytelling and real time experience the environments to create a rewarding inspirational educational experience.
Research of educational game
http://www.msichicago.org/fileadmin/Activities/Games/simple_machines/
http://nobelprize.org/educational_games/medicine/insulin/index.html
Interactive storybook
Design and develop interactive, animation or series of still images that visualize story. It could take the form of an interactive timeline, an animation or image that deconstruct content of story.
Research of Interactive storybook
http://rabbids.uk.ubi.com/gohome/
http://www.scarygirl.com/world.php
Thursday, 8 April 2010
Monday, 5 April 2010
Pavilion Research 2
Sjölander da Cruz Architects
The pavilion embraces its context and invites people into its volume with a series of physically and visually permeable facades. Physical continuity is provided through each end of the structure; one end at a ‘human scale’ which relates to the access of the Lightbox gallery; and the other provides a point of departure from the confines of enclosure to the openness of the greater context.
"THE SLICE 'N' SLIDE ART PAVILION" - TOGS 2 (Art Alliance Austin)
TOGS 2 = Temporary Outdoor Gallery Space
project 1c - thaumatrope research
A card with a picture on each side is attached to two pieces of string. When the strings are twirled quickly between the fingers the two pictures appear to combine into a single image due to persistence of vision.
Persistence of vision is the eye's ability to retain an image for roughly 1/20 of a second after the object is gone. In this case, the eye continues to see the two images on either side of the thaumatrope shortly after each has disappeared. As the thaumatrope spins, the series of quick flashes is interpreted as one continuous image.
A thaumatrope could only take two images and merge them, essentially creating one still image from two.
Thursday, 1 April 2010
Pavilion Research
A two dimensional surface cut and folded into three-dimensional space, our pavilion draws inspiration from the art of origami. Its differentiated exterior of folded panels creates an intricate play of shadows and filtering of light while giving rigidity and structure to the pavilion. The inverted space of the interior provides a dynamic and embracing multipurpose space.
Temporary Art Pavillion / Sponge Architects
The flexible pavilion design of SPONGE is designed as a tunnel of wooden frames which can be pulled apart. In this way, the pavilion can change in size according to the need. When the pavilion is closed, it functions as a closed capsule which is protecting the art pieces.
The ‘outdoor stage’ serves as the entrance of the pavilion, but at the same time as stage, as catwalk or as public furniture.
Monday, 29 March 2010
Open brief Concept
Project Type: Flash game design
Project Titles: Mini Kingdom
The original idea was to create an interactive game in Flash that called “Mini Kingdom”. “Mini Kingdom” is a fictitious village.
Story:
One day, the witch made a mistake when she display her magic to the goddess of Mini Kingdom sent to different things that the world began, players have to play the villagers of this kingdom. The game will be Mini Kingdom development, which eventually Goddess, while the condition is rescued by finish all different mini games.
In this game, the player will meet and visit villagers, their houses and shops. When the players will them, it can play the different sample mini game, such as, matching game and puzzle.
In this game must include:
1. Introduction
2. Guided Learning (helps)
3. Animation
research
http://www.pingu.net/us/official_pingu_us_website_homepage.asp
