Search site


 
 
 

pg11-30                                    

    

  • Four basic principles
    • Contrast
    • Repetition: The repeating of one or more font, colour, sizes
    • Alignment
    • Proximity: Items realting to eachother that should be grouped together to help organize

Proximity

 

  • Grouping sevral similar elements into one set makes it eaiser to organize and under stand your place on said set
  • Emphasized catagory name's seperate and give organizeation
  • Item's that show be conected by closely realated themes make the make's more understandable
  • keeping the title and the objects in the use of proximity make's more use towards every one
  • Simple design also can work with proximity to make work and look good at the same time
  • proximity is only one part of design so remember to go throw them all
  • The purpose is to organize a website or other document's of any kind

On the left is a example of what it look's like with out C.R.A.P

it is hard to understand due to the way it is grouped.

But if you you on the right you can tell that C.R.A.P has been

applied you can tell this because it is easier to understand what

is with what due to the separated section's and if you notice you can

also tell what program it is.

 

How to avoid bad design

  1. ​don't keep thing's in corners or the middle
  2. avoid leaving lage amount's of space
  3. avoid the presence of confusion 
  4. don't connect element's that don't belong with each other

 

pg31-48                                      

 

Alignment

 

"nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page"

  • centering the text is not always a good a idea because for invite's to event's make's it look tike it is not important
  • if you center give it a box or text in a diffrent font some thing to catch the eye
  • alingment make's the user more able to understand what thier reading
  • "find a strong alignment and stick to it"
  • aligning image's can also give a perspective of neatness and visually attractive
  • keep separate paragraph's together  it make's reading more simple

The basic purpose

  • to unify and organize the page
  • result: gives a sophisticated

What to avoid

  • using more than one text alignment on the page
  • try not to centered alignment 

pg49-62                                     

 

Repetiton

Repetion is that you repeat some aspect of the desing throughtout the entire design

The repeated element could be a bold font, a certain colour, anything. Repetition is important to help tie things together, from newsletters to web pages.



 

pg63-78                                     

 

Contrast


Contrast is makeing it to be most visually actractive to make your page interesting 

many thing's can help example fonts styles colors if two thing's are not excatly the same make them diffrent

  you do not want conflict, you want contrast. To create contrast you must be bold. You need to think out of the box, don't conflict brown with black, contrast

brown with pink. Think directionally, ponder bold print and font size. 

 

Page 66 and 67

the right, because it looks like he is more organized, and the bold font at the top is eye catching which is more likely to grab my attention for longer. The one on page 66 looks like he does the bare minimum, while the one on page 67 makes him look like he goes above and beyond.

 

Page 70, and 71

 the people who changed the add used C.R.A.P first they used contrast to make the title phone number stand out more 

used proximity to keep the contact information what services they provide and their name apart.

They aligned all of the text and the line that splits the title, and the services to the left.. They changed the font between the builders exchange number and

the main body, they should have made the contrast

more obvious than to just slightly change it and only make it conflict.

 

Pages 74, and 75

To rework the advertisement they made it more readable by using proximity to split everything up into manageable subjects. they also aligned the nose of

the dog, the "Take" of "Take a hike!" and "Friday". They also used the contrast enough to make it look good with the dog and the title area of the

advertisement. changed the font type throughout the ad, and also contrasted the color of the font and background . They also bolded the "Take a hike!"