SlideShare a Scribd company logo
Design Process
By Tamara Mitchell
Poster
Design Rationale
Goal: Using an educational poster design, move the
viewer to develop digital writing skills by recognizing the
computer as an object of opportunity and writing as an
action critical to careers.
Audience: The design is directed toward young adults and
adults capable of pursuing internship and career
opportunities.
Message: Convince viewers of the relevance of writing
skills to boundaryless careers (a term used by career
counselors), global opportunities, and personal
advancement.
Initial
Design
Key Choices
The first design was an attempt to create a visual representation of career possibilities
without boundaries by creating the feeling of open space using a muted image
of the world.
Visuals A satellite image of the earth, taken by NASA (available at
unsplash.com), was selected as a background image. A white
overlay was placed on top of the image to make the text
legible. I drew the globe using design software. I found an
open source map at http://d-
maps.com/m/world/centreameriques/centreameriques04.svg .
This accurate map of the world was wrapped behind the
globe lines to add accuracy and visual interest.
Initial
Design
#2
Design
Key Changes & Choices
After evaluating the first design, I wanted to make the poster more visually interesting.
Connecting the text to the image of the map helped to reinforce the educational
message of global career possibilities.
Visuals A semi-transparent blue overlay was placed on 2/3 of the
NASA image to expose the image to view and add visual
interest by using the rule of thirds.
Alignment The text was aligned on the left side of the page to
improve legibility.
Color White text adds legibility and contrast to the subheader
and body text. The blue overlay reflects the color of the
areas where the land meets the ocean.
Typography Three fonts are used on the design: Alura Brush to enhance
“Write”, Sans Serif as a foundational font, and Stencil as a
map-type font.
#2
Design
#2
Design
Key Changes & Choices
This slide represents an initial experiment with color. I wanted to use the background
Image of the world to experiment with a triad color scheme.
#2
Design
Visuals The overlay was removed completely to reveal the
blue in the photo. The message in the body text was
divided into three main points. Each point was
separated by whitespace.
Repetition The red from the text highlight on the word “Write”
is repeated on the globe.
Color Red and yellow text highlights were used on the
subtitle to develop a triad color scheme with the
blue background image. The body text was changed
to a light blue for readability purposes.
Alignment To add visual interest, I left-aligned the subheader
and text to contrast with the right-aligned globe.
#3
Design
Key Changes & Choices
In this design, alignment was used to imply an emphatic message and emphasize
that writing skills are critical to accessing job opportunities and achieving career
success.
Alignment Text is shaped into an exclamation mark on the left 2/3 of
the poster.
Contrast The shape of the exclamation mark coupled with the
exclamatory phrase “Write Now” adds contrast to the
seemingly tranquil image of the land and sea. Key words in
the text are bold to help them stand out from the rest of
the text and to quickly communicate key terms to the
viewer.
Typography ”Write” appears as written text and is curved to complete
the top of the exclamation point. The blue and yellow colors
mirror the colors in the image.
#3
Design
#4
Design
Key Changes & Choices
To emphasize that writing strategies and career opportunities are available to the
average person, a less-sophisticated style is used: bold triad colors and contrasting
alignments help with this mode of design.
Visuals The globe reminds the viewer that careers can be unlimited
and opportunities are available throughout the world. The
globe moves slightly beyond the border on the page to
emphasize the size of the globe and visually repeat the
without boundary concept.
Proximity Since the computer is a tool of writing, the text is placed
on the computer to connect the tech to the theme of the
text. Contrasting text alignments lead your eye diagonally
down the page.
Color Using the briefcase color as the base color, triad colors are
used: blue, green, and reddish-brown.
Typography The font used in the body text mimics the on screen text
of many computers. The focus on tools used for writing
also occurs in the word “Write” to mirror a typewriter font.
#4
Design
#5
Design
#5
Design
Visuals I wrapped a portion of the NASA image from the first
three designs around a globe to build a new element. The
circular shape of the globe is repeated on the page.
Typography The NASA image is used as a fill in the title text. The
“Write Now” is restructured to emphasize “Now” (“Careers”
is also emphasized in the title text). The body text flows
into a circular frame. Each portion of text is divided by a
circle repeating the round elements on the page.
Color Blues and yellow-oranges are used to repeat the colors
from the image and form a complementary color scheme.
Key Changes & Choices
This poster was designed to be visually understated and emphasize interesting
typography by using plenty of whitespace and a repetition of shapes. The whitespace
repeats the without borders theme and is primarily placed around the header. The
circles are placed on 2/3 of the page and add visual weight to the are with lengthier text.
#6
Design
#6
Design
Key Changes & Choices
The image of the globe is paired with the computer to help viewers consider
the computer as an object of action, strategy, and outreach.
Visuals The laptop from design #4 and the globe from design #5
represent the connection between tools for writing and
global opportunities. The laptop is used as a visual anchor
on the right of the page.
Typography The body text grows larger to emphasize the last line of
text calling for a mastery of digital writing strategies.
Color Triad colors are used in the text to maintain visual interest
with contrasting colors.
Text Stronger verbs and concrete nouns are used to revise the
message into a call to action.
Alignment The title text spans the page and hovers above the globe to
connect text and image. The body text is left-aligned for
legibility purposes.
Proximity The slant of the body text leads toward the computer.
Final
Design

