SlideShare a Scribd company logo
Building a
Website 3
By the end of this
workshop, you will
be able to:
1. Describe the Principles of Design.
2. Use themes to change the fonts and
and colours of your website.
3. Manipulate images using the Image
Editor.
With the last session in mind,
what’s missing from this website?
There’s no menu!
Why is this an example of bad
website design?
1. WIX 3 PowerPoint for Work Experience 2024.pptx
Principles of Design
The website shown in the last slide breaks many of the rules of
design. As they work on websites designers will keep these
rules, or principles, in mind because they:
1. Help to get a message across to an
audience
2. Make it easier for people to remember
the website
3. Make the site look professional
Principles of Design
HIERARCHY
Make the most
important stuff
stand out so
people know where
to look first.
You can do this
with size e.g.
make important
text bigger than
the rest.
CONTRAST
Contrast adds
interest and
makes things pop!
It can also help
things to stand
out.
You can use
contrast when
using colour and
fonts.
SPACE
Don’t try to cram
too much into one
space.
Space between
elements helps the
brain to make
sense of what it’s
seeing.
PROXIMITY
Grouping similar
things together
makes it easier
for people to find
what they need.
How do these
colours make you
feel?
Choosing a Colour Palette
A colour palette is a group of colours that website designers (also
graphic designers, interior designers, fashion designers and more)
base their work on.
This means that they decide on a group
of colours and only use those colours
in a piece of work e.g. a website.
Colour can be linked to many things,
like emotions and seasons. It’s
important to think carefully about the
colours you use.
e.g. if your website is about
Manchester United, you wouldn’t put
blue in your colour palette…
Choosing a Colour
Palette
Using the Theme Editor, WIX will suggest
some colour palettes for your site.
When choosing your colour palette, ask
yourself:
1. How do I want my visitors to feel?
2. What’s the mood of my topic?
3. Are there any colours that are
associated with my topic?
Playful Strengt
h
Fun
Cheerfu
l
Ambitiou
s
Calm
Luxury Natural Modern
PINK RED ORANGE
YELLOW PURPLE BLUE
BROWN GREEN BLACK
Task
Choose a theme for your website,
giving consideration to your choice
of colour palette.
Use the image editor to make
changes to a chosen image.
Can you improve your work so far
using the Principles of Design?
?
Name a Principle
of Design and
what it means.
?
Why did you
choose your
colour palette?
?
Apart from web
designers, who
else uses
colour palettes?
Your Mission: Recap
Lorem Ipsum is simply dummy text of the
Create a website about
something you’re
interested in:
 Have up to three pages.
 Show that you understand
what makes a good website.
Your website should:
Hobby, band/singer, celebrity,
film, gaming, sport, animals,
anime, instrument, football
team etc

More Related Content

Similar to 1. WIX 3 PowerPoint for Work Experience 2024.pptx

10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
Abdelrahman Elyamany | Branding & Presentation Design
 
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
Abdelrahman Elyamany | Branding & Presentation Design
 
Pro forma
Pro formaPro forma
Pro forma
ZkyQatDalyani
 
Initial plans print rotation
Initial plans print rotationInitial plans print rotation
Initial plans print rotation
bronparsons
 
Unsolicited redesign visual inventory
Unsolicited redesign visual inventoryUnsolicited redesign visual inventory
Unsolicited redesign visual inventory
Amy_Benders
 
Project Legoburgh
Project LegoburghProject Legoburgh
Project Legoburgh
rddietrich
 
3 Rules Front End Developers Must Follow!
3 Rules Front End Developers Must Follow!3 Rules Front End Developers Must Follow!
3 Rules Front End Developers Must Follow!
Rasin Bekkevold
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
Steve
 
Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016
BookWise Design
 
Portfolio
PortfolioPortfolio
Portfolio
Henrri Ramirez
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to Know
Ram Chary Everi
 
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
D'arce Hess
 
3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers
neelimadhir91
 
TemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design softwareTemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design software
Davis Brown
 
Unsolicited Redesign Visual Inventory
Unsolicited Redesign Visual InventoryUnsolicited Redesign Visual Inventory
Unsolicited Redesign Visual Inventory
Amy_em_B
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro Forma
hayleylou11
 
Photoshop
PhotoshopPhotoshop
Photoshop
Emily Samayoa
 
