by: ejaz ahmad siddiqui. lesson 2 follow-up of assignment introduction to design theory contents of...
TRANSCRIPT
![Page 1: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/1.jpg)
By: Ejaz Ahmad Siddiqui
![Page 2: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/2.jpg)
Lesson 2
![Page 3: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/3.jpg)
Follow-up of assignment
Introduction to Design Theory
Contents of a Great Web Design
![Page 4: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/4.jpg)
Solid Layout
Effective Typography
Right Color Scheme
![Page 5: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/5.jpg)
![Page 6: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/6.jpg)
Wireframes
![Page 7: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/7.jpg)
Wireframes
![Page 8: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/8.jpg)
Whitespace
![Page 9: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/9.jpg)
Whitespace
![Page 10: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/10.jpg)
Whitespace
![Page 11: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/11.jpg)
![Page 12: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/12.jpg)
Typography refers to
the arrangement of
text on a page, and
appears in some
form or another in
all instances of
written
communication
![Page 13: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/13.jpg)
ContrastPale 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.
![Page 14: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/14.jpg)
SizeSize refer to the size of a type on a typographic scale
![Page 15: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/15.jpg)
HierarchyDifferent sizes of type, used consistently throughout your pages, will signal loud and clear to your readers the relative importance of your pages’ elements
![Page 16: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/16.jpg)
SpaceLet 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
![Page 17: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/17.jpg)
![Page 18: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/18.jpg)
![Page 19: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/19.jpg)
![Page 20: By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design](https://reader033.vdocuments.us/reader033/viewer/2022042608/56649ede5503460f94bee6bd/html5/thumbnails/20.jpg)