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

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


  • 54 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

Cutting Edge Web Design and Development (Basic)

By: Ejaz Ahmad Siddiqui


Design theory

Design Theory

Lesson 2


Today s agenda

Today’s Agenda

  • Follow-up of assignment

  • Introduction to Design Theory

  • Contents of a Great Web Design


Components of great web design

Components of Great Web Design

  • Solid Layout

  • Effective Typography

  • Right Color Scheme


Solid layout

Solid Layout


Solid layout1

Solid Layout

  • Wireframes


Solid layout2

Solid Layout

  • Wireframes


Solid layout3

Solid Layout

  • Whitespace


Solid layout4

Solid Layout

  • Whitespace


Solid layout5

Solid Layout

  • Whitespace


Typography

Typography


Typography1

Typography

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


Typography2

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.


Typography3

Typography

Size

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


Typography4

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


Typography5

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 scheme1

Right Color Scheme


Right color scheme2

Right Color Scheme


Questions

Questions?


  • Login