Final “Website” Project

Above is my final “website portfolio” that has been created for my digital communications class. Enjoy!

Fondu. For. You.

One Last Peace!!!


Short and Sweet/Make it Easy

Like many of my earlier posts, we have been focusing on how to blog, or how to create a design. The best possible ways to do so, and what the viewers really want to see. We have come to the conclusion that simplicity and easy to read are the most important aspects of a web page, or any page in the matter. As Krug says in his article, “Don’t Make Me Think”, he means that you should have to open a web page, or open a magazine and be confused on how to buy something or how to read something. Simplicity is the best concept that a web page could possibly have. ” All kinds of things on a web page can make us stop and think unnecessarily. Take names, for example. Typical culprits are cute or clever names, marketing-induces names, company specific names, and unfamiliar technical names.” To many web designers try to go for the cute and cuddly designs, when thats not what people want to see. That want the simple easy directions on how to buy something or how to get where they want to go. Enough with the unnecessary things that take away from the important things. For instance, suppose a friend tells you that XYZ Corp is looking to hire someone with my exact qualifications, so I head off to their Web site. As I can scan the page for something to click, the name they have chosen for their job listings makes a difference. (Krug) The words and way that a designer makes a page is extremely important, its as simple as how to spell a word, or how to say a certain phrase, being simple and easy to use is undoubtedly the best way to go.


In addition to making a page ‘simple’, most readers just scan a page, they don’t actually read word by word. They know what they want to find and they are usually looking for an exact thing, so thats the only thing that matters to them, so why not make it easy to find. So why do people scan pages? Krug offers us three simple reason why people don’t read the whole page.

ocr scanning

1) people are usually on a mission- most web use involves trying to get something done, and usually done quickly. As a result, Web users tend to act like sharks: They have to keep moving or they’ll die. We just dont have the time to read any more than necessary.

2) We know we don’t need to read everything- on most pages, were really only interested in a fraction of whats on the page. Were just looking for the bits that match our interests or the tasks at hand, and the rest of it is irrelevant. Scanning is how we find the relevant bids.

3) Were good at it- its a basic skill: When you learn to read, you also learn to scan. We’ve been scanning newspapers, magazines and books- or if you are under 25, probably Reddit, Tumblr, or Facebook- all our lives to find the parts were interested in, and we know that works.

As you can tell, people don’t read every word on a page, if i were a web designer i would make a web page simple and sweet. Big words that pop out to the reader while they are ‘scanning’ the page is key, but those words need to be important, and they need to be what the reader is looking for, thats what makes the difference between average and great.

Discussion Question

1) Why do you personally scan a page rather then read it word for word?

2) If you were a web designer, how would you design your page after reading this blog and this article?

Fondu For You. Peace

The Aesthetics of Editing

“Editing is now something almost everyone can do at a simple level and enjoy it, but to take it to a higher level requires the same dedication and persistence that any art form does.” The simple task of editing can change something that may be below average or even average into something spectacular. With things such as simple as changing a picture from black to white, or blurring out the corners of a frame can change a normal picture into something eye popping and worth actually looking at. Editing is a very underrated aspect in the design and art world, but it is something that cannot be taken lightly, because with the use of editing, images, movies, writings, wouldn’t be what they are today.

The Psychology of editing is what really caught my eye in this article. Like the director makes a decision on where to place a camera, or where to shoot this certain shot, or what the character needs to say and how to say, is the same way for when the director chooses where and how to edit. “The director must be able to justify each cut within a scene and there should be a motive for each cut in the program. The most logical cut is to allow the viewer to see the content from a different perspective or to present something new.” There are many different ways to edit a film or clip such as; image and sound, shot order/shot manipulating and time.

Image and Sound- Sound is probably the most important thing in a film. If you don’t have the right background music or the right sound in a certain clip it can ruin a whole frame or shot. “An image of a dog wagging its tail becomes more prominent if we hear another dog off-screen or a person talking to the dog.”


Shot Order/ Shot Manipulation- Shot order is to make the interpretation of a scene or scenes easier for the viewer to understand. I know from experience that movies are not always filmed from beginning to end, meaning that many times they shoot the end of the film on the first few days of the shoot, and then they shoot hundreds and hundreds of scenes all over the place, its up to the director to be able to order and manipulate each scene so it makes sense to us the viewers.


Time- Time is probably one of the most important parts of editing. Scenes can be filmed for fifteen minutes for example, but that has to be edited into five minutes. Its hard enough cutting a few words out of a line or something, but cutting more then half of a scene is very difficult and it is a legitimate science and art. “In each case, the editor must cut to retain credibility with the audience by presenting a cohesive story thats fits the directors’ allotted time for the scene.

Discussion Questions

1) What do you think is the most important part of editing a scene or film and why?

2) Based on the concept of Image and Sound, how do you think silent films ever made it in the hollywood world?

Fondu For You. Peace

Magnetism of the Frame

There are six major types of field forces in the 2D Screen. After going through the 40 pictures we were assigned, we were able to pick out a certain amount that applied to our type of field force. Magnetism of the frame is based on for concepts; sides, corners, expansion and compression.

