SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Web Design
                       Tips
8 Tips for Effective
Web Design
Select and stick to a color
scheme
 Ifyour club, organization, or class has a
  logo or preferred colors, that’s a good
  start
 Or choose two or three complementary
  colors
 Don’t change colors on every page
Most Common Color Schemes
-  Red, yellow and white
  - Blue and white
  - Red, grey and white
  - Blue, orange and white
  - Yellow, grey and white
 If you’re not sure, surf the internet and find
  a website that you like
Use templates
 Templates   are part of your web design
  software
 They make web design easy and fun!
Make Navigation Easy
 One  of the most important issues
 Ensure your visitors can find what they are
  looking for easily
 Display navigation bar on the left or at the
  top
Don’t go overboard on special
effects
 OK to have one or two special effects
 Too many can distract your visitor from the
  content
 May take too long to download
Backgrounds
 Ensure
       your visitors can read the text on
 the background
    No black writing on dark blue background
    No yellow on white
 Becareful links are visible before and after
 being visited
External Links
 Open    links to other websites in a new
  window
 Visitors can easily return to your site
Content is King
 It’s
     important your website looks clean
  and professional
 BUT useful and unique content is far more
  important

Weitere ähnliche Inhalte

Ähnlich wie Web Design Tips

Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1Eric Legg
 
Website Design2
Website Design2Website Design2
Website Design2Eric Legg
 
Webdesign New
Webdesign NewWebdesign New
Webdesign Newlyngdoh
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01Farmanzaland
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growthJames Smith
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbookmtwocomms
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websitenonlinear creations
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final ReportKamil Mustaffa
 
M6 - E Commerce - Designing An E Commerce Site
M6 - E Commerce - Designing An E Commerce SiteM6 - E Commerce - Designing An E Commerce Site
M6 - E Commerce - Designing An E Commerce SiteJamie Hutt
 
10 Website Landing Page Must-Have Elements
10 Website Landing Page Must-Have Elements10 Website Landing Page Must-Have Elements
10 Website Landing Page Must-Have ElementsKaren Cioffi-Ventrice
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesCaryn Brown
 
OMG! Your Website Is Ugly
OMG! Your Website Is UglyOMG! Your Website Is Ugly
OMG! Your Website Is UglyThe URL Dr.
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointD'arce Hess
 
AMA Basics in Website Design
AMA Basics in Website DesignAMA Basics in Website Design
AMA Basics in Website Designtheresaboucher
 

Ähnlich wie Web Design Tips (20)

Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1
 
Website Design2
Website Design2Website Design2
Website Design2
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
Webdesign New
Webdesign NewWebdesign New
Webdesign New
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Design Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly websiteDesign Credibility: No one trusts an ugly website
Design Credibility: No one trusts an ugly website
 
Global Scope Final Report
Global Scope Final ReportGlobal Scope Final Report
Global Scope Final Report
 
M6 - E Commerce - Designing An E Commerce Site
M6 - E Commerce - Designing An E Commerce SiteM6 - E Commerce - Designing An E Commerce Site
M6 - E Commerce - Designing An E Commerce Site
 
10 Website Landing Page Must-Have Elements
10 Website Landing Page Must-Have Elements10 Website Landing Page Must-Have Elements
10 Website Landing Page Must-Have Elements
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
The Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective WebsitesThe Do's and Don'ts of Effective Websites
The Do's and Don'ts of Effective Websites
 
OMG! Your Website Is Ugly
OMG! Your Website Is UglyOMG! Your Website Is Ugly
OMG! Your Website Is Ugly
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Principles of Web Design
Principles of Web DesignPrinciples of Web Design
Principles of Web Design
 
AMA Basics in Website Design
AMA Basics in Website DesignAMA Basics in Website Design
AMA Basics in Website Design
 
The donts
The dontsThe donts
The donts
 
The don'tsnn
The don'tsnnThe don'tsnn
The don'tsnn
 
The don'tsn
The don'tsnThe don'tsn
The don'tsn
 

Mehr von Jenny Hubbard

Chapter 6 HW Answers
Chapter 6 HW AnswersChapter 6 HW Answers
Chapter 6 HW AnswersJenny Hubbard
 
Chapter 5 HW Answers
Chapter 5 HW AnswersChapter 5 HW Answers
Chapter 5 HW AnswersJenny Hubbard
 
CCA Chapter 4 HW Answers
CCA Chapter 4 HW AnswersCCA Chapter 4 HW Answers
CCA Chapter 4 HW AnswersJenny Hubbard
 
Chapter 2 Linear Functions
Chapter 2 Linear FunctionsChapter 2 Linear Functions
Chapter 2 Linear FunctionsJenny Hubbard
 
Unit 4 Saving and Investing PPT
Unit 4 Saving and Investing PPTUnit 4 Saving and Investing PPT
Unit 4 Saving and Investing PPTJenny Hubbard
 
Unit 4 The Accounting Cycle
Unit 4 The Accounting CycleUnit 4 The Accounting Cycle
Unit 4 The Accounting CycleJenny Hubbard
 
Unit 3 Debits and Credits
Unit 3 Debits and CreditsUnit 3 Debits and Credits
Unit 3 Debits and CreditsJenny Hubbard
 
Unit 6 Renting vs. Buying
Unit 6 Renting vs. BuyingUnit 6 Renting vs. Buying
Unit 6 Renting vs. BuyingJenny Hubbard
 
Unit 6 Renting vs. Owning
Unit 6 Renting vs. OwningUnit 6 Renting vs. Owning
Unit 6 Renting vs. OwningJenny Hubbard
 
Calculating Simple and Compound Interest
Calculating Simple and Compound InterestCalculating Simple and Compound Interest
Calculating Simple and Compound InterestJenny Hubbard
 
