with ADOBE APPLICATIONSGRAPHIC DESIGNFOUNDATION IN

CAN YOU ALL HEAR ME?

• Graphic Design for Web

LESSON 8

ELEMENTS

LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE

PRINCIPLES

ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION

…“The task of designing web pages to be displayed over the World Wide Web. Web design encompasses a number of important elements including colour, layout, and overall graphical appearance.”

WHAT IS WEB DESIGN?

…“Usability is the ease of use and learnability of a human-made object. The object of use can be a software application, website, book, tool, machine, process, or anything a human interacts with.”

WHAT IS USABILITY?

…

Web usability is the ease of use of a website. Some broad goals of usability are the presentation of information and choices in a clear and concise way, a lack of ambiguity and the placement of important items in appropriate areas.

WHAT IS THE USABILITY OF A WEBSITE?

WHY USABILITYIS IMPORTANT

…

User Experience (UX) involves a person's behaviours, attitudes, and emotions about using a particular product, system or service. User experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership.

WHAT IS USER EXPERIENCE?

PURPOSE

Cater to the needs of the user

COMMUNICATION

• Easy to Read & Digest

• Organise Information

• Use Headlines & Sub-Headlines

• Bullet Points

• Cut out Waffle!

We like to Read fromLeft to Right

AND FROM

TOP TO

BOTTOM “F” LAYOUT

COLOUR | For Web Design

COLOUR | For Web Design

COLOUR | For Web Design

monochromatic

COLOUR | For Web Design

complementary

COLOUR | For Web Design

split complementary

COLOUR | For Web Design

analogous

COLOUR | For Web Design

triads

COLOUR | for Web Design

TEXTURE | For Web Design

REPETITION | For Web Design

SPACE | For Web Design

TYPOGRAPHY | Things to remember

• Font Choices

• Spacing

• Line Length

• Colour

• Paragraphing

• Don’t use Comic Sans, ever, NO REALLY!

Web-Safe Fonts v Web Fonts

TYPOGRAPHY | For Web Design

Web-Safe Fonts

Cross-PlatformThey need to be already installed on a visitors device

TYPOGRAPHY | For Web Design

Web-Safe FontsExamples

TYPOGRAPHY | For Web Design

Web Fonts

Hosted FontsYou do not need to install any fonts

DISCLAIMER: Check Google Fonts!*

TYPOGRAPHY | For Web Design

Font Pairing

IMAGES

• Pictures speak a Thousand Words

• Help with Branding

• Connect with your audience

• Try and get Professional Images or purchase Stock Images

• Use Infographics, Video & Graphics to communicate message

VISUAL HIERARCHY

Visual hierarchy is the order or sequence in which our eye moves and perceives the things it sees.

VISUAL HIERARCHY | SIZE

VISUAL HIERARCHY | CONTENT

DESIGNINGFOR WEB

What Web Design Is

Importance of Usability

Effective Communication

“F” Layout

Colour Systems for Web

Elements & Principles

Typography for Web

Images

Hierarchy

ADVANCED DIPLOMA inGRAPHIC DESIGN

Our flagship Advanced Graphic Design Course

Become the Designer you’ve always wanted to be

Lifetime Access to the Course andLifetime Support from the Design Team

10 Week Course with a Lifetime of Weekly Practical's thereafter

Master Colour, Layout & Grid Theory and Advanced Principles of Design

Résumé & Portfolio creation

Logos, Infographics, Branding & Packaging

Ideas Generation & Career Advice for your further development

Lifetime Access to EVERYTHING else!

All Foundation andAdvanced Diploma courses

Second Special

Announcement

Advanced Graphic Design& Lifetime Membership

Regular Price: €1250 - £995 - $1250

NOW ONLY: €495 - £395 - $495Check your offer email for the discount in your own currency

Type:INFO

Hear from one of our members

Advanced Graphic Design& Lifetime Membership

Advanced Graphic Design

All Basic & Advanced Courses

Unlimited Support for Life

Share with 3 Friends & Family

Start Part 2 or try something new!

Type: INFO

We will send you a pro forma invoice to present to your employer

Shaw Academy for Business

Your company can pay for you

Type: Invoice

Advanced Graphic Design& Lifetime Membership

Regular Price: €1250 - £995 - $1250

NOW ONLY: €495 - £395 - $495

Check your offer email for the discount in your own currency

Type: INFO

Discount Expires onSunday, August 21st2 & 4 Part Payment options available