Web Layouts Revised

After we posted our web updates on Monday. I got some criticism back from my peers and most of them did not like my new web layouts. So I tried to look at other peoples post, and informational websites for examples to see how they arrange their layouts. I looked closely into where logo's go,successful positive and negative space, and how the eye moves up and down. I hope that these new revision are in the right path and getting away from the awkward spaces.

Final Layout

Here are my shapes paired up with text. The animation will stop in the middle of moving so the new line of the haiku appears. I wanted my animation to be black on white, because of the symbolic meaning of twilight. However, now looking at them in white on the black background I am having second thoughts. Although they are still readable, I think the shapes texture is lost. So to put in white on black or not? Also I have picked a song to go along with my animation. Inu(howling) by Anathallo. I think it has the perfect rhythm to go along with my haiku

Web Layouts

Vis. Com Update

These are my final haiku symbols. The first symbol deals with twilight hours, and a bird. The texture in the wings gives a sense of also stars you would see in a a night sky. The second symbol represents whistling. This shape also gives a sense of rhythm and movement. It will be important to think what tone I should set for the final animation. Like how fast they move, what song would be appropriate for the final result. The third symbol represents being alone. This shape is important with the head drooping because I want the head to play the position of a moon in the final artifact. Overall I think these symbols give a great feeling of the haiku. I personally interpreted the haiku as the bird representing loneliness to people as well. I want the feeling of the poem to have the tone of a bittersweet of being alone, that is has a quaint feeling ,almost a comfort feeling.

Color and Toys

This week in color and drawing, we continued on Munsell's color theory. Only we put his color theories against different situations/ themes. This process was very exciting to put together the colors. We also continued on with our color books, I have decided to make my theme based on toys. Since toys have many artificial color's and have interesting color combinations.

Developing the ideas for my animation, I know what the examples of transitions are, but I wanted to look at the examples in actual motion. I thought I would share this video. The different transitions used are pan and one small zoom.

Vector vs Bitmap

Reading the article vector vs bitmap it discusses how they are both images but are shown in different ways. Bitmap's are more for photography based, when we say 300 dpi, or high resolution, we are usually referring to the pixels on the display. If you have a high resolution photograph, it means their is many details that must be included. So it is not a good idea to stretch or compress the photograph because the changes of loosing that clear image quality is very high, and therefore makes it uncomfortable to look at. So in the end a bitmap is good for high quality images, and its downfall is not to resize the image. Compared to the vector which can be resized. A Vectored image uses a mathematical approach instead of pixels, making it easy to stretch or compress without making the image look distorted. The downfall to using the vector images is not being able to use images or icons with a lot of detail. These are important questions as a designer to ask themselves when making any type of design. it is important to consider what types of images they should use. For example, using many high quality photographs for a website might not be the best idea, instead using smaller icon vectored shapes might be better, for people to upload, making the website more functional. However, making a layout design where the designer can use many high quality pixel photographs could be a good idea, with just having one or two vectored shapes. These are important decisions for a designer to make because have to choose between vector and bitmap all the time, and to be able to understand the difference and where to use them appropriately will make us better designers.

Taxonomy

For my taxonomy I would like to another accordion 7x7' booklet. In this book I would collect my best marks and display them in a organized manor. I would first start with my denotative marks that I would usually use for the more lighter marks, as with my feathers, and twigs. I would want to start my book out with letting the viewer get used to the marks and base the beginning of the book on just visually looking at them. For the second half of my book I would like to make based on connotative. In these marks they will be more visually dense, but less abstracted than the denotative ones. I want this portion of the booklet to be involved in what the marks say to the viewer, I want a crisp understanding that these shapes are taking on deeper meanings such as loneliness, agony, and rhythm. I want the whole book to flow together in a harmonious way. It is important to me for the viewer to be able to understand the value of analog shapes and how they can hold importance to the visual world.

Color

This week we discussed Munssel's color theory, and it was a lot harder than I imagined. Color is much more complex than I thought. I think one of the main reasons why is because it is truly a mind puzzle that for me is hard to organize. It seems like when I was putting my color aid together I would have all my colors picked out but one, then I would find one that would work and end up changing the rest. However to end a frustrated week with the color aid was the Warhol show. Going to this show he had plenty of color studies to go around. It really came to me then, why color studies can be so picky, because the end result is fascinating. My favorite of all his pieces was his "grapes". I liked these color studies based on true chroma of purples, blues, and greens. The way that the colors mixed together in a way that was easy for the eye to understand (not plain, or too saturated) made the prints successful, and a little because it was glittery.

Color and Drawing Update

This past week we looked closely into Johannes Itten's color theory. He believed in varies types of saturation. This was important because it makes the viewer decide which color pairings look better with other hues, chromo, and value. We also used the color aid to make a perfect color wheel using the 5 top colors (red, yellow,green, blue, violet) between each color we put three colors in between. This step was a little more difficult to figure out the equal amount of hue change between each color.