Visual Journal 2

1. Visual Journal 2 a 2-design image comparison using the principles of ‘CRAP’ by: Sharon Leow HsinYuek Tan Tung Ching TohQuan Yoke Pauline KamPohLeng

2. comparison using the principles of ‘CRAP’ Image 1 Image 2

3. Contrast Image 1 • Typography Design & Font • Numerous typeface choices are present where some parts of the text are displayed in uppercase letters or otherwise. Most of the text are also in black, causing a lack of contrast. • Layout Design/Alignment • There seems to be a lack of contrast within the entire layout of which the only primary color being utilized is black. With the entire textual content filled in black, readers are not able to discern the main points from other extraneous information. • Color Balance • Color balance is present with black and white as the primary color. Contrast is only achieved via the orange fill for each subtopic.

4. Contrast Image 2 • Typography Design & Font • Contrast is achieved via the size of tontand its typeface. All subtopics are in bold with distinct colors to provide contrast. • Layout Design/Alignment • The layout is attractive with a range of colors that provide contrast to the entire piece. The colorful floral elements aid in providing the white dull spread some liveliness. Alignment of text on two sides differ (straight vs. curve) inducing contrast. • Color Balance • Color balance is present, essentially grey and white balance. Text are filled with two different colors and are used to indicate the distinction between the different central topics splayed on both pages.

5. REpEtition Image 1 • Typography Design & Font • There are inconsistencies of which the uppercase and lowercase letters are not distributed evenly, causing the spread to have no form of repetition. There is also an inconsistency in the usage of font type (varying from Sans Serif and Script Type font). • Layout Design/Alignment • Inconsistencies exist within the alignment of paragraphs of which some are aligned left while others are centered. The only repetitive elements are the arrow symbols and the blue circles. • Color Balance • Repetition by means of color is very minimal with only subtopics colored in with orange fill. Much of the text and other elements are black and with the lack of repetition, it is not visually appealing.

6. REpetition Image 2 • Typography Design & Font • Repetition is found within the typography design of which a standard font was utilized for the central topics, sub topics, and content text. Readability is also enhanced when the font is clear and crisp. • Layout Design/Alignment • The overall design brings good repetition via its design elements (floral elements on both sides of the spread). Consistency is also seen in the width and height of gaps in between text and images. • Color Balance • Repetition of color is present and is utilize for the function of linking the central topic with the subtopics as well as highlighting the important points with colors that are within a similar color range of the specific central topic/subtopic.

7. ALIGNMENT Image 1 • Typography Design & Font • Vertical alignment of typography is inconsistent. Certain paragraphs are aligned flush-left while the bottom portion does not belong to either the left or right column. • Layout Design/Alignment • Although the multi-column layout design appears to be appropriate, but as the text is not fully justified – the white space between both columns appear to look uneven, causing the entire layout to appear disorganized.

8. ALIGNMENT Image 2 • Typography Design & Font • The layout exhibits the consistent usage of one particular font, as shown for the document’s headline and content portion with a Sans Serif Type font. The The overall alignment of text is consistent with a horizontal (flush-left) and vertical alignment, allowing the formation of equal margins and about the same amount of overall white space on both sides of the page. • Layout Design/Alignment • Images within the spread are also aligned uniformly on both pages with equal white spaces between each image. Such images have a placement at a specific portion on the spread, enabling readers to distinguish the different content.

9. Proximity Image 1 • Typography Design & Font • There is a lack of proximity as information is not organized clearly, considering that different font types, sizes, and typeface exist within the entire piece. • Layout Design/Alignment • The overall layout lacks proximity as textual elements are not group accordingly – this might ultimately lead to the spread’s incompetence in conveying its central message. The flow of the text is disrupted with the two protruding paragraphs at the bottom that may cause reader confusion. The images on the top right and bottom left of the poster have no semblance and bears similar relevance.

10. Proximity Image 2 • Typography Design & Font • Proximity is achieved as textual elements (‘Welcome’ and ‘Feature Events’ page) are grouped according to specific colors and typeface for the central topics, subtopics, and highlighted points, enhancing readability. • Layout Design/Alignment • There seems to be good proximity as elements are grouped accordingly to their topics. The images displayed are also of significant relevance to the message/topic being delivered.

11. Perspective & Overall Argument A summary

12. Color Balance: • Primary colors are grey and blue and achieves contrast with a splash of orange. • Lack of repetition in color with the orange color being the only one. • Typography Design & Font: • Numerous typeface choices • Inconsistent usage of font type and sizes. • Lack of proximity when information is not organized clearly. Image 1 A considerable amount of white space is present. • Layout Design/Alignment: • Lack of contrast with black as the primary color. • Inconsistent alignment of textual content. • Placement of elements are disorganized with protruding paragraphs. • Images on top right and bottom left are irrelevant and have no semblance.

13. Color Balance: • Colors utilized to link content to specific central topics or subtopics. • Consistent use of respective colors for titles. • Has a good color scheme. • Typography Design & Font: • Different font types, sizes, and typeface for respective titles provide contrast. • Consistent use of font type, size, and color for respective titles. • Textual content are grouped according to the varying font type, size, and color allowing proximity. Image 2 • Layout Design/Alignment: • Floral elements provide liveliness to the dull white spread. • Consistency in the width and height of gaps in between text and images. • Text and images are aligned uniformly with equal amounts of white space. • Good proximity with images being relevant to textual content.

14. Thank You