R9.1
R9.1R9.1
Digital graphics pro form a new
Digital graphics pro form a newDigital graphics pro form a new
Digital graphics pro form a new
Jonah Adshead
 
Digital graphics pro form a new
Digital graphics pro form a newDigital graphics pro form a new
Digital graphics pro form a new
Jonah Adshead
 

Similar to 1. WIX 3 PowerPoint for Work Experience 2024.pptx (20)

10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
 
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads10 Design Mistakes You Make When Creating eBooks That Cost You Leads
10 Design Mistakes You Make When Creating eBooks That Cost You Leads
 
Pro forma
Pro formaPro forma
Pro forma
 
Initial plans print rotation
Initial plans print rotationInitial plans print rotation
Initial plans print rotation
 
Unsolicited redesign visual inventory
Unsolicited redesign visual inventoryUnsolicited redesign visual inventory
Unsolicited redesign visual inventory
 
Project Legoburgh
Project LegoburghProject Legoburgh
Project Legoburgh
 
3 Rules Front End Developers Must Follow!
3 Rules Front End Developers Must Follow!3 Rules Front End Developers Must Follow!
3 Rules Front End Developers Must Follow!
 
Week 202 design skills
Week 202 design skillsWeek 202 design skills
Week 202 design skills
 
Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016
 
Portfolio
PortfolioPortfolio
Portfolio
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to Know
 
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
 
3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers3 Important tips about graphic designing for non-graphic designers
3 Important tips about graphic designing for non-graphic designers
 
TemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design softwareTemplateToaster A perfect Web Design software
TemplateToaster A perfect Web Design software
 
Unsolicited Redesign Visual Inventory
Unsolicited Redesign Visual InventoryUnsolicited Redesign Visual Inventory
Unsolicited Redesign Visual Inventory
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro Forma
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
R9.1
R9.1R9.1
R9.1
 
Digital graphics pro form a new
Digital graphics pro form a newDigital graphics pro form a new
Digital graphics pro form a new
 
Digital graphics pro form a new
Digital graphics pro form a newDigital graphics pro form a new
Digital graphics pro form a new
 

More from louise569794

1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx
louise569794
 
1. WIX 2 PowerPoint for Work Experience.pptx
1. WIX 2 PowerPoint for Work Experience.pptx1. WIX 2 PowerPoint for Work Experience.pptx
1. WIX 2 PowerPoint for Work Experience.pptx
louise569794
 
1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx
louise569794
 
1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx
louise569794
 
Introduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptxIntroduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptx
louise569794
 
Introduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptxIntroduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptx
louise569794
 
Introduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptxIntroduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptx
louise569794
 

More from louise569794 (7)

1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx1. WIX 1 Powerpoint for workexperience.pptx
1. WIX 1 Powerpoint for workexperience.pptx
 
1. WIX 2 PowerPoint for Work Experience.pptx
1. WIX 2 PowerPoint for Work Experience.pptx1. WIX 2 PowerPoint for Work Experience.pptx
1. WIX 2 PowerPoint for Work Experience.pptx
 
1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx1. WIX 4 Powerpoint for Work Experience 2024.pptx
1. WIX 4 Powerpoint for Work Experience 2024.pptx
 
1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx1. WIX 5 Lesson PowerPoint for WEX24.pptx
1. WIX 5 Lesson PowerPoint for WEX24.pptx
 
Introduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptxIntroduction to Social MediaApril2024.pptx
Introduction to Social MediaApril2024.pptx
 
Introduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptxIntroduction to Email Marketing 2024.pptx
Introduction to Email Marketing 2024.pptx
 
Introduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptxIntroduction to Social Media for Businesses.pptx
Introduction to Social Media for Businesses.pptx
 

Recently uploaded

1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
Mani Krishna Sarkar
 
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
YanKing2
 
Rockets and missiles notes engineering ppt
Rockets and missiles notes engineering pptRockets and missiles notes engineering ppt
Rockets and missiles notes engineering ppt
archithaero
 
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
amzhoxvzidbke
 
Monitoring and reporting of transparent forest data and information under the...
Monitoring and reporting of transparent forest data and information under the...Monitoring and reporting of transparent forest data and information under the...
Monitoring and reporting of transparent forest data and information under the...
Pilar Valbuena Perez
 
