SlideShare a Scribd company logo
Design Principles
Task 5.1
Onboarding 1
Proportion
The illustrations are all grouped
together, being similar in size and
color scheme.
Emphasis
The logo is the largest text
on the screen, drawing the
user's eye to that first.
Unity
The background color was
derived from one of the
illustration pieces. I did this to
keep the colors within the same
family, but still create contrast.
Sign Up 1
Heirarchy
The font sizes create a visual
hierarchy that is easy on the eyes
and creates an intuitive flow.
Emphasis
The CTA button has bolded text
and a color that stands out, telling
the user it is an action to take.
Law of Similarity
The input fields are all the same
shape, size, and placement.
Login 1
Unity
The illustration assets are all the
same style, which compliment
each other and tells the user its
part of one group.
Emphasis
The CTA button has bolded text
and a color that stands out, telling
the user it is an action to take.

More Related Content

Similar to Design-Principles.pdf

Hyphenate Logo Concepts
Hyphenate Logo ConceptsHyphenate Logo Concepts
Hyphenate Logo Concepts
jezemy
 
Communication design
Communication designCommunication design
Communication design
SchommerMedia
 
Ep2
Ep2Ep2
Ep22
Ep22Ep22
Ep22
EFmonster
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
Afshan Kirmani
 
Design Intro
Design IntroDesign Intro
Design Intro
Sarah Sutter
 
Lesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic DesignLesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic Design
Maria Victoria G. Solatorio
 
Unit4_LectureSlides_PrinciplesofDesign
Unit4_LectureSlides_PrinciplesofDesignUnit4_LectureSlides_PrinciplesofDesign
Unit4_LectureSlides_PrinciplesofDesign
Shannon Dryden
 
Realeyes Brand Guidelines
Realeyes Brand GuidelinesRealeyes Brand Guidelines
Realeyes Brand Guidelines
Colin Pye
 
An introduction to web graphics lesson 1 (c by)
An introduction to web graphics   lesson 1 (c by)An introduction to web graphics   lesson 1 (c by)
An introduction to web graphics lesson 1 (c by)
chickennose
 
Ge Tutorials Part Vi Design Principles
Ge Tutorials Part Vi   Design PrinciplesGe Tutorials Part Vi   Design Principles
Ge Tutorials Part Vi Design Principles
tcooper66
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-Designers
Dawn Weathersbee
 
Teanncolor
TeanncolorTeanncolor
Basic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptxBasic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptx
Catalino Yanos Jr.
 
LESSON 5 Imaging and Design Impact of Good Branding.pptx
LESSON 5  Imaging and Design Impact of Good Branding.pptxLESSON 5  Imaging and Design Impact of Good Branding.pptx
LESSON 5 Imaging and Design Impact of Good Branding.pptx
JomarieCanoy
 

Similar to Design-Principles.pdf (15)

Hyphenate Logo Concepts
Hyphenate Logo ConceptsHyphenate Logo Concepts
Hyphenate Logo Concepts
 
Communication design
Communication designCommunication design
Communication design
 
Ep2
Ep2Ep2
Ep2
 
Ep22
Ep22Ep22
Ep22
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 
Design Intro
Design IntroDesign Intro
Design Intro
 
Lesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic DesignLesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic Design
 
Unit4_LectureSlides_PrinciplesofDesign
Unit4_LectureSlides_PrinciplesofDesignUnit4_LectureSlides_PrinciplesofDesign
Unit4_LectureSlides_PrinciplesofDesign
 
Realeyes Brand Guidelines
Realeyes Brand GuidelinesRealeyes Brand Guidelines
Realeyes Brand Guidelines
 
An introduction to web graphics lesson 1 (c by)
An introduction to web graphics   lesson 1 (c by)An introduction to web graphics   lesson 1 (c by)
An introduction to web graphics lesson 1 (c by)
 
Ge Tutorials Part Vi Design Principles
Ge Tutorials Part Vi   Design PrinciplesGe Tutorials Part Vi   Design Principles
Ge Tutorials Part Vi Design Principles
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-Designers
 