Corners- This picture shows hows the main attraction is Andy himself and he is in the corner of the frame, yet he is focused on something that is in the middle of the frame so it connects well.

Screen Shot 2014-11-18 at 10.07.54 AM

Sides- These photos, similar to ‘corner’ photos, show that the aim of the picture isn’t exactly in the middle of the frame, yet it is pushed off to the side, but because of other objects in the frame such as the poster and the television, the frame balances out well.

Screen Shot 2014-11-18 at 10.00.53 AM Screen Shot 2014-11-18 at 10.01.20 AM Screen Shot 2014-11-18 at 10.04.00 AM

Expansion- This concept of ‘magnetism’ shows the usage of the “Expansion” of the whole frame. Meaning that since this is a very important picture, the the way it expands to every corner of the frame is ok. Screen Shot 2014-11-18 at 10.04.29 AM


 Screen Shot 2014-11-19 at 10.49.03 AM Screen Shot 2014-11-19 at 10.49.10 AM

These two frames show how with the use of ‘compression’, i was able to blue out the sides and corners of the frame, really aiming the on the main focus which is the center of the frame.


Fondu For You. Peace

“The Day of a Start” (Slideshow)

My Slideshow project shows “The Day of a Start”. I am putting you into my shoes, so you can get my perspective of what its like, from getting to the field, to preparing myself, to doing my pre game rituals that must be done, all the way up into the actual act pitching. Here is a look inside the average day of baseball for me.

In addition, here are some of the photo edits that I made in the process. The pictures on the left are the aftermath, and the pictures on the right are the originals.








This slideshow requires JavaScript.

Dissecting an Image

There is more then just taking or drawing a certain picture. There are certain ‘rules’ and systems you have to abide by, in the “picture rule book.”  As Zettl says in his writing is that there are six major types of field forces that go into making and creating a certain picture: Main directions, magnetism of the frame and attraction of mass, asymmetry of the frame, figure and the ground, psychological closure, and finally vectors. Zettl argues that all of these concepts come into play when creating and making a picture.

Main Directions (Horizontal and Vertical)


Zettl argues that a picture like this creates a mood of calmness and serenity. Our bodies and our minds feel like we are at a norm when we operate on the same horizontal line. “Because of gravity and the fact that we are used to standing upright on level ground, we like to see our environment mirror our experience and be portrayed as a stable series of horizontals and verticals.”

Magnetism of Frame and Attraction of Mass

magnetism_picture_frameZettl says that a frame and a picture act like a field of magnets, and that the borders of a picture frame have a tendency to attract certain object near them. “This magnetism of the frame can be so strong that it counteracts our natural reaction to gravitational pull.” In addition to the corners of the frame, and the sides have an extreme attraction that also exert a strong pull in an image.

Asymmetry of the Frame


We do not seem to look at the left and the right sides of an image or picture like we do the rest of the photo. We don’t just focus each half of the photo by themselves, but the picture as a whole, and it all has to blend with each other. “We carry this perceptual peculiarity over to the television, computer, or film screen, where we consider it to be one of the structural screen forces. The two sides of the screen seem structurally unequal.” This is what is known as Asymmetry of a frame.

Figure and the Ground

urlZettl shows us that our brain naturally sees a picture starting through its background, and then our brain makes up its mind on what the picture actually is. Depending on what your brain determines the figure to be, the ground will change accordingly. Zettl offers us a few major characteristics of the figure/ground perceptions.

1) The figure is thinglike.You perceive it as an object. The ground is not; it is merely part of the “uncovered” screen area,

2) The figure lies in front of the ground. The white vase obviously lies on top Of the black background.

3) The line that separates the figure from the ground belongs to the figure, not the ground.

4) The figure is less stable than the ground; the figure is more likely to move.

5) The ground seems to continue behind the figure.

Psychological Closure

gestalt-closure In a photo likes this, our brain tried tries to reorder the objects in the picture to make them something that we like or that we enjoy. Our brain tries to make this into something as simple as possible. The pattern that results from applying psychological closure is often called a gestalt. And a gestalt is defined as a perceptual whole that transcends its parts. Like most things, psychological closure is simple what our brain perceives an abstract image to be in order for us to understand it at its simplest terms.



Zettl argues that, “strongest forces operating within the screen are directional forces that lead our eyes from one point to another within, or even outside of, the picture field. These forces, called vectors, can be as coercive as real physical forces. Each vector has a certain magnitude, or strength as to directional certainty and power.” The author shows us that there are three types of vectors, graphic vectors, index vectors, and motion vectors. A Graphic vector is, created by a stationary element that guides our eyes in a certain direction.An index vector is created by something that points unquestionably in a specific direction. Lastly, a motion vector is created by an object that is actually moving or seen as moving on the screen.

Discussion Questions

1) Would you ever think there are so many aspects and concepts that go intro creating an image?

2) If you could add another concept to these six, what would it be and why?

Fondu For You. Peace