Synthetic Test Collections for Retrieval Evaluation (Poster)
Synthetic Test Collections for Retrieval Evaluation (Poster)Synthetic Test Collections for Retrieval Evaluation (Poster)
Synthetic Test Collections for Retrieval Evaluation (Poster)
Hossein A. (Saeed) Rahmani
 
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptxGJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
rogginethomas
 
Disaster Management and Mitigation presentation
Disaster Management and Mitigation presentationDisaster Management and Mitigation presentation
Disaster Management and Mitigation presentation
RajaRamannaTarigoppu
 
Unit 1 Information Storage and Retrieval
Unit 1 Information Storage and RetrievalUnit 1 Information Storage and Retrieval
Unit 1 Information Storage and Retrieval
KishorMahale5
 
IS Code SP 23: Handbook on concrete mixes
IS Code SP 23: Handbook  on concrete mixesIS Code SP 23: Handbook  on concrete mixes
IS Code SP 23: Handbook on concrete mixes
Mani Krishna Sarkar
 
Quadcopter Dynamics, Stability and Control
Quadcopter Dynamics, Stability and ControlQuadcopter Dynamics, Stability and Control
Quadcopter Dynamics, Stability and Control
Blesson Easo Varghese
 
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
IJAEMSJORNAL
 
readers writers Problem in operating system
readers writers Problem in operating systemreaders writers Problem in operating system
readers writers Problem in operating system
VADAPALLYPRAVEENKUMA1
 
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
Jim Mimlitz, P.E.
 
Response & Safe AI at Summer School of AI at IIITH
Response & Safe AI at Summer School of AI at IIITHResponse & Safe AI at Summer School of AI at IIITH
Response & Safe AI at Summer School of AI at IIITH
IIIT Hyderabad
 
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
sanabts249
 
DBMS Commands DDL DML DCL ENTITY RELATIONSHIP.pptx
DBMS Commands  DDL DML DCL ENTITY RELATIONSHIP.pptxDBMS Commands  DDL DML DCL ENTITY RELATIONSHIP.pptx
DBMS Commands DDL DML DCL ENTITY RELATIONSHIP.pptx
Tulasi72
 
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY pptCONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
ASHOK KUMAR SINGH
 
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdfGUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
ProexportColombia1
 
PPT_grt.pptx engineering criteria grt for accrediation
PPT_grt.pptx engineering criteria  grt for accrediationPPT_grt.pptx engineering criteria  grt for accrediation
PPT_grt.pptx engineering criteria grt for accrediation
SHALINIRAJAN20
 

Recently uploaded (20)

1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
1239_2.pdf IS CODE FOR GI PIPE FOR PROCUREMENT
 
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
Natural Is The Best: Model-Agnostic Code Simplification for Pre-trained Large...
 
Rockets and missiles notes engineering ppt
Rockets and missiles notes engineering pptRockets and missiles notes engineering ppt
Rockets and missiles notes engineering ppt
 
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
杨洋李一桐做爱视频流出【网芷:ht28.co】国产国产午夜精华>>>[网趾:ht28.co】]<<<
 
Monitoring and reporting of transparent forest data and information under the...
Monitoring and reporting of transparent forest data and information under the...Monitoring and reporting of transparent forest data and information under the...
Monitoring and reporting of transparent forest data and information under the...
 
Synthetic Test Collections for Retrieval Evaluation (Poster)
Synthetic Test Collections for Retrieval Evaluation (Poster)Synthetic Test Collections for Retrieval Evaluation (Poster)
Synthetic Test Collections for Retrieval Evaluation (Poster)
 
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptxGJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
GJ WASTE TO ENERGY KOCHI PROJECT v6.pptx
 
Disaster Management and Mitigation presentation
Disaster Management and Mitigation presentationDisaster Management and Mitigation presentation
Disaster Management and Mitigation presentation
 
Unit 1 Information Storage and Retrieval
Unit 1 Information Storage and RetrievalUnit 1 Information Storage and Retrieval
Unit 1 Information Storage and Retrieval
 
IS Code SP 23: Handbook on concrete mixes
IS Code SP 23: Handbook  on concrete mixesIS Code SP 23: Handbook  on concrete mixes
IS Code SP 23: Handbook on concrete mixes
 
