이번 주 숙제는 Layout 이었다. 가로, 세로, 대각, 자유의 네 가지 형태로 레이아웃을 잡는 것인데 임시 프로젝트 제목 dooqle을 가지고 작업을 해봤다.
숙제 내용
Assignment 2: Layout
In this layout assignment, you will explore horizontal, vertical, and diagonal compositions by creating 3 different designs of a possible “project poster”:
I: Horizontal Composition
Create a horizontal composition (i.e., no vertical or diagonal elements). Be sensitive to the positive space and negative space. Try to establish contract by manipulating the visual levels of dominance and subordination.
Hints: Experiment with scales, typographic color (e.g., black, gray), positive and negative space, and grouping.
II: Horizontal/Vertical Composition
Create a composition that involves both horizontal and vertical reading directions. Be sensitive to the reading directions you create with your composition.
III: Diagonal Composition
Create a composition that involves elements that are placed at 45° angles or at 30°/60° angles. Take advantage of the tensions you may create with your diagonal elements.
IV: Free Style (extra credit)
Create a composition that embodies your sense of a visual chord with energy and harmony. While giving the page a sense of liveliness and poise, don’t forget to give the reader a sense of direction.
내가 제출한 것
In general, I tried to pursue an extreme as Kimiko said in class. What I used for each of the following four assignments are a title, a description, place and time, class name – “Interface Aesthetics”, my name, a slogan and some pictures or icons. I did not use any other colors than black so that I could focus on layout itself. I controlled opacity to balance a canvas instead.
I. Horizontal Composition
At first, I used two pictures that can match my tentative slogan. The slogan is “weaving your space and time,” so I pasted pictures of a map and a clock. I tried to extend a canvas as wide as I could and my intention was having people follow the horizontal lines. Since the top title was so strong, I introduced larger font with less opacity at the bottom of the canvas. Place and time information is located at the top of the image, and place is slightly nudged down so that people can easily tell place from time.
II. Horizontal/Vertical Composition
In this part, I extended the canvas vertically. The large “Interface Aesthetics” plays a role of a pillar. I broke apart the slogan and hung the parts on the pillar, so that people can have a feeling of “weaving something.” To clarify the slogan, I put it on the top-left corner vertically. Since the words “space” and “time” in the slogan actually means place and time, so I put the corresponding information next to each word. Instead of using real photographs, I drew an icon for the poster. The clock-shaped icon has an impact of making people focus on the center of the poster. I faded the hung slogan words because the words and the title “dooqle” are in the same font size. Differentiating opacity makes a distinction between the two. Finally, the description part fills up the bottom part of the poster and stabilizes the whole canvas.
III. Diagonal Composition
I used a square canvas here. I thought that the characteristic of a diagonal design is its dynamic nature, so I used an exclaimation mark as a pattern to draw people’s attention. The mark’s another role is creating a focus in the canvas. In this composition, the bottom-left part is the focus point. Every major component is centered and rotated from this point. I intentionally avoided rotations by 45-degree because it could be too bored. Combining rotations by 30-degree and 60-degree, I tried to give a sense of “weaving” to audiences. In this composition, place and time information lay a foundation on the canvas.
IV. Free Style
Finally, I could use a normal canvas, the A4-size. Since I tried too hard on tweak for the previous compositions, I just keep it as simple as possible. I drew another icon for the place information, and used the icons for implying the meaning of information on the poster. I faded the title a little because it became too strong in such a normal composition.
