1 / 15

WEB DESIGN PRINCIPLES: Alignment

WEB DESIGN PRINCIPLES: Alignment. Web Design & Animation II Mr. Huang Voorhees High School. THE DESIGN PRINCIPLES. Balance Emphasis Proportion Alignment Unity. ALIGNMENT. Alignment – the position of elements on a design that line up together. ALIGNMENT TECHNIQUES.

scot
Télécharger la présentation

WEB DESIGN PRINCIPLES: Alignment

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. WEB DESIGN PRINCIPLES:Alignment Web Design & Animation II Mr. Huang Voorhees High School

  2. THE DESIGN PRINCIPLES • Balance • Emphasis • Proportion • Alignment • Unity

  3. ALIGNMENT • Alignment – the position of elements on a design that line up together

  4. ALIGNMENT TECHNIQUES • One way to use alignment on a web page is to use the samealignment for paragraphs, headings, and images. • The four types of vertical alignment are: left, centered, right, and justified

  5. ALIGNMENT TECHNIQUES • Another way to use alignment on a web page is to use a grid or guides so that you can place the edges of elements up against the grid lines or guide lines. • Try to use horizontal alignment as well! Have top and bottom edges of elements line up together!

  6. THE GRID and LAYERS

  7. GUIDES and the RULER

  8. GUIDES and the RULER

  9. WHY USE ALIGNMENT? • Alignment on a web page is a major factor in creating a web page that looks organized!!! • A lack of alignment creates a web page that looks disorganized, messy, and unprofessional!

  10. BAD ALIGNMENT vs. GOOD ALIGNMENT

  11. CENTERED ALIGNMENT

  12. LEFT-FLUSH ALIGNMENT

  13. INCONSISTENT ALIGNMENT

  14. VERTICAL ALIGNMENT

  15. HORIZONTAL ALIGNMENT

More Related