Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 C.R.A.P

2   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. CONTRAST Picture 1

3   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. CONTRAST Picture 2

4   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. REPETITION Picture 1

5   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. REPETITION Picture 2

6   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

7   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. ALIGNMENT Picture 2

8   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. PROXIMITY Picture 1

9   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. PROMIXITY Picture 2

10  Summary of Critiques Typography, Layout Design, Color Balance, Layout Alignment & etc.

11 Typography Design & Font: Inconsistency in casing Blurry text, difficult to decipher Sufficient number of font types Inconsistent alignment Weak proximity, not well categorized 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 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 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 Layout Alignment: Grid system not applied Inconsistent paragraph alignments Entire layout properly centered

12 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 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 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 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 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


Download ppt "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."

Similar presentations


Ads by Google