I am creating a information video and it is about dreams. I am going to give a bunch of interesting facts about dreams in a interesting way. Because of that I want the video to be as nice as possible I am animating both type and graphics.
Here is my storyboard for the final project! :)
New Site Map for the final project! :)
Final Project critique.
I was looking around on the Internet to find a website that I could work with and hopefully with my knowledge be able to make it a greater website. After looking at many websites, I finally found one. I am remaking a jewelry website. The name of the website is http://www.moondancejewelry.com, and my opinion was that it they had a good beginning, but they just needed some help.
Layout:
I believe that the layout looks ok. It’s a nice start, but I feel like it is a little bit too much going on. It seems like they tried to place as much as they can in the home page, which just makes it look very messy. And that is sad because it affects the beautiful jewelry they have on the homepage, which does not become so attractive anymore. The layout should be cleaner.
Color:
I like the color in the website. They are simple, light and clean. Maybe a little bit to light. I would probably use some stronger colors so there is some more hierarchy. They are nice but not my favorite colors. I would use different colors.
Type:
They have way too much type on their website, especially their homepage. They have too much type that looks very similar to each other. If you want to make type beautiful and more appealing you should use different sizes, colors, placement and family members.
Navigation:
My first impression of the navigation on this website was that they had too much navigation, but then when I looked really closely I noticed that it was not too much at all. They just have not used the navigation correctly and I think that is mostly because of the type in the navigation. There is not enough of contrast. The two navigations needs more contrast so they grab more attentions.
And they could do that trough color, size, placement, fonts etc.
Site map for final project!
My Web Design Comps :)
1. I believe that this website let their readers know where they are; for example, the first thing I see on this website is OdoSKetch which is their name. Therefore the users see that they know where they are. Another example is when you click on future sketches there is a headline that lets you know that you are at futures sketches even though it’s on the homepage.
2. I believe that this website has a good clarity. The design is simple and clean witch gives a website a more clarity. Plus this website always has small headlines wherever you go, so you will never have a problem knowing where you are.
The consistency of this website is maybe not the best you can find. First of all, every thing is kind of on the homepage. Futures images and recent sketches is on the homepage, but sign in and user account is on two other pages. You get there by clicking in their links, which are very little in the left upper corner. If I was them I would do the links a little bit bigger so it’s easier for people to go from homepage to a subpage.
I would say that this website did a pretty good job when it comes to their efficiency. It says in the class notes that you should not have people to click on to many links to get somewhere because they will the loose interest. This website has only like two subpages and you get there in only one click, which I believe is very effective.
Jeremy Cox
1. I chose Jeremy Cox because I really like his work. I looked trough many of the designers work and Jeremy Cox work interested me the most. Therefore, I chose Jeremy Cox.
2. I would put Jeremy cox in the category Vector, because many of his work is done by vector. Of course there are exceptions where he doesn’t use vectors; for example the “Boardwalk Empire Main Title”
Critique on the Mummy 3 End Title Sequence
Structures and compositions:
All the elements and motion is spread out on the whole screen. There is never any negative space. It looks like a movie, which I think it’s perfect because it’s sequence for a movie. Because of that the screen is full of elements, the audience eyes are moving trough the whole screen and not just focusing on one particular part and I think that is the purpose of why Jeremy Cox is using the whole screen.
Images and Images type
There are not any real images in this motion video. There are only vector images. The vector images are clear and pretty realistic. You have no problem figure out what they are supposed to represent. They are using different vectors that are representing elements that are in the mummy movie.
Symbols and symbols type
Like I just wrote, there are many forms done by vector that are representing elements in the movie. Before the vector element shows up, a form builds it. All the vector elements start fro just a weird form, which after a sec turns in to the element that it’s representing. What I think is really nice with the forms and symbols in this motion video are that sometimes the elements go from one element to another. They are flowing in to each other, which I think makes the motion video much more powerful.
Time
Because of that everything is “connective” to each other I do not really think about the time. The whole motion video is a nice fluing video, so there is not really anything that starts and ends during the video. I believe that if I don’t think about the time I am not bother by anything about the time; therefore, Jeremy Cox did a good job with the timing.
Sound
The sound in the motion video has a nice feeling in it. It’s perfect background music with a feeling of adventure, which matches perfectly with the story of the movie. The music has a nice background touch, but it does not really make the video more effective.
Intent
Jeremy cox is using all these elements, sounds and motion in this video to present what kind of movie the mummy movie is. The mummy movie is an adventure movie, which I believe this motion video shows pretty good.
Meaning
The meaning if this video is to have a good start of a great movie.
Web Page number 2
Sunday times – The Month
Structure/ Composition
I think that the screen is used very well in this motion video. Because of that the video does not seem so complicated, the people who made the video had to make it as interesting as possible and one way to do that is through placement. This motion video is using the negative/ positive space very well and that is why the video is a better creation now than if the elements were just placed in the center of the screen.
Image/ Image type
There is not really any images or images type in this motion video. The only type there is in the end of the video when it says, “The Sunday times – The Month – DVD6 2005”. That text is just the name the motion video and does not have any more meaning than that.
Symbols/ Forms
There is just one type of symbol/ form in this motion video and that is a circle. Instead of using different types of forms, symbols and images this video is only using one symbol, but many times to make it more interesting. By using the element many times with different placement it’s creating forms and patterns.
Time
This motion video is very short. It’s only 16 sec, but I think they used those seconds very good. Even though the movie is only 16 sec the movie is not “stuffed” with elements and motions. You could think that just because the video is only 16 sec it will be full with a little bit of to much information, but this video is not. I believe the time was perfect for this motion video. If it had been longer it would probably not be interesting anymore.
Sound
The sound matches perfectly with the motion and the elements in the video. The dots foes perfectly with the background music and the way the elements are showing on the screen are matching perfectly with the motion of the video. This video would not be as effective if it didn’t have the background music.
Intent
The intent of this motion video is to grab the audience attention as much as possible with the elements showing up on the screen. If they get the audience attention they can then advertise what they are trying to advertise.
Meaning
The meaning of this video is to create an interesting and creative motion video with a little bit of time and elements, to advertise the Sunday times – The Month
What is “Grid Theory” and why is it important to Web design?
Essential tool. To work with a grid is very important because it helps you to create a perfect layout. Grid is a helpful mall that makes it easier for you to work with placement and positions. Grid is supposed to give you the most pleasant placement to look at. A grid is made by lines, which helps you to dividing elements by there composition and decide where place them.
In addition to “balance,” what are the other design principles important also to Web design?
Some other important principles of web design are Unity-proximity and repetition. Proportion ,Emphasis- placement, continuance, contrast, and isolation. For example; balance is hierarchy (where is the weight, unity is about being a whole element instead of being different pieces (proximity and repetition) and another example is emphasizing which is about grabbing attention by placement, contrast etc.
What are the “Bread and Butter Layouts” in Web design?
Bread and butter layout is a layout that is supposed to give the result of a pleasant layout to look at. The idea is the have the eyes to move trough the design. There are different ways to move your audience attention on the design; for example, Left-column navigation, Right-column navigation and Three-column navigation. These different navigations with different kind of designs. “Bread and Butter Layout” is one of the most common layout in web design
