FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS
CAN YOU ALL HEAR ME?
LESSON 8 Graphic Design for Web
ELEMENTS LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE
PRINCIPLES ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION
WHAT IS WEB DESIGN? 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 USABILITY? 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 THE USABILITY OF A WEBSITE? 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.
WHY USABILITY IS IMPORTANT
WHAT IS USER EXPERIENCE? 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.
PURPOSE Cater to the needs of the user
COMMUNICATION Easy to Read & Digest Organise Information Use Headlines & Sub-Headlines Bullet Points Cut out Waffle!
AND FROM TOP TO BOTTOM We like to Read from Left to Right 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-Platform They need to be already installed on a visitors device
TYPOGRAPHY For Web Design Web-Safe Fonts Examples
TYPOGRAPHY For Web Design Web Fonts Hosted Fonts You 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
DESIGNING FOR 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 in GRAPHIC DESIGN Our flagship Advanced Graphic Design Course Become the Designer you ve always wanted to be 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 the Course and Lifetime Support from the Design Team
Lifetime Access to EVERYTHING else! All Foundation and Advanced Diploma courses
l a i c e p S d n o c e S t n e m e c n u o n An
Advanced Graphic Design & Lifetime Membership Regular Price: 1250-995 - $1250 NOW ONLY: Type: INFO 495-395 - $495 Check your offer email for the discount in your own currency
Hear from one of our members
Advanced Graphic Design & Lifetime Membership Start Part 2 or try something new! Advanced Graphic Design All Basic & Advanced Courses Unlimited Support for Life Share with 3 Friends & Family Type: INFO
Shaw Academy for Business Your company can pay for you Type: Invoice We will send you a pro forma invoice to present to your employer
Advanced Graphic Design & Lifetime Membership Type: INFO Regular Price: 1250-995 - $1250 NOW ONLY: 495-395 - $495 2 & 4 Part Payment options available Check your offer email for the discount in your own currency Discount Expires on Sunday, August 21st