SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à Web Design Tips

Website Design2
Website Design2Website Design2
Website Design2Eric Legg
 
Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1Eric 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
 

Similaire à Web Design Tips (20)

Website Design2
Website Design2Website Design2
Website Design2
 
Website Design Part 1
Website Design Part 1Website Design Part 1
Website Design Part 1
 
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
 

Plus de 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
 

Plus de 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
 

Dernier

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...CzechDreamin
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlPeter Udo Diehl
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024TopCSSGallery
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKUXDXConf
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyUXDXConf
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxJennifer Lim
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceSamy Fodil
 
THE BEST IPTV in GERMANY for 2024: IPTVreel
THE BEST IPTV in  GERMANY for 2024: IPTVreelTHE BEST IPTV in  GERMANY for 2024: IPTVreel
THE BEST IPTV in GERMANY for 2024: IPTVreelreely ones
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCzechDreamin
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIES VE
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeCzechDreamin
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...CzechDreamin
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomCzechDreamin
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxDavid Michel
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 

Dernier (20)

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo DiehlFuture Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl
 
Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024Top 10 Symfony Development Companies 2024
Top 10 Symfony Development Companies 2024
 
Connecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAKConnecting the Dots in Product Design at KAYAK
Connecting the Dots in Product Design at KAYAK
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptxWSO2CONMay2024OpenSourceConferenceDebrief.pptx
WSO2CONMay2024OpenSourceConferenceDebrief.pptx
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
THE BEST IPTV in GERMANY for 2024: IPTVreel
THE BEST IPTV in  GERMANY for 2024: IPTVreelTHE BEST IPTV in  GERMANY for 2024: IPTVreel
THE BEST IPTV in GERMANY for 2024: IPTVreel
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
IESVE for Early Stage Design and Planning
IESVE for Early Stage Design and PlanningIESVE for Early Stage Design and Planning
IESVE for Early Stage Design and Planning
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 

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