SlideShare a Scribd company logo
1 of 42
Visually communicate with your design Serena Carpenter http://serenacarpenter.com
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Contrast
Alignment – Invisible grid
Repetition ,[object Object]
Proximity
 
 
Paging vs. Scrolling ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
 
 
Monitor Resolution ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
Navigation
Stick with Muted Colors And Think about Your Intended Audience ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Images ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object]
Typography is  not  picking a cool font. ,[object Object],[object Object],[object Object],[object Object]
White space unclutters ,[object Object],[object Object]
Stick with narrow columns ,[object Object],[object Object]
Basic Rules ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Robert Bringhurst The Elements of Typographic Style
Font ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
 
 
Font ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Font tips ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Increase Line Spacing
Links ,[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],[object Object]
 
Design your banner ,[object Object],[object Object]
Design your personal page ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Page-level design
Tree Diagram Site-level Design
Future Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked (13)

Alternative search
Alternative searchAlternative search
Alternative search
 
Job Skills
Job SkillsJob Skills
Job Skills
 
Information writing seo
Information writing seoInformation writing seo
Information writing seo
 
Online Information Design
Online Information DesignOnline Information Design
Online Information Design
 
Information Design - BEA
Information Design - BEAInformation Design - BEA
Information Design - BEA
 
Social Media & Personal Branding
Social Media & Personal BrandingSocial Media & Personal Branding
Social Media & Personal Branding
 
Video Editing and Encoding
Video Editing and EncodingVideo Editing and Encoding
Video Editing and Encoding
 
Theoretical Issues - Intro to Quantitative
Theoretical Issues - Intro to Quantitative Theoretical Issues - Intro to Quantitative
Theoretical Issues - Intro to Quantitative
 
Online identity and social media
Online identity and social mediaOnline identity and social media
Online identity and social media
 
Concept Explication - Theoretical Issues - Intro to Quantitative
Concept Explication - Theoretical Issues - Intro to Quantitative Concept Explication - Theoretical Issues - Intro to Quantitative
Concept Explication - Theoretical Issues - Intro to Quantitative
 
Theorybuilding f13
Theorybuilding f13Theorybuilding f13
Theorybuilding f13
 
Measurement - Intro to Quantitative
Measurement - Intro to Quantitative Measurement - Intro to Quantitative
Measurement - Intro to Quantitative
 
Sampling survey - Intro to Quantitative
Sampling survey - Intro to Quantitative Sampling survey - Intro to Quantitative
Sampling survey - Intro to Quantitative
 

Similar to Web Design

Presentation 1 asgardia
Presentation 1 asgardiaPresentation 1 asgardia
Presentation 1 asgardiaAlix Fraser
 
Multimedia: Making it Happen - Text
Multimedia: Making it Happen - TextMultimedia: Making it Happen - Text
Multimedia: Making it Happen - Textjoelk
 
Typography teaching presentation
Typography teaching presentationTypography teaching presentation
Typography teaching presentationBrianna Morris
 
Neoito — Typography for the web
Neoito — Typography for the webNeoito — Typography for the web
Neoito — Typography for the webNeoito
 
Editing, Presenting, and Anal Retenting
Editing, Presenting, and Anal RetentingEditing, Presenting, and Anal Retenting
Editing, Presenting, and Anal Retentingcaswenson
 
POW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design BasicsPOW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design BasicsMesaPublicLibrary
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdfssusercc3ff71
 
Intro to Design For Devs, 360|Flex 2012
Intro to Design For Devs, 360|Flex 2012Intro to Design For Devs, 360|Flex 2012
Intro to Design For Devs, 360|Flex 2012AntonioHolguin
 
Designing The Document
Designing The DocumentDesigning The Document
Designing The DocumentProf S
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usagedezinegirl creative studio
 
Introductiontowebdesign 090806135811-phpapp02
Introductiontowebdesign 090806135811-phpapp02Introductiontowebdesign 090806135811-phpapp02
Introductiontowebdesign 090806135811-phpapp02sagaroceanic11
 
Designing Type for User Interface
Designing Type for User InterfaceDesigning Type for User Interface
Designing Type for User InterfaceAndi Galpern
 
Font-families in CSS
Font-families in CSSFont-families in CSS
Font-families in CSSMindy McAdams
 

Similar to Web Design (20)

Type
TypeType
Type
 
Presentation 1 asgardia
Presentation 1 asgardiaPresentation 1 asgardia
Presentation 1 asgardia
 
Multimedia: Making it Happen - Text
Multimedia: Making it Happen - TextMultimedia: Making it Happen - Text
Multimedia: Making it Happen - Text
 