Intro Unit Workforce Readiness
Intro Unit Workforce ReadinessIntro Unit Workforce Readiness
Intro Unit Workforce ReadinessJenny Hubbard
 
Intro Unit Workforce Readiness
Intro Unit Workforce ReadinessIntro Unit Workforce Readiness
Intro Unit Workforce ReadinessJenny Hubbard
 
Unit 3 Debits and Credits
Unit 3 Debits and CreditsUnit 3 Debits and Credits
Unit 3 Debits and CreditsJenny Hubbard
 
Unit 2 Financial Transactions
Unit 2 Financial TransactionsUnit 2 Financial Transactions
Unit 2 Financial TransactionsJenny Hubbard
 
Unit 1 The Accounting Equation
Unit 1 The Accounting EquationUnit 1 The Accounting Equation
Unit 1 The Accounting EquationJenny Hubbard
 
Unit 1 The Accounting Equation
Unit 1 The Accounting EquationUnit 1 The Accounting Equation
Unit 1 The Accounting EquationJenny Hubbard
 
Unit 4 The Accounting Cycle
Unit 4 The Accounting CycleUnit 4 The Accounting Cycle
Unit 4 The Accounting CycleJenny Hubbard
 
Victoria and Vanessa Simpson University 2013
Victoria and Vanessa Simpson University 2013Victoria and Vanessa Simpson University 2013
Victoria and Vanessa Simpson University 2013Jenny Hubbard
 

Mehr von Jenny Hubbard (20)

CCA Chapter 7
CCA Chapter 7CCA Chapter 7
CCA Chapter 7
 
Chapter 6 HW Answers
Chapter 6 HW AnswersChapter 6 HW Answers
Chapter 6 HW Answers
 
Chapter 5 HW Answers
Chapter 5 HW AnswersChapter 5 HW Answers
Chapter 5 HW Answers
 
CCA Chapter 4 HW Answers
CCA Chapter 4 HW AnswersCCA Chapter 4 HW Answers
CCA Chapter 4 HW Answers
 
Chapter 2 Linear Functions
Chapter 2 Linear FunctionsChapter 2 Linear Functions
Chapter 2 Linear Functions
 
Chapter 1 Functions
Chapter 1 FunctionsChapter 1 Functions
Chapter 1 Functions
 
Unit 4 Saving and Investing PPT
Unit 4 Saving and Investing PPTUnit 4 Saving and Investing PPT
Unit 4 Saving and Investing PPT
 
Unit 4 The Accounting Cycle
Unit 4 The Accounting CycleUnit 4 The Accounting Cycle
Unit 4 The Accounting Cycle
 
Unit 3 Debits and Credits
Unit 3 Debits and CreditsUnit 3 Debits and Credits
Unit 3 Debits and Credits
 
Unit 6 Renting vs. Buying
Unit 6 Renting vs. BuyingUnit 6 Renting vs. Buying
Unit 6 Renting vs. Buying
 
Unit 6 Renting vs. Owning
Unit 6 Renting vs. OwningUnit 6 Renting vs. Owning
Unit 6 Renting vs. Owning
 
Calculating Simple and Compound Interest
Calculating Simple and Compound InterestCalculating Simple and Compound Interest
Calculating Simple and Compound Interest
 
Intro Unit Workforce Readiness
Intro Unit Workforce ReadinessIntro Unit Workforce Readiness
Intro Unit Workforce Readiness
 
Intro Unit Workforce Readiness
Intro Unit Workforce ReadinessIntro Unit Workforce Readiness
Intro Unit Workforce Readiness
 
Unit 3 Debits and Credits
Unit 3 Debits and CreditsUnit 3 Debits and Credits
Unit 3 Debits and Credits
 
Unit 2 Financial Transactions
Unit 2 Financial TransactionsUnit 2 Financial Transactions
Unit 2 Financial Transactions
 
Unit 1 The Accounting Equation
Unit 1 The Accounting EquationUnit 1 The Accounting Equation
Unit 1 The Accounting Equation
 
Unit 1 The Accounting Equation
Unit 1 The Accounting EquationUnit 1 The Accounting Equation
Unit 1 The Accounting Equation
 
Unit 4 The Accounting Cycle
Unit 4 The Accounting CycleUnit 4 The Accounting Cycle
Unit 4 The Accounting Cycle
 
Victoria and Vanessa Simpson University 2013
Victoria and Vanessa Simpson University 2013Victoria and Vanessa Simpson University 2013
Victoria and Vanessa Simpson University 2013
 

Kürzlich hochgeladen

Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 

Kürzlich hochgeladen (20)

Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 

Web Design Tips

  • 1. Web Design Tips 8 Tips for Effective Web Design
  • 2. Select and stick to a color scheme  Ifyour club, organization, or class has a logo or preferred colors, that’s a good start  Or choose two or three complementary colors  Don’t change colors on every page
  • 3. Most Common Color Schemes - Red, yellow and white - Blue and white - Red, grey and white - Blue, orange and white - Yellow, grey and white  If you’re not sure, surf the internet and find a website that you like
  • 4. Use templates  Templates are part of your web design software  They make web design easy and fun!
  • 5. Make Navigation Easy  One of the most important issues  Ensure your visitors can find what they are looking for easily  Display navigation bar on the left or at the top
  • 6. Don’t go overboard on special effects  OK to have one or two special effects  Too many can distract your visitor from the content  May take too long to download
  • 7. Backgrounds  Ensure your visitors can read the text on the background  No black writing on dark blue background  No yellow on white  Becareful links are visible before and after being visited
  • 8. External Links  Open links to other websites in a new window  Visitors can easily return to your site
  • 9. Content is King  It’s important your website looks clean and professional  BUT useful and unique content is far more important