Teanncolor
TeanncolorTeanncolor
Teanncolor
 
Basic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptxBasic principles of graphic and layout.pptx
Basic principles of graphic and layout.pptx
 
LESSON 5 Imaging and Design Impact of Good Branding.pptx
LESSON 5  Imaging and Design Impact of Good Branding.pptxLESSON 5  Imaging and Design Impact of Good Branding.pptx
LESSON 5 Imaging and Design Impact of Good Branding.pptx
 

Recently uploaded

Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
IPLTech Electric
 
Industrial Tech SW: Category Renewal and Creation
Industrial Tech SW:  Category Renewal and CreationIndustrial Tech SW:  Category Renewal and Creation
Industrial Tech SW: Category Renewal and Creation
Christian Dahlen
 
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
taqyea
 
How to Buy an Engagement Ring.pcffbhfbfghfhptx
How to Buy an Engagement Ring.pcffbhfbfghfhptxHow to Buy an Engagement Ring.pcffbhfbfghfhptx
How to Buy an Engagement Ring.pcffbhfbfghfhptx
Charleston Alexander
 
Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
Zodiac Signs and Food Preferences_ What Your Sign Says About Your TasteZodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
my Pandit
 
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
onlyfansmanagedau
 
GKohler - Retail Scavenger Hunt Presentation
GKohler - Retail Scavenger Hunt PresentationGKohler - Retail Scavenger Hunt Presentation
GKohler - Retail Scavenger Hunt Presentation
GraceKohler1
 
Digital Marketing with a Focus on Sustainability
Digital Marketing with a Focus on SustainabilityDigital Marketing with a Focus on Sustainability
Digital Marketing with a Focus on Sustainability
sssourabhsharma
 
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
BBPMedia1
 
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women MagazineEllen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
CIOWomenMagazine
 
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
Registered-Establishment-List-in-Uttarakhand-pdf.pdfRegistered-Establishment-List-in-Uttarakhand-pdf.pdf
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
dazzjoker
 
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian MatkaDpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
➒➌➎➏➑➐➋➑➐➐Dpboss Matka Guessing Satta Matka Kalyan Chart Indian Matka
 
DearbornMusic-KatherineJasperFullSailUni
DearbornMusic-KatherineJasperFullSailUniDearbornMusic-KatherineJasperFullSailUni
DearbornMusic-KatherineJasperFullSailUni
katiejasper96
 
How HR Search Helps in Company Success.pdf
How HR Search Helps in Company Success.pdfHow HR Search Helps in Company Success.pdf
How HR Search Helps in Company Success.pdf
HumanResourceDimensi1
 
Part 2 Deep Dive: Navigating the 2024 Slowdown
Part 2 Deep Dive: Navigating the 2024 SlowdownPart 2 Deep Dive: Navigating the 2024 Slowdown
Part 2 Deep Dive: Navigating the 2024 Slowdown
jeffkluth1
 
2022 Vintage Roman Numerals Men Rings
2022 Vintage Roman  Numerals  Men  Rings2022 Vintage Roman  Numerals  Men  Rings
2022 Vintage Roman Numerals Men Rings
aragme
 
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdfGarments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
Pridesys IT Ltd.
 
The latest Heat Pump Manual from Newentide
The latest Heat Pump Manual from NewentideThe latest Heat Pump Manual from Newentide
The latest Heat Pump Manual from Newentide
JoeYangGreatMachiner
 
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
AnnySerafinaLove
 
Chapter 7 Final business management sciences .ppt
Chapter 7 Final business management sciences .pptChapter 7 Final business management sciences .ppt
Chapter 7 Final business management sciences .ppt
ssuser567e2d
 

Recently uploaded (20)

Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
Sustainable Logistics for Cost Reduction_ IPLTech Electric's Eco-Friendly Tra...
 
Industrial Tech SW: Category Renewal and Creation
Industrial Tech SW:  Category Renewal and CreationIndustrial Tech SW:  Category Renewal and Creation
Industrial Tech SW: Category Renewal and Creation
 
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
一比一原版(QMUE毕业证书)英国爱丁堡玛格丽特女王大学毕业证文凭如何办理
 