Typography teaching presentation
Typography teaching presentationTypography teaching presentation
Typography teaching presentation
 
Neoito — Typography for the web
Neoito — Typography for the webNeoito — Typography for the web
Neoito — Typography for the web
 
Editing, Presenting, and Anal Retenting
Editing, Presenting, and Anal RetentingEditing, Presenting, and Anal Retenting
Editing, Presenting, and Anal Retenting
 
POW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design BasicsPOW! Your Point Handout 2: Design Basics
POW! Your Point Handout 2: Design Basics
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
 
multimedia (2nd)
 multimedia (2nd) multimedia (2nd)
multimedia (2nd)
 
Intro to Design For Devs, 360|Flex 2012
Intro to Design For Devs, 360|Flex 2012Intro to Design For Devs, 360|Flex 2012
Intro to Design For Devs, 360|Flex 2012
 
0135140560 pp10a
0135140560 pp10a0135140560 pp10a
0135140560 pp10a
 
Designing The Document
Designing The DocumentDesigning The Document
Designing The Document
 
Fonts!
Fonts!Fonts!
Fonts!
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usage
 
Introductiontowebdesign 090806135811-phpapp02
Introductiontowebdesign 090806135811-phpapp02Introductiontowebdesign 090806135811-phpapp02
Introductiontowebdesign 090806135811-phpapp02
 
Best web design company
Best web design companyBest web design company
Best web design company
 
Designing Type for User Interface
Designing Type for User InterfaceDesigning Type for User Interface
Designing Type for User Interface
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
Visual Rhetoric
Visual RhetoricVisual Rhetoric
Visual Rhetoric
 
Font-families in CSS
Font-families in CSSFont-families in CSS
Font-families in CSS
 

More from Michigan State University

Content Analysis - Theoretical Issues - Intro to Quantitative
Content Analysis - Theoretical Issues - Intro to Quantitative Content Analysis - Theoretical Issues - Intro to Quantitative
Content Analysis - Theoretical Issues - Intro to Quantitative Michigan State University
 
Academic Publishing in Communication and Journalism
Academic Publishing in Communication and JournalismAcademic Publishing in Communication and Journalism
Academic Publishing in Communication and JournalismMichigan State University
 

More from Michigan State University (19)

Stats - Intro to Quantitative
Stats -  Intro to Quantitative Stats -  Intro to Quantitative
Stats - Intro to Quantitative
 
Content Analysis - Theoretical Issues - Intro to Quantitative
Content Analysis - Theoretical Issues - Intro to Quantitative Content Analysis - Theoretical Issues - Intro to Quantitative
Content Analysis - Theoretical Issues - Intro to Quantitative
 
Social media-overview
Social media-overviewSocial media-overview
Social media-overview
 
Social media verification and credibility
Social media verification and credibilitySocial media verification and credibility
Social media verification and credibility
 
Engagement and Journalism
Engagement and JournalismEngagement and Journalism
Engagement and Journalism
 
Google search
Google search Google search
Google search
 
Teaching engagement
Teaching engagement Teaching engagement
Teaching engagement
 
Elevating a Portfolio
Elevating a PortfolioElevating a Portfolio
Elevating a Portfolio
 
Academic Publishing in Communication and Journalism
Academic Publishing in Communication and JournalismAcademic Publishing in Communication and Journalism
Academic Publishing in Communication and Journalism
 
Personal branding sp11
Personal branding sp11Personal branding sp11
Personal branding sp11
 
Online writing, design and SEO
Online writing, design and SEOOnline writing, design and SEO
Online writing, design and SEO
 
Broll or Video Shooting - Fall10
Broll or Video Shooting - Fall10Broll or Video Shooting - Fall10
Broll or Video Shooting - Fall10
 
Social Media and Online Identity
Social Media and Online IdentitySocial Media and Online Identity
Social Media and Online Identity
 
Information Design and SEO
Information Design and SEOInformation Design and SEO
Information Design and SEO
 
Blogging Fall 2010
Blogging Fall 2010Blogging Fall 2010
Blogging Fall 2010
 
Social Media in the Classroom - AEJMC
Social Media in the Classroom - AEJMCSocial Media in the Classroom - AEJMC
Social Media in the Classroom - AEJMC
 
Video Trends, Tips and Communication
Video Trends, Tips and CommunicationVideo Trends, Tips and Communication
Video Trends, Tips and Communication
 
Photo Composition and Communication
Photo Composition and CommunicationPhoto Composition and Communication
Photo Composition and Communication
 
Twitter Basics
Twitter BasicsTwitter Basics
Twitter Basics
 

Recently uploaded

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 

Recently uploaded (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

Web Design