More Related Content

Similar to Design Process

Repetition And Contrast
Repetition And ContrastRepetition And Contrast
Repetition And ContrastJeff Taylor
 
Sac 1 part a
Sac 1 part aSac 1 part a
Sac 1 part a
MayaGraham
 
UNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptxUNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptx
SatishParasa1
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015
YOPESO
 
Research into existing sport magazines
Research into existing sport magazinesResearch into existing sport magazines
Research into existing sport magazines
andrasmediastudies
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
DigzignDigzign
 
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
Mary Popish
 
pos.docx
pos.docxpos.docx
principlesofgraphicdesignbasics-13045312012103-phpapp01.ppt
principlesofgraphicdesignbasics-13045312012103-phpapp01.pptprinciplesofgraphicdesignbasics-13045312012103-phpapp01.ppt
principlesofgraphicdesignbasics-13045312012103-phpapp01.ppt
raketeeraph
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
smizener
 
School magazine
School magazineSchool magazine
School magazine
Srdjan Vasic
 
Printed media language introduction
Printed media language introductionPrinted media language introduction
Printed media language introduction
RafaelPerezOlivan
 
Final Research task 2D similarities between all 3 parts
Final Research task 2D similarities between all 3 partsFinal Research task 2D similarities between all 3 parts
Final Research task 2D similarities between all 3 parts
baldeep17_
 
How to use Canva to effectively promote your brand?
How to use Canva to effectively promote your brand?How to use Canva to effectively promote your brand?
How to use Canva to effectively promote your brand?
Evelyn Jara
 
Poster basic guide
Poster basic guidePoster basic guide
Poster basic guide
5astandrew
 
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
AlanSmith96
 
As unit g321 research and planning presentation
As unit g321 research and planning presentationAs unit g321 research and planning presentation
As unit g321 research and planning presentation
CharlieBRandell
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student VersionSutinder Mann
 
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smithAlanSmith96
 

Similar to Design Process (20)

Repetition And Contrast
Repetition And ContrastRepetition And Contrast
Repetition And Contrast
 
Sac 1 part a
Sac 1 part aSac 1 part a
Sac 1 part a
 
UNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptxUNIT-2 UI AND UX DESIGN.pptx
UNIT-2 UI AND UX DESIGN.pptx
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015
 
Research into existing sport magazines
Research into existing sport magazinesResearch into existing sport magazines
Research into existing sport magazines
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
 
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
Popish Design Progression | Assignment 9-4 | CSE 615, Winter 2018
 
pos.docx
pos.docxpos.docx
pos.docx
 
principlesofgraphicdesignbasics-13045312012103-phpapp01.ppt
principlesofgraphicdesignbasics-13045312012103-phpapp01.pptprinciplesofgraphicdesignbasics-13045312012103-phpapp01.ppt
principlesofgraphicdesignbasics-13045312012103-phpapp01.ppt
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
TASK 3
TASK 3TASK 3
TASK 3
 
School magazine
School magazineSchool magazine
School magazine
 
Printed media language introduction
Printed media language introductionPrinted media language introduction
Printed media language introduction
 
Final Research task 2D similarities between all 3 parts
Final Research task 2D similarities between all 3 partsFinal Research task 2D similarities between all 3 parts
Final Research task 2D similarities between all 3 parts
 
How to use Canva to effectively promote your brand?
How to use Canva to effectively promote your brand?How to use Canva to effectively promote your brand?
How to use Canva to effectively promote your brand?
 
Poster basic guide
Poster basic guidePoster basic guide
Poster basic guide
 
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
 
