Cutting edge web design and development basic
Sponsored Links
This presentation is the property of its rightful owner.
1 / 20

Cutting Edge Web Design and Development (Basic) PowerPoint PPT Presentation


  • 70 Views
  • Uploaded on
  • Presentation posted in: General

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

Download Presentation

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


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

  • Right Color Scheme


Solid Layout


Solid Layout

  • Wireframes


Solid Layout

  • Wireframes


Solid Layout

  • Whitespace


Solid Layout

  • Whitespace


Solid Layout

  • Whitespace


Typography


Typography

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


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.


Typography

Size

Size refer to the size of a type on a typographic scale


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


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


Right Color Scheme


Right Color Scheme


Right Color Scheme


Questions?


  • Login