Blog Post #4 for 2/10/20

Reading Summary

The video “Creating visual hierarchy with type” is a step-by-step example of how using visual hierarchy can help creating an organized and easy to follow layout. At the beginning of the video we see a lot of text with the same font and size. As the video progresses we see changes done in fonts and sizing to separate different meal types and then split up the name of the dishes and their description. In the end of the video it is easy to follow the menu because all the texts are in different fonts and sizes and the spacing makes it easy to go down the page. In the video “Using gestalt theory to guide layout” we review the four principles of Gesalt Theory proximity, closure, similarity, and continuity. We then we see how these principles are used on a template of a website. We also see example of how the rule of threes applied in their example and how all of these principles and elements are used together . The person that created the video also experiments with different layouts to show that there isn’t only one correct way to use these principles.

Outside Example

In high school I took a basic programming class where we used html, css, and other programming languages to understand the way computers worked and the way we need to write code so that computers do what we ask them to do. We learned a lot about the origins of the computer and we even took a field trip to the Computer History Museum where we saw many types of computers and how they have improved throughout the years. We had a few projects like making a website, creating a simple game, and a short video but they took a while to complete so the class was mainly focused on these projects. Although it was a good class to take, I would have preferred if we had focused on common programming languages such as java or python rather than making a video game in a program similar to scratch.

Reading Connection

Watching the video “Using gestalt theory to guide layout” reminded me of a project in that class where we used html to make a website on anything we wanted. I did a website about a video game that was releasing soon and I was very excited about playing .I decided to make the website similar to a wiki about the characters, maps, and weapons from the game that had been revealed. Although I put in a lot of effort into the project, my website design was really bad and did not look anything similar to the website layout from the video. I also did not use many of the principles or elements from both videos. I had a lot of different text fonts, different colors, and pictures all over the place. In the video, everything such as the images and subheadings were organized, neat, and easy to follow.