As unit g321 research and planning presentation
As unit g321 research and planning presentationAs unit g321 research and planning presentation
As unit g321 research and planning presentation
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student Version
 
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
 

More from Tamara Mitchell

Ethics And Geospatial Surveillance
Ethics And Geospatial SurveillanceEthics And Geospatial Surveillance
Ethics And Geospatial Surveillance
Tamara Mitchell
 
Arc GIS Literature Story Map
Arc GIS Literature Story MapArc GIS Literature Story Map
Arc GIS Literature Story Map
Tamara Mitchell
 
Faculty Development Online Course Plan
Faculty Development Online Course PlanFaculty Development Online Course Plan
Faculty Development Online Course Plan
Tamara Mitchell
 
Badges for Western University
Badges for Western UniversityBadges for Western University
Badges for Western University
Tamara Mitchell
 
High impact practices a path to experiential learning in the online environme...
High impact practices a path to experiential learning in the online environme...High impact practices a path to experiential learning in the online environme...
High impact practices a path to experiential learning in the online environme...
Tamara Mitchell
 
Education technology and future implications
Education technology and future implicationsEducation technology and future implications
Education technology and future implications
Tamara Mitchell
 
Artificial intelligence societal impacts and critical decisions
Artificial intelligence societal impacts and critical decisionsArtificial intelligence societal impacts and critical decisions
Artificial intelligence societal impacts and critical decisions
Tamara Mitchell
 
Formatting an apa open office writer document
Formatting an apa open office writer documentFormatting an apa open office writer document
Formatting an apa open office writer document
Tamara Mitchell
 
Benton county historical museum selfie campaign final
Benton county historical museum selfie campaign finalBenton county historical museum selfie campaign final
Benton county historical museum selfie campaign final
Tamara Mitchell
 
Career development facilitator presentation by tamara mitchell
Career development facilitator presentation by tamara mitchellCareer development facilitator presentation by tamara mitchell
Career development facilitator presentation by tamara mitchell
Tamara Mitchell
 
Design portfolio
Design portfolioDesign portfolio
Design portfolio
Tamara Mitchell
 

More from Tamara Mitchell (12)

Ethics And Geospatial Surveillance
Ethics And Geospatial SurveillanceEthics And Geospatial Surveillance
Ethics And Geospatial Surveillance
 
Arc GIS Literature Story Map
Arc GIS Literature Story MapArc GIS Literature Story Map
Arc GIS Literature Story Map
 
Faculty Development Online Course Plan
Faculty Development Online Course PlanFaculty Development Online Course Plan
Faculty Development Online Course Plan
 
Badges for Western University
Badges for Western UniversityBadges for Western University
Badges for Western University
 
High impact practices a path to experiential learning in the online environme...
High impact practices a path to experiential learning in the online environme...High impact practices a path to experiential learning in the online environme...
High impact practices a path to experiential learning in the online environme...
 
Education technology and future implications
Education technology and future implicationsEducation technology and future implications
Education technology and future implications
 
Artificial intelligence societal impacts and critical decisions
Artificial intelligence societal impacts and critical decisionsArtificial intelligence societal impacts and critical decisions
Artificial intelligence societal impacts and critical decisions
 
certificate
certificatecertificate
certificate
 
Formatting an apa open office writer document
Formatting an apa open office writer documentFormatting an apa open office writer document
Formatting an apa open office writer document
 
Benton county historical museum selfie campaign final
Benton county historical museum selfie campaign finalBenton county historical museum selfie campaign final
Benton county historical museum selfie campaign final
 
Career development facilitator presentation by tamara mitchell
Career development facilitator presentation by tamara mitchellCareer development facilitator presentation by tamara mitchell
Career development facilitator presentation by tamara mitchell
 
Design portfolio
Design portfolioDesign portfolio
Design portfolio
 

Recently uploaded

Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 

Recently uploaded (20)

Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 

