Desktop Publishing by yurtgc548

VIEWS: 4 PAGES: 13

									WEB DESIGN


   NSCPHS
                  Four Basic Principles
 Contrast
      Avoid elements (type, font, colors, size, space etc.) that are
       merely similar- If they are not the same, make them different.
 Repetition
      Repeat visual elements throughout to develop the organization
       and strengthen the unity.
 Alignment
      No arbitrary placement. Every element should have some visual
       connection with another element on the page.
 Proximity
      Related items should be grouped close together to give the
       reader a clear structure.
           Proximity: Summary

 Items relating to each other should be grouped
  together. If not, move them apart.
       Easy to find, read, and remember
       More appealing to the reader
                       Alignment
 No arbitrary placement. Every element should have some
  visual connection with something else on the page.

 Element(s) may be separated based on proximity principle.

 Forces you to be conscious.

 Create to stronger cohesive unit.
                          Alignment 2

Vincent Nguyen           534-3954-370
                                              Northside College Prep
                                                       Vincent Nguyen
       Northside College Prep
                                                          5001 N. Kedzie
                                                             Chicago, IL
5001 N. Kedzie            Chicago, IL                      534-3954-370




 By moving all the elements over to the right and giving them one
    alignment, the info is instantly more organized.

 Elements (text) now have common boundary that connect them
    together.
                           Alignment 3

               The most common (automatic) alignment is ???
                                 Center

 Commonly used by general public - mostly by non-designers.
 Safe – Unofficially a standard format
 Look formal

                                       But

 Dull look – boring as most people also used
 Unsophisticated
                     Alignment 4

                            Business Plan
                            For
  Business Plan
                            Global Enterprises
       For
Global Enterprises



By Vincent Nguyen
September 12, 2004


                            By Vincent Nguyen
                            September 12, 2004
                                 Alignment 5


         Mom and Pop                     Mom and Pop
      Corner Grocery Store               Corner Grocery Store




5002 N. KedzieChicago, Illinois 60625   5002 N. KedzieChicago, Illinois 60625
Alignment 6

                       Mom & Pop
               Corner Grocery Store




  5002 N. KedzieChicago, Illinois 60625
                 Alignment 7


   You are
                                You
warmly invited
      to                        are
   attend!                     warmly
                               Invited
                                 To
                               attend!
    Alignment 8


   You             You
   are             are
warmly            warmly
Invited           Invited
    To              To
attend!           attend!
                Alignment: Summary

 Every element must have some visual connection, including
   physically separated element(s).

 Strong alignment – combine with appropriate typeface- creates
   sophisticated design, including formal, fun, or serious look.

 Avoid using more than one text alignment, i.e., don’t center some
   and right justify some others

 Minimize formal centered alignment unless for a purpose and or
   combine with other visual connections, e.g., graphics
                 Alignment: Exercise
 Use word or power point, create a research/report cover for one of
   your favorite subject that contains all the necessary info.

 Depend on your design, you may also add a subtitle, a short thesis
   statement, and/or some graphics and background.

 Planning: Before the design, on a separate page, briefly (a
   paragraph or two) describe your report and the purpose of design,
   e.g., you want to have a “fun look” since your report is about
   comedies or a fun character.

 Save both files as instructed.

								
To top