SlideShare a Scribd company logo
1 of 4
Running Head: DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 1
DP Project 1: Building Your Website’s Foundation
Christian Kirby
Sportscasting
ENT 119-O Project and Portfolio 1
Gale Newbold
5/12/2019
DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 2
DP Project 1: Building Your Website’s Foundation
Digital Portfolio Site:
fsbizsite.com/ckirby1
For my site, I decided to go for an analogous color scheme. I chose blues as my primary
and secondary colors and used some green as a tertiary color in the design. I chose blues because
I feel it is a hue that reflects my personality. I am generally a calm, friendly, and relaxed person,
which is reflected in the color of blue. “Light blues can be refreshing and friendly. Dark blues
are more strong and reliable” (Chapman, 2010). As for the use of brighter greens, I felt that the
use of green would add some energy to the site while still maintaining a similar attitude from the
blue, as Chapman mentions. “Green has many of the same calming attributes that blue has, but it
DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 3
also incorporates some of the energy of yellow” (2010). I attempted to make sure that most
colors could contrast against each other well and found a nice grey color that has a touch of blue
to tie the colors together.
As for my font selections, I decided to use Josefin Sans and Roboto, as was used in the
tutorial. I chose to keep these fonts because I really liked how they flowed together and felt for
the same kind of attitude I was trying to support with my color scheme. The use of Sans Serif
fonts helped to keep the text easy to read and supported the calming feel of the colors being used,
while the modern styling of Josefin Sans presents a somewhat interesting and unique feel to the
headers. This also helped for the logo, which I chose to keep Josefin Sans, but in all-caps to
continue the same sort of feeling (digitalsynopsis.com, n.d.).
DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 4
References
Chapman, C. (2010, January 28). Color Theory for Designers, Part 1: The Meaning of Color.
Retrieved from https://www.smashingmagazine.com/2010/01/color-theory-for-designers-
part-1-the-meaning-of-color/
Chapman, C. (2010, February 02). Color Theory For Designers, Part 2: Understanding Concepts
And Color Terminology. Retrieved from
https://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2-
understanding-concepts-and-terminology/
Chapman, C. (2010, February 08). Color Theory for Designers: How To Create Your Own Color
Schemes. Retrieved from https://www.smashingmagazine.com/2010/02/color-theory-for-
designer-part-3-creating-your-own-color-palettes/
What Different Types Of Fonts Mean And How To Use Them. (n.d.). Retrieved from
https://digitalsynopsis.com/design/font-psychology-emotions/

More Related Content

What's hot (18)

Digipak prints
Digipak printsDigipak prints
Digipak prints
 
Question 2 evaluation
Question 2 evaluation Question 2 evaluation
Question 2 evaluation
 
manipulation
manipulationmanipulation
manipulation
 
Professional photography presentation.
Professional photography presentation.Professional photography presentation.
Professional photography presentation.
 
Evaluation 2.
Evaluation 2.Evaluation 2.
Evaluation 2.
 
Q1 poster
Q1 poster Q1 poster
Q1 poster
 
Poster
PosterPoster
Poster
 
Contents page colour choices
Contents page colour choicesContents page colour choices
Contents page colour choices
 
Q1 digipack
Q1 digipackQ1 digipack
Q1 digipack
 
Q1 video
Q1 video Q1 video
Q1 video
 
Digipack production - Inside
Digipack production - InsideDigipack production - Inside
Digipack production - Inside
 
Improved Unit 9 evaluation
Improved Unit 9 evaluationImproved Unit 9 evaluation
Improved Unit 9 evaluation
 
How we used the internet to help us q4 p1
How we used the internet to help us q4 p1How we used the internet to help us q4 p1
How we used the internet to help us q4 p1
 
Cd analysis
Cd analysisCd analysis
Cd analysis
 
Photoshop screen shots 2
Photoshop screen shots 2Photoshop screen shots 2
Photoshop screen shots 2
 
Question 2
Question 2Question 2
Question 2
 
Digipak analysis
Digipak analysisDigipak analysis
Digipak analysis
 
