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. KedzieChicago, Illinois 60625 5002 N. KedzieChicago, Illinois 60625 Alignment 6 Mom & Pop Corner Grocery Store 5002 N. KedzieChicago, 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.
Pages to are hidden for
"Desktop Publishing"Please download to view full document