By: Ejaz Ahmad Siddiqui. Lesson 2 Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design.

Slides:



Advertisements
Similar presentations
Unity Gestalt Space Dominance Hierarchy Balance Color Part I: Color Theory Color Part II: How to Use Color.
Advertisements

Earlston High School Display. How to Keep it Simple The Bottle overlaps all three backgrounds areas. This helps unify the graphic and make it feel organised.
Crash course in Web Design By Justina Eng. Why is good site design important? Build trust Maintain reputation/brand Increase visibility.
How the effective use of type and whitespace can combine to create attractive packages.
In lab 1 you created this: No offense, but frankly this map is cluttered and a bit crude.
Information Architecture Week 8. Information Architecture QUIZ Please put your books away and get ready for this week’s quiz.
Amgen Grid I Grid II.
Amgen. Grid I Grid II Typography Calibri Regular Calibri Bold Calibri Italics.
Screen Design. Fonts Font size should be no smaller than 24 point 3 different groups of font Serif T Sans Serif T Script WORDS IN ALL CAPS ARE HARD TO.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Design Principles 3.02 Understand business publications.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Graphic Design: An Overview for Effective Communication.
Elements of graphic design White Space ● Unity ● Color ● Typography.
Web Design – Sec 4-6 and 4-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Design Principles 3.02 Understand business publications Slide 1.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Designing for the Web 7 Useful Design Principles.
5.00 UNDERSTAND PROMOTION 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.  
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
PRESENTATION SOFTWARE PowerPoint, Keynote, Prezi Purpose?
General Assembly INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS Sourced from the book: Design Elements: A Graphic Style Manual by Timothy Samara, Rockport.
Effective Web Site Design Written by Jimmy Ellis.
BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)
Chapter 2 Web Site Design Principles
Web Site Design Principles
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Create a KILLER PowerPoint Presentation
Interface Design.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
3.02 Understand business publications
Design Principles 3.02 Design Principles revised 9/24/09.
Web Design. 5 Characteristics of Good Web Design.
10 Tips for Good PowerPoint Presentation
Design Principles 3.02 Understand business publications.
Introduction to Effective Presentations Overview General tips for presentations Effective slide content Slide Layout Pacing the presentation Color and.
Indicator 5.01 Understand the use of an advertisement’s components to communicate with targeted audiences.
Posters, Magazines, Websites
JRN 302: Introduction to Graphics and Visual Communication - Proximity, contrast Tuesday, 11/9/15.
Graphics Navigation Usability Typography Content Clarity & Consistency.
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Design Principles 3.02 Understand business publications.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
DMT612 Professional Preparation EFFECTIVE WEB DESIGN.
Design Principles Definitions. Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.
Chapter 2 Web Site Design Principles
Understanding and Applying Typography in CSS
CARP Four Principles of Design
Color Theory in Web Design
Chapter 19 Presentation Design
Making Templates Accessible
Understanding and Applying Typography in CSS
Review for Final.
Chapter 19 Presentation Design
New PowerPoint Template
Design Principles 3.02 Understand business publications
3.02 Understand business publications
New PowerPoint Template
Additional Information
Web Design Tips.
Making Templates Accessible
Design Principles 3.02 Understand business publications
Graphic Design for All! Summerlee Walter Communications Coordinator
Chapter 2 Web Site Design Principles
2.00 Understand Publications
Design Principles 3.02 Understand business publications
Presentation transcript:

By: Ejaz Ahmad Siddiqui

Lesson 2

Follow-up of assignment Introduction to Design Theory Contents of a Great Web Design

Solid Layout Effective Typography Right Color Scheme

Wireframes

Whitespace

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

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.

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

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

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