Visual Journal 2

C.R.A.P

Color balance : The colors of the entire illustration- grey, black, white and the contrast

orange, seem like they were chosen without much thought. Go back to the basics, we went with black, blue and white to color drawings, when asked to add in a different one, it was most usually red or orange, this artwork reminds us of that.

Text : The blurry text makes it hard to decipher if all the letters used are from the same font family.

Contrast: The contrast between grey and blue in the header is not very obvious.

the illustration is also consistent with its text body being flushed to the left.

CONTRASTPicture 1

Color balance :

There is a consistency present with the color of font used in the headline and body text, which suggests a direct link between the two. The font present is consistent, so if the left flush.

Layout : The little flowers on the plain white background create a splash on

its plain background. the pictures as many as they be, are placed in an orderly fashion.

Text : The text placement varies from side to side to denote the

differences in content . The dark picture in the middle makes the faces on either side to stand out.

CONTRASTPicture 2

Typography design & font: Just the right number of font types in this

composition. However there is an inconsistency in typography; walls of uppercase and lowercase text are unevenly distributed.

Layout design: Appropriate amount of white space used on the layout which balances out

the other elements in this design such as the text and graphics. The header tends to be heavily detailed (with arrows and graphics) while the footer has less elements, providing more white space to balance out the header.

Layout alignment: Paragraphs are inconsistent, having alternate alignments – left or centered. Color balance: There is not much repetition in color. Only consistent color repetition is the

red text seen at the beginning of the paragraphs with lower case text which is utilized to highlight a point. Most text is in black; the lack of different repetition in the text color scheme makes the layout design rather dull.

REPETITIONPicture 1

Typography design & font: Consistent font for titles and content

text. The font is repeated throughout the entire layout. Instead of changing the font, color is used to highlight different points and parts of paragraphs (indicating whether it is a title, content text or important point). A very crisp and clean font was chosen to make the layout professional and legible.

Layout design: A great balance between the layout design elements and the amount

of white space. Consistent gaps between paragraphs and image, giving more focus to each individual element.

Layout alignment: The images and text are consistently aligned to the left in multiple columns. All paragraphs can be improved through justification to give a neater layout.

Color balance: The colors chosen are for purpose and for design. Titles and sub-

titles are in bright blue while the content is mostly in dark blue with significant keywords highlighted in light blue, these colors are allocated to these different text to differentiate them. While bright colors are chosen for design purposes to make the page looks attractive.

REPETITIONPicture 2

Layout Alignment : A little unorganized, the page layout looks disordered which makes

the image looks haphazard. Typography Design & Font : They are aligned all unevenly. Some of them are left aligned and

center aligned which will confuse the reader as the attention should be given to the Information Architecture (IA). Inconsistent justification, Some of the text is fully justified and some of it is left justified.

The grid system : Not applied in this image as we can see the title of the web and the

sub text are not aligned and the page doesn’t flow well. Visual connection : A little weak in the positioning of elements on the layout. Diverting the

viewers focus all over the place.

ALIGNMENT Picture 1

Typography Design & Font :

The text is justified consistently and the font size is the same. All paragraphs are flushed to the left. On the left page, all paragraphs follow a unique curved alignment to give the text some style.

Layout Alignment : Each section has its own “hard edge” ( the paragraphs form an invisible

line with each other). The images are placed in one particular section which will draw the

reader’s attention to that particular section of the page which is less confusing.

The grid system : It is applied on the layout as we can see the elements of the page are well

categorized. The page looks well structured and it flows well. Visual connection : Solid connection between the elements on the page. Readers have the

tendency to focus their eyes on particular information.

ALIGNMENTPicture 2

Typography Design & Font : The proximity is a little weak as the elements are not well categorized,

so the viewers are overwhelmed with the information, which is not effective.

Color Balance : The first word of the paragraph, which is in orange color doesn’t seem to

make sense on the paragraph. It will confuse the readers and it doesn’t generally explain any details.

Layout Design : Not effective in disseminating important messages since the design

does not aid the viewers by arranging the contents into groups which would create some kind of connection between the elements.  The layout design also is a little messy; the readers will find it difficult to know the flow/sequence of the text, especially the two paragraphs at the bottom.

PROXIMITYPicture 1

Layout Alignment : Excellent proximity in between elements giving enough white space or

“room for the eyes to rest” Typography Design & Font : The text is fully incorporated with the objects and the images of the

design. Each of the subheadings use the same colors as the head lines which aims to help readers in identifying the different relationship. Another obvious way of grouping two different parts is by using the image as a physical barrier.

Layout Design : The proximity in this design is effective since grouping the elements

helps the viewers to understand the information-packed layout.

PROMIXITYPicture 2

Summary of Critiques

Typography, Layout Design, Color Balance, Layout Alignment & etc.

Typography Design & Font:• Inconsistency in casing• Blurry text, difficult to

decipher• Sufficient number of font

types• Inconsistent alignment• Weak proximity, not well

categorized

Color Balance:• Weak/unharmonious

combination of colors chosen• Lack repetition in color• Occasional orange text at

beginning of paragraph - confusing

Color contrast on header does not stand out

Layout Design:• Not cluttered • Header very

detailed, footer not so, creates balance

• Weak positioning of elements

• Messy flow of text sequence

• Poor positioning of elements

Appropriate amount of white space

Layout Alignment:• Grid system

not applied• Inconsistent

paragraph alignments

• Entire layout properly centered

Typography Design & Font:• Consistent font for titles and content text.• Text placement varies denotes content

difference• Consistent usage of color and font design

for subheading • Text complements images

Color Balance:• Strong consistency in

usage of color especially in text

• Colors chosen are for purpose and for design

• Good color palette choice

Layout Design:• Flower spirals in

background add splash of color

• Excellent balance of layout elements and white space

• Good proximity in element grouping

Solid visual connection – great for focus

Layout Alignment:• Images and text are consistently

aligned• Justification could improve neater look• “Hard edge” present in between

paragraphs• Images cleverly placed to draw focus