1 / 20

Cutting Edge Web Design and Development (Basic)

Cutting Edge Web Design and Development (Basic). By: Ejaz Ahmad Siddiqui. Design Theory. Lesson 2. Today’s Agenda. Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design. Components of Great Web Design. Solid Layout Effective Typography

edison
Télécharger la présentation

Cutting Edge Web Design and Development (Basic)

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. Cutting Edge Web Design and Development (Basic) By: Ejaz Ahmad Siddiqui

  2. Design Theory Lesson 2

  3. Today’s Agenda • Follow-up of assignment • Introduction to Design Theory • Contents of a Great Web Design

  4. Components of Great Web Design • Solid Layout • Effective Typography • Right Color Scheme

  5. Solid Layout

  6. Solid Layout • Wireframes

  7. Solid Layout • Wireframes

  8. Solid Layout • Whitespace

  9. Solid Layout • Whitespace

  10. Solid Layout • Whitespace

  11. Typography

  12. Typography Typography refers to the arrangement of text on a page, and appears in some form or another in all instances of written communication

  13. Typography Contrast Pale pink text on a pale blue background, might match your t-shirt, but it just doesn’t read well. Text exists to be read; make sure that it contrasts enough with the background to achieve that.

  14. Typography Size Size refer to the size of a type on a typographic scale

  15. Typography Hierarchy Different sizes of type, used consistently throughout your pages, will signal loud and clear to your readers the relative importance of your pages’ elements

  16. Typography Space Let your type breathe. Don’t be afraid to leave blank spaces in your pages. This negative or white space will help focus attention on the text—and it’s the text that speaks loudest, so let it be heard

  17. Right Color Scheme

  18. Right Color Scheme

  19. Right Color Scheme

  20. Questions?

More Related