How to Buy an Engagement Ring.pcffbhfbfghfhptx
How to Buy an Engagement Ring.pcffbhfbfghfhptxHow to Buy an Engagement Ring.pcffbhfbfghfhptx
How to Buy an Engagement Ring.pcffbhfbfghfhptx
 
Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
Zodiac Signs and Food Preferences_ What Your Sign Says About Your TasteZodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
Zodiac Signs and Food Preferences_ What Your Sign Says About Your Taste
 
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
4 Benefits of Partnering with an OnlyFans Agency for Content Creators.pdf
 
GKohler - Retail Scavenger Hunt Presentation
GKohler - Retail Scavenger Hunt PresentationGKohler - Retail Scavenger Hunt Presentation
GKohler - Retail Scavenger Hunt Presentation
 
Digital Marketing with a Focus on Sustainability
Digital Marketing with a Focus on SustainabilityDigital Marketing with a Focus on Sustainability
Digital Marketing with a Focus on Sustainability
 
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
NIMA2024 | De toegevoegde waarde van DEI en ESG in campagnes | Nathalie Lam |...
 
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women MagazineEllen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
Ellen Burstyn: From Detroit Dreamer to Hollywood Legend | CIO Women Magazine
 
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
Registered-Establishment-List-in-Uttarakhand-pdf.pdfRegistered-Establishment-List-in-Uttarakhand-pdf.pdf
Registered-Establishment-List-in-Uttarakhand-pdf.pdf
 
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian MatkaDpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
Dpboss Matka Guessing Satta Matta Matka Kalyan Chart Indian Matka
 
DearbornMusic-KatherineJasperFullSailUni
DearbornMusic-KatherineJasperFullSailUniDearbornMusic-KatherineJasperFullSailUni
DearbornMusic-KatherineJasperFullSailUni
 
How HR Search Helps in Company Success.pdf
How HR Search Helps in Company Success.pdfHow HR Search Helps in Company Success.pdf
How HR Search Helps in Company Success.pdf
 
Part 2 Deep Dive: Navigating the 2024 Slowdown
Part 2 Deep Dive: Navigating the 2024 SlowdownPart 2 Deep Dive: Navigating the 2024 Slowdown
Part 2 Deep Dive: Navigating the 2024 Slowdown
 
2022 Vintage Roman Numerals Men Rings
2022 Vintage Roman  Numerals  Men  Rings2022 Vintage Roman  Numerals  Men  Rings
2022 Vintage Roman Numerals Men Rings
 
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdfGarments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
Garments ERP Software in Bangladesh _ Pridesys IT Ltd.pdf
 
The latest Heat Pump Manual from Newentide
The latest Heat Pump Manual from NewentideThe latest Heat Pump Manual from Newentide
The latest Heat Pump Manual from Newentide
 
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
Anny Serafina Love - Letter of Recommendation by Kellen Harkins, MS.
 
Chapter 7 Final business management sciences .ppt
Chapter 7 Final business management sciences .pptChapter 7 Final business management sciences .ppt
Chapter 7 Final business management sciences .ppt
 

Design-Principles.pdf

  • 2. Onboarding 1 Proportion The illustrations are all grouped together, being similar in size and color scheme. Emphasis The logo is the largest text on the screen, drawing the user's eye to that first. Unity The background color was derived from one of the illustration pieces. I did this to keep the colors within the same family, but still create contrast.
  • 3. Sign Up 1 Heirarchy The font sizes create a visual hierarchy that is easy on the eyes and creates an intuitive flow. Emphasis The CTA button has bolded text and a color that stands out, telling the user it is an action to take. Law of Similarity The input fields are all the same shape, size, and placement.
  • 4. Login 1 Unity The illustration assets are all the same style, which compliment each other and tells the user its part of one group. Emphasis The CTA button has bolded text and a color that stands out, telling the user it is an action to take.