Media Evaluation 2
Media Evaluation 2Media Evaluation 2
Media Evaluation 2
 

Similar to Digital Portfolio Project 1: Christian Kirby

Similar to Digital Portfolio Project 1: Christian Kirby (20)

Meleski Jordan DP Project 1
Meleski Jordan DP Project 1Meleski Jordan DP Project 1
Meleski Jordan DP Project 1
 
Factual page layout task 5
Factual page layout task 5Factual page layout task 5
Factual page layout task 5
 
Factual page layout task 5
Factual page layout task 5Factual page layout task 5
Factual page layout task 5
 
Production
ProductionProduction
Production
 
Pre production FMP
Pre production FMPPre production FMP
Pre production FMP
 
Pre production fmp
Pre production fmpPre production fmp
Pre production fmp
 
Pre Production FMP
Pre Production FMPPre Production FMP
Pre Production FMP
 
Design Pro Forma (with improvements)
Design Pro Forma (with improvements)Design Pro Forma (with improvements)
Design Pro Forma (with improvements)
 
Artist magazine adverts analysis
Artist magazine adverts analysisArtist magazine adverts analysis
Artist magazine adverts analysis
 
Fonts and colours
Fonts and coloursFonts and colours
Fonts and colours
 
Screenshots for development
Screenshots for development Screenshots for development
Screenshots for development
 
Design for Advertising pro forma
Design for Advertising pro formaDesign for Advertising pro forma
Design for Advertising pro forma
 
Typography research
Typography researchTypography research
Typography research
 
Ideas and Planning
Ideas and PlanningIdeas and Planning
Ideas and Planning
 
Devlopment
DevlopmentDevlopment
Devlopment
 
Idea development
Idea developmentIdea development
Idea development
 
Design Pro Forma (improved 2)
Design Pro Forma (improved 2)Design Pro Forma (improved 2)
Design Pro Forma (improved 2)
 
Evaluation (question 5)
Evaluation (question 5)Evaluation (question 5)
Evaluation (question 5)
 
Morrissey Poster Designs
Morrissey Poster DesignsMorrissey Poster Designs
Morrissey Poster Designs
 
Evaluation
Evaluation Evaluation
Evaluation
 

Recently uploaded

如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
epyhpep
 
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
muwyto
 
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
gkyvm
 
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
qyguxu
 
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
B
 
Rahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdfRahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdf
rach3246
 
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
qyguxu
 
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
qyguxu
 
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOALBLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
CaitlinCummins3
 
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
qyguxu
 
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
gkyvm
 
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
Hector Del Castillo, CPM, CPMM
 

Recently uploaded (20)

如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia毕业证书)哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
如何办理(UW毕业证书)西雅图华盛顿大学毕业证成绩单原件一模一样
 
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UST毕业证书)圣托马斯大学毕业证成绩单本科硕士学位证留信学历认证
 
AGBE4223_Lab.Exercise-No.1-AY-2023-2024.docx
AGBE4223_Lab.Exercise-No.1-AY-2023-2024.docxAGBE4223_Lab.Exercise-No.1-AY-2023-2024.docx
AGBE4223_Lab.Exercise-No.1-AY-2023-2024.docx
 
freight Final Review 5.13.pptx freight Final Review 5.13.pptx
freight Final Review 5.13.pptx freight Final Review 5.13.pptxfreight Final Review 5.13.pptx freight Final Review 5.13.pptx
freight Final Review 5.13.pptx freight Final Review 5.13.pptx
 
LinkedIn For Job Search Presentation May 2024
LinkedIn For Job Search Presentation May 2024LinkedIn For Job Search Presentation May 2024
LinkedIn For Job Search Presentation May 2024
 
We’re looking for a Technology consultant to join our Team!
We’re looking for a Technology consultant to join our Team!We’re looking for a Technology consultant to join our Team!
We’re looking for a Technology consultant to join our Team!
 
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
如何办理(UNTEC毕业证书)新西兰联合理工学院毕业证成绩单原件一模一样
 
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
一比一原版(UQ毕业证书)澳大利亚昆士兰大学毕业证成绩单学位证
 
Rahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdfRahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdf
 
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
如何办理(CSU毕业证书)圣马科斯分校毕业证成绩单原件一模一样
 
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
如何办理(UoA毕业证书)奥克兰大学毕业证成绩单原件一模一样
 
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOALBLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
BLAHALIFHKSDFOILEWKHJSFDNLDSKFN,DLFKNFMELKFJAERPIOAL
 
Crafting an effective CV for AYUSH Doctors.pdf
Crafting an effective CV for AYUSH Doctors.pdfCrafting an effective CV for AYUSH Doctors.pdf
Crafting an effective CV for AYUSH Doctors.pdf
 
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
如何办理(CBU毕业证书)浸会大学毕业证成绩单原件一模一样
 
Master SEO in 2024 - The Complete Beginner's Guide
Master SEO in 2024 - The Complete Beginner's GuideMaster SEO in 2024 - The Complete Beginner's Guide
Master SEO in 2024 - The Complete Beginner's Guide
 
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(VIU毕业证书)温哥华岛大学毕业证成绩单本科硕士学位证留信学历认证
 
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
WIOA Program Info Session | PMI Silver Spring Chapter | May 17, 2024
 
Rahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdfRahul Chauhan - Data Scientist Resume.pdf
Rahul Chauhan - Data Scientist Resume.pdf
 
Kathleen McBride Costume Design Resume.pdf
Kathleen McBride Costume Design Resume.pdfKathleen McBride Costume Design Resume.pdf
Kathleen McBride Costume Design Resume.pdf
 

Digital Portfolio Project 1: Christian Kirby

  • 1. Running Head: DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 1 DP Project 1: Building Your Website’s Foundation Christian Kirby Sportscasting ENT 119-O Project and Portfolio 1 Gale Newbold 5/12/2019
  • 2. DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 2 DP Project 1: Building Your Website’s Foundation Digital Portfolio Site: fsbizsite.com/ckirby1 For my site, I decided to go for an analogous color scheme. I chose blues as my primary and secondary colors and used some green as a tertiary color in the design. I chose blues because I feel it is a hue that reflects my personality. I am generally a calm, friendly, and relaxed person, which is reflected in the color of blue. “Light blues can be refreshing and friendly. Dark blues are more strong and reliable” (Chapman, 2010). As for the use of brighter greens, I felt that the use of green would add some energy to the site while still maintaining a similar attitude from the blue, as Chapman mentions. “Green has many of the same calming attributes that blue has, but it
  • 3. DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 3 also incorporates some of the energy of yellow” (2010). I attempted to make sure that most colors could contrast against each other well and found a nice grey color that has a touch of blue to tie the colors together. As for my font selections, I decided to use Josefin Sans and Roboto, as was used in the tutorial. I chose to keep these fonts because I really liked how they flowed together and felt for the same kind of attitude I was trying to support with my color scheme. The use of Sans Serif fonts helped to keep the text easy to read and supported the calming feel of the colors being used, while the modern styling of Josefin Sans presents a somewhat interesting and unique feel to the headers. This also helped for the logo, which I chose to keep Josefin Sans, but in all-caps to continue the same sort of feeling (digitalsynopsis.com, n.d.).
  • 4. DP PROJECT 1: BUILDING YOUR WEBSITE’S FOUNDATION 4 References Chapman, C. (2010, January 28). Color Theory for Designers, Part 1: The Meaning of Color. Retrieved from https://www.smashingmagazine.com/2010/01/color-theory-for-designers- part-1-the-meaning-of-color/ Chapman, C. (2010, February 02). Color Theory For Designers, Part 2: Understanding Concepts And Color Terminology. Retrieved from https://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2- understanding-concepts-and-terminology/ Chapman, C. (2010, February 08). Color Theory for Designers: How To Create Your Own Color Schemes. Retrieved from https://www.smashingmagazine.com/2010/02/color-theory-for- designer-part-3-creating-your-own-color-palettes/ What Different Types Of Fonts Mean And How To Use Them. (n.d.). Retrieved from https://digitalsynopsis.com/design/font-psychology-emotions/