Quadcopter Dynamics, Stability and Control
Quadcopter Dynamics, Stability and ControlQuadcopter Dynamics, Stability and Control
Quadcopter Dynamics, Stability and Control
 
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
Best Practices of Clothing Businesses in Talavera, Nueva Ecija, A Foundation ...
 
readers writers Problem in operating system
readers writers Problem in operating systemreaders writers Problem in operating system
readers writers Problem in operating system
 
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
SCADAmetrics Instrumentation for Sensus Water Meters - Core and Main Training...
 
Response & Safe AI at Summer School of AI at IIITH
Response & Safe AI at Summer School of AI at IIITHResponse & Safe AI at Summer School of AI at IIITH
Response & Safe AI at Summer School of AI at IIITH
 
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
21CV61- Module 3 (CONSTRUCTION MANAGEMENT AND ENTREPRENEURSHIP.pptx
 
DBMS Commands DDL DML DCL ENTITY RELATIONSHIP.pptx
DBMS Commands  DDL DML DCL ENTITY RELATIONSHIP.pptxDBMS Commands  DDL DML DCL ENTITY RELATIONSHIP.pptx
DBMS Commands DDL DML DCL ENTITY RELATIONSHIP.pptx
 
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY pptCONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
CONFINED SPACE ENTRY TRAINING FOR OIL INDUSTRY ppt
 
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdfGUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
GUIA_LEGAL_CHAPTER-9_COLOMBIAN ELECTRICITY (1).pdf
 
PPT_grt.pptx engineering criteria grt for accrediation
PPT_grt.pptx engineering criteria  grt for accrediationPPT_grt.pptx engineering criteria  grt for accrediation
PPT_grt.pptx engineering criteria grt for accrediation
 

1. WIX 3 PowerPoint for Work Experience 2024.pptx

  • 2. By the end of this workshop, you will be able to: 1. Describe the Principles of Design. 2. Use themes to change the fonts and and colours of your website. 3. Manipulate images using the Image Editor.
  • 3. With the last session in mind, what’s missing from this website?
  • 5. Why is this an example of bad website design?
  • 7. Principles of Design The website shown in the last slide breaks many of the rules of design. As they work on websites designers will keep these rules, or principles, in mind because they: 1. Help to get a message across to an audience 2. Make it easier for people to remember the website 3. Make the site look professional
  • 8. Principles of Design HIERARCHY Make the most important stuff stand out so people know where to look first. You can do this with size e.g. make important text bigger than the rest. CONTRAST Contrast adds interest and makes things pop! It can also help things to stand out. You can use contrast when using colour and fonts. SPACE Don’t try to cram too much into one space. Space between elements helps the brain to make sense of what it’s seeing. PROXIMITY Grouping similar things together makes it easier for people to find what they need.
  • 9. How do these colours make you feel?
  • 10. Choosing a Colour Palette A colour palette is a group of colours that website designers (also graphic designers, interior designers, fashion designers and more) base their work on. This means that they decide on a group of colours and only use those colours in a piece of work e.g. a website. Colour can be linked to many things, like emotions and seasons. It’s important to think carefully about the colours you use. e.g. if your website is about Manchester United, you wouldn’t put blue in your colour palette…
  • 11. Choosing a Colour Palette Using the Theme Editor, WIX will suggest some colour palettes for your site. When choosing your colour palette, ask yourself: 1. How do I want my visitors to feel? 2. What’s the mood of my topic? 3. Are there any colours that are associated with my topic? Playful Strengt h Fun Cheerfu l Ambitiou s Calm Luxury Natural Modern PINK RED ORANGE YELLOW PURPLE BLUE BROWN GREEN BLACK
  • 12. Task Choose a theme for your website, giving consideration to your choice of colour palette. Use the image editor to make changes to a chosen image. Can you improve your work so far using the Principles of Design?
  • 13. ? Name a Principle of Design and what it means. ? Why did you choose your colour palette? ? Apart from web designers, who else uses colour palettes?
  • 14. Your Mission: Recap Lorem Ipsum is simply dummy text of the Create a website about something you’re interested in:  Have up to three pages.  Show that you understand what makes a good website. Your website should: Hobby, band/singer, celebrity, film, gaming, sport, animals, anime, instrument, football team etc