Design Process

  • 2. Poster Design Rationale Goal: Using an educational poster design, move the viewer to develop digital writing skills by recognizing the computer as an object of opportunity and writing as an action critical to careers. Audience: The design is directed toward young adults and adults capable of pursuing internship and career opportunities. Message: Convince viewers of the relevance of writing skills to boundaryless careers (a term used by career counselors), global opportunities, and personal advancement.
  • 4. Key Choices The first design was an attempt to create a visual representation of career possibilities without boundaries by creating the feeling of open space using a muted image of the world. Visuals A satellite image of the earth, taken by NASA (available at unsplash.com), was selected as a background image. A white overlay was placed on top of the image to make the text legible. I drew the globe using design software. I found an open source map at http://d- maps.com/m/world/centreameriques/centreameriques04.svg . This accurate map of the world was wrapped behind the globe lines to add accuracy and visual interest. Initial Design
  • 6. Key Changes & Choices After evaluating the first design, I wanted to make the poster more visually interesting. Connecting the text to the image of the map helped to reinforce the educational message of global career possibilities. Visuals A semi-transparent blue overlay was placed on 2/3 of the NASA image to expose the image to view and add visual interest by using the rule of thirds. Alignment The text was aligned on the left side of the page to improve legibility. Color White text adds legibility and contrast to the subheader and body text. The blue overlay reflects the color of the areas where the land meets the ocean. Typography Three fonts are used on the design: Alura Brush to enhance “Write”, Sans Serif as a foundational font, and Stencil as a map-type font. #2 Design
  • 8. Key Changes & Choices This slide represents an initial experiment with color. I wanted to use the background Image of the world to experiment with a triad color scheme. #2 Design Visuals The overlay was removed completely to reveal the blue in the photo. The message in the body text was divided into three main points. Each point was separated by whitespace. Repetition The red from the text highlight on the word “Write” is repeated on the globe. Color Red and yellow text highlights were used on the subtitle to develop a triad color scheme with the blue background image. The body text was changed to a light blue for readability purposes. Alignment To add visual interest, I left-aligned the subheader and text to contrast with the right-aligned globe.
  • 10. Key Changes & Choices In this design, alignment was used to imply an emphatic message and emphasize that writing skills are critical to accessing job opportunities and achieving career success. Alignment Text is shaped into an exclamation mark on the left 2/3 of the poster. Contrast The shape of the exclamation mark coupled with the exclamatory phrase “Write Now” adds contrast to the seemingly tranquil image of the land and sea. Key words in the text are bold to help them stand out from the rest of the text and to quickly communicate key terms to the viewer. Typography ”Write” appears as written text and is curved to complete the top of the exclamation point. The blue and yellow colors mirror the colors in the image. #3 Design
  • 12. Key Changes & Choices To emphasize that writing strategies and career opportunities are available to the average person, a less-sophisticated style is used: bold triad colors and contrasting alignments help with this mode of design. Visuals The globe reminds the viewer that careers can be unlimited and opportunities are available throughout the world. The globe moves slightly beyond the border on the page to emphasize the size of the globe and visually repeat the without boundary concept. Proximity Since the computer is a tool of writing, the text is placed on the computer to connect the tech to the theme of the text. Contrasting text alignments lead your eye diagonally down the page. Color Using the briefcase color as the base color, triad colors are used: blue, green, and reddish-brown. Typography The font used in the body text mimics the on screen text of many computers. The focus on tools used for writing also occurs in the word “Write” to mirror a typewriter font. #4 Design
  • 14. #5 Design Visuals I wrapped a portion of the NASA image from the first three designs around a globe to build a new element. The circular shape of the globe is repeated on the page. Typography The NASA image is used as a fill in the title text. The “Write Now” is restructured to emphasize “Now” (“Careers” is also emphasized in the title text). The body text flows into a circular frame. Each portion of text is divided by a circle repeating the round elements on the page. Color Blues and yellow-oranges are used to repeat the colors from the image and form a complementary color scheme. Key Changes & Choices This poster was designed to be visually understated and emphasize interesting typography by using plenty of whitespace and a repetition of shapes. The whitespace repeats the without borders theme and is primarily placed around the header. The circles are placed on 2/3 of the page and add visual weight to the are with lengthier text.
  • 16. #6 Design Key Changes & Choices The image of the globe is paired with the computer to help viewers consider the computer as an object of action, strategy, and outreach. Visuals The laptop from design #4 and the globe from design #5 represent the connection between tools for writing and global opportunities. The laptop is used as a visual anchor on the right of the page. Typography The body text grows larger to emphasize the last line of text calling for a mastery of digital writing strategies. Color Triad colors are used in the text to maintain visual interest with contrasting colors. Text Stronger verbs and concrete nouns are used to revise the message into a call to action. Alignment The title text spans the page and hovers above the globe to connect text and image. The body text is left-aligned for legibility purposes. Proximity The slant of the body text leads toward the computer.