SlideShare una empresa de Scribd logo
1 de 63
Design Portfolio Patrick Waugh
Effort/Reward Perceived Effort   ————————————— Probability of Viewer Engagement = Perceived Reward  
Effort is high and Reward is low No Images, nothing rewarding, a lot to read. Sign color even tends to blend into background colors
Effort is high and Reward is low Small, cramped type leads to a want to gloss over and not read. Nothing is inviting, I would potentially look at the map, then move on.
Low Effort and High Reward Easy to read, and very catchy design High reward, thanks to the inclusion of the mirror and you into the design. Most people would at least stop and look.
Low Effort and High Reward Easy to read, and very catchy design Clever marketing, simple design
Picture Words Concrete Verbs "picture words"—words that create a picture.  You can say "amble", "trudge", "hike", "scurry", or "sneak" instead of "walk."  When you are using nouns, use "concrete nouns."  Instead of "bird" use penguin, eagle, sparrow, hummingbird, raven, ostrich... Instead of "child," use toddler, teen, juvenile delinquent, tomboy, princess... When you are using verbs, use "picture verbs." Create a mental movie:  Instead of "drink," use gulp, sip, guzzle, swig... Instead of "eat," try dine, feast, devour, gulp, nibble... Instead of "talk," try mutter, mumble, shout, whisper, chat, murmer...
Bland word usage While Red Panda is more descriptive than just animal, there is no other words that really bring the poster to life. Simple words like Height, legal protection, threats, habitat, and destruction are bland and non-descriptive.
Boring Very little her is done to convey any sort of meaning or create any sort of visual image. Basic words to not help with visual images, and a better more imaginative description could help tremendously
Good Descriptions Comparisons and analogies help with visualization and getting your message across
Good Descriptions Comparisons and analogies help with vizualization and getting your message across
Audience Deciding what you want your audience to know will make it clearer  to you what your main message will be, as well as what supporting  information will help you impart that message. Deciding how you want your audience to feel will make it easier to make appropriate choices in style, visuals, font, color and layout.  Each of these choices should be made with the informed knowledge of  how those choices elicit and reinforce the emotion you are trying to achieve.  Deciding what you want your audience to do will focus  your work and help with organization and flow. We are communicating in order to get our  audience to do something. The information you give will not only expand their knowledge,  but cause them to take action upon that knowledge.
Poor job reaching your audience The title about bored shows a young child sitting in a bored stance. Which shows the intended audience as students. Yet the main picture is of an old many lounged up in front of a fire, which makes me feel the audience is parents.
Bullied sends the message that one is hurt and being picked on. Red Eyes make me feel that someone is angry or devil driven. A smile or smirk shows me happiness He seems to be in a happy go lucky mood with his chain, mp3, and cell phone. Poor job reaching your audience
Knowing your audience What a powerful design. Being able to explain in a very simple manner that you should only use the water that you need. There is no wasted space here, and it sends a clear message to its audience.
Knowing your audience Another powerful design. Four clear lights on the billboard and only one is one, because the other three are needed. A clear explanation of its importance to the intended audience.
Embellishment Enhancement Embodiment  Embellishments  actively detract from the message.  An related image that does not tell us everything,  but it  enhances  or strengthens the message.  The visuals and title are enough to  carry the entire message on their own.  This is called  embodiment .
Embellishment Radar image is confusing, and distracting. Eyes get directed up to the image due to the arrows, how busy the rest of the picture is and its placement. However the image does not embody or enhance the message at all.
Embellishment The image at the top is a distraction and has no direct relation that is readily apparent.
Embody Visual images explain the situation clearly Words help clarify, but are simple and to the point.
Embody Image embodies the iconic poster.  Good use of movie worlds to help convey look of characters.
Proximity Proximity tells the reader which pieces of  information are related and which are not.
Too much movement Your eye jumps around on the page to the 8 different sections. It is not clear what is the title, or if there is any order to anything. Tough to tell what is the most important with different capital usage and spaces between letters.
Too far away Now everything is too close together to be really clear on what is really related to what right off the bat. Your eye still jumps around to try to figure out what is useful. Tough to tell what is the most important with different capital usage and spaces between letters and arrangemetn
Better Proximity By separation of the title and the message you can make a clear distinction of what is more important. While not perfect, you can now see that the proximity grouping of the examples allows your eyes to move from one to the other and not in such a scattered manner
Better Proximity By separation of the title and the message you can make a clear distinction of what is more important. Although it is a bit busy, and the color choices could use some work, there now is two distinct groupings at play here.
Alignment Alignment gives the design a comfortable sense of order.
Poor Alignment Due to center alignment we get too many alignment lines in the picture. It makes it feel overly busy and a bit too much work. Random Left alignment with no vertical alignment makes this feel like a messy layout
Poor Alignment As you can see there is no real alignment of the text. On the left side there seems to be four different alignments. But there seems to just be three lines on the right
Good Alignment Three simple lines of alignment for this sign give a nice neat and orderly appearance.
Good Alignment A simple linear alignment here gives this poster a strong appearance, that helps relate images to text and provide one with a sense of direction.
Repetition Elements can be grouped into  related items, even if physically  located in different places.
Nothing is repeating There is no repeating elements of this design. Different Fonts Different Spacing Different Colors Different Alignment
There is no repeating elements of this design. Alignment is left, center, and then offset. Fonts are of different types without repetition.
Repeated Picture with red text box shows repetition. Pictures of men with the bottom text box show a nice repetition relationship.
Clear Repetition Repeated Red Lines Repeated Box Design
Contrast Important elements can be emphasized. The Function of elements can be pointed out, Such as contrast between titles and text blocks.
Bad contrast between the text. Too many texts that are not different enough to be a real contrasting element to the design. (10 different fonts) Colors are too similar to really contrast each other. Gradation in text does not help contrast.
Texts are too close in size that they cause a bad contrast. Colors are too similar to really contrast each other. Text over dark colors is hard to read
Great use of contrast Contrasting with white and black always help images stand out. The hues and tints of the colors help bring out a contrast of elements, even though they are monotone
Good use of Contrasting elements There is a lot of words here, but thanks to the contrast and the alignment it does not seem overwhelming. Good use of light and dark colors to give a sense of order with contrasting visuals
Emphasis Make sure that you emphasize the important elements of your design to convey the message that you want.
Lost Emphasis The design mess at the bottom two thirds of this poster draw your eye continuously Because there is no concrete tie of this design choice to the message you lose the point of emphasis
Lost Emphasis Bold and larger type brings your eye to those words, and here there is a very confusing message. Don’t Destroy the things you love… BUT… Kill Trees
Simple elegant design Simple use of complementary colors. Blue is cool which works with the weather idea. The Orange brings your eye down and is a nice contrast. Your eye jumps down to the type which leaves enough in question to make you look back at the picture.
The straight lines met by the circles help the night sky emphasis Simple use of contrasting light and dark colors give a nice night sky emphasis These elements do a good job emphasizing the message. Simple contrasting design
Color Color choices are extremely important.  Color can make a design interesting, boring, exciting, natural, soothing, uncomfortable, classy, and so on. Color can emphasize an element in the design.  It can tie two or more elements together. It can tie a group of designs together.  In can make elements appear closer (reds/yellows) or far away (blues/grays).  It can make your message warm or cold.  The right choices can make your design look professional,  but the wrong choices can make it look amateurish.
The use of blue and orange is a good use of complimentary colors, there needs to be a better use of tones here as the orange font becomes very difficult to read. Poor tone Choice
No conscious color choice The color choice of Blue, Green, and Pink, is not any sort of three color relationship. (Not a triad, analogous, or split triad) Also has tone issues that make the words tough to read.
Simple Compliment of Colors The Orange color of font helps draw your eye initially as it is a nice compliment against the blue The Blue in the design, helps the sky idea and helps give the rest of the image a cohesion.
Nice contrast, and style thanks to the color choice. Complementary colors of blue and orange while subtle create a nice visual image. Orange tints and hues run through design which help make it feel cohesive. Blue and white make a nice contrast that is very easy to read.
Style All of your design choices contribute to "style“ so please make all design choices from now on in purposeful pursuit of a style you clearly define
Mixed Messages Nuclear Energy is the main focus of the words, but the contrast is not overly strong to convey it as a bad thing. Green is a color that conveys harmony, and healthy, yet this is a message warning of poor health and danger. The actual danger sign is scribbled out
Breaking a familiar style Going with an arched logo can have its pleasantries, but in the case of FedEx it causes the subtle arrow to be lost. Thus ruining a stylistic choice that is a hallmark of FedEx. Looking here at their traditional logo you can see a distinctive arrow that is lost in the previous image.
Stylish Dark reds, with the blues and yellows (Primary Triad) get the feeling right for a bottle of wine. Colors are hues and tines of the primaries, yet do not feel childish. The text and image take the shape of a wine bottle in a stylish and hip manner.
The stylistic choices of font feel like a race track. Everything says Racing The colors are taken from the formula one logo and used throughout the design. The design makes one feel like it is a quick and fast design, just like a race.
Type Typography  is the art and technique of arranging type, type design, and modifying type glyphs.
Very Difficult to read I count at least three different fonts. The shadow on the “Spring Gallery” font makes it very difficult to read Font types are too similar in size and shape to contrast, so they seem distracting.
Not Contrasting Enough Font types are very similar in weight, and becomes distracting. Look at the letter E as an example of a different but similar font.
Good use of font choice. The simple contrast in font choice here gives us a picture of the message. In this case similar fonts, actually enhance the image.
Good use of font choice as it enhances and adds to the image. The white font choice and its alignment conveys the zombie teeth motive well The black font choice and its alignment convey a empty nose bone on a skull
Citations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Citations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Factual writing analysing
Factual writing analysingFactual writing analysing
Factual writing analysingJordan Bohill
 
Digital Graphics pro forma (with improvements)
Digital Graphics pro forma (with improvements)Digital Graphics pro forma (with improvements)
Digital Graphics pro forma (with improvements)cloestead
 
25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designersRam Chary Everi
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaRuby Hooper
 
Development Pro Forma
Development Pro FormaDevelopment Pro Forma
Development Pro Formakatyfleetham
 
Task 7 Flat plans
Task 7 Flat plansTask 7 Flat plans
Task 7 Flat plansHatieBruton
 
Billboard deconstruction
Billboard deconstructionBillboard deconstruction
Billboard deconstructionoliviadoug
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaLee Morrell
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaLee Morrell
 
Development pro forma(3) (1) [autosaved]
Development pro forma(3) (1) [autosaved]Development pro forma(3) (1) [autosaved]
Development pro forma(3) (1) [autosaved]harvey hinchliffe
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro formaBenedict Terry
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formacloestead
 
Ancillary task editing magazine
Ancillary task editing magazine Ancillary task editing magazine
Ancillary task editing magazine maxcochrane11
 
Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards pamelayounes
 

La actualidad más candente (20)

Kerrang
KerrangKerrang
Kerrang
 
Factual writing analysing
Factual writing analysingFactual writing analysing
Factual writing analysing
 
Digital Graphics pro forma (with improvements)
Digital Graphics pro forma (with improvements)Digital Graphics pro forma (with improvements)
Digital Graphics pro forma (with improvements)
 
25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Development Pro Forma
Development Pro FormaDevelopment Pro Forma
Development Pro Forma
 
Task 7 Flat plans
Task 7 Flat plansTask 7 Flat plans
Task 7 Flat plans
 
Billboard deconstruction
Billboard deconstructionBillboard deconstruction
Billboard deconstruction
 
Developmentproforma
DevelopmentproformaDevelopmentproforma
Developmentproforma
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Feedback FMP
Feedback FMPFeedback FMP
Feedback FMP
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Development pro forma(3) (1) [autosaved]
Development pro forma(3) (1) [autosaved]Development pro forma(3) (1) [autosaved]
Development pro forma(3) (1) [autosaved]
 
Send
SendSend
Send
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
Development pro forma(3)
Development pro forma(3)Development pro forma(3)
Development pro forma(3)
 
Ancillary task editing magazine
Ancillary task editing magazine Ancillary task editing magazine
Ancillary task editing magazine
 
Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards Assignment 32 ancillary mood boards
Assignment 32 ancillary mood boards
 

Similar a Design portfolio waugh

Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDavid Hall
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaJamie Mellors
 
Powerpoint presentation-simplified
Powerpoint presentation-simplifiedPowerpoint presentation-simplified
Powerpoint presentation-simplifiedmohamedaslamh
 
CARP Design Principles
CARP Design PrinciplesCARP Design Principles
CARP Design PrinciplesHutchison
 
Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Heather Krueger
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design compositionsuniltalekar1
 
Things to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementThings to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementElla Mae Hernandez
 
Factual writing copy
Factual writing copyFactual writing copy
Factual writing copyabbydowning
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaJamie Mellors
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) wael gomaa
 
Task 1 research
Task 1 researchTask 1 research
Task 1 researchMel Storey
 
Task 1 research
Task 1 researchTask 1 research
Task 1 researchMel Storey
 
Factual writting 2
Factual writting  2Factual writting  2
Factual writting 2Emily Shaw
 
Task 3 Homeless Charity Analysis
Task 3 Homeless Charity AnalysisTask 3 Homeless Charity Analysis
Task 3 Homeless Charity AnalysisHatieBruton
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaRyan Shaw
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentJeff Taylor
 
Visuelle kommunikasjon gl.fu. workshop '13
Visuelle kommunikasjon gl.fu. workshop '13Visuelle kommunikasjon gl.fu. workshop '13
Visuelle kommunikasjon gl.fu. workshop '13wendi bakker
 

Similar a Design portfolio waugh (20)

Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide you
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Powerpoint presentation-simplified
Powerpoint presentation-simplifiedPowerpoint presentation-simplified
Powerpoint presentation-simplified
 
CARP Design Principles
CARP Design PrinciplesCARP Design Principles
CARP Design Principles
 
Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...Presentation creation design, typography rules, research skills & canva tutor...
Presentation creation design, typography rules, research skills & canva tutor...
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design composition
 
Things to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementThings to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangement
 
5. pre production (1)
5. pre production (1)5. pre production (1)
5. pre production (1)
 
Factual writing copy
Factual writing copyFactual writing copy
Factual writing copy
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Billboard deconstructions
Billboard deconstructionsBillboard deconstructions
Billboard deconstructions
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Task 1 research
Task 1 researchTask 1 research
Task 1 research
 
Task 1
Task 1 Task 1
Task 1
 
Task 1 research
Task 1 researchTask 1 research
Task 1 research
 
Factual writting 2
Factual writting  2Factual writting  2
Factual writting 2
 
Task 3 Homeless Charity Analysis
Task 3 Homeless Charity AnalysisTask 3 Homeless Charity Analysis
Task 3 Homeless Charity Analysis
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And Alignment
 
Visuelle kommunikasjon gl.fu. workshop '13
Visuelle kommunikasjon gl.fu. workshop '13Visuelle kommunikasjon gl.fu. workshop '13
Visuelle kommunikasjon gl.fu. workshop '13
 

Último

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 

Último (20)

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 

Design portfolio waugh

  • 2. Effort/Reward Perceived Effort   ————————————— Probability of Viewer Engagement = Perceived Reward  
  • 3. Effort is high and Reward is low No Images, nothing rewarding, a lot to read. Sign color even tends to blend into background colors
  • 4. Effort is high and Reward is low Small, cramped type leads to a want to gloss over and not read. Nothing is inviting, I would potentially look at the map, then move on.
  • 5. Low Effort and High Reward Easy to read, and very catchy design High reward, thanks to the inclusion of the mirror and you into the design. Most people would at least stop and look.
  • 6. Low Effort and High Reward Easy to read, and very catchy design Clever marketing, simple design
  • 7. Picture Words Concrete Verbs "picture words"—words that create a picture. You can say "amble", "trudge", "hike", "scurry", or "sneak" instead of "walk." When you are using nouns, use "concrete nouns." Instead of "bird" use penguin, eagle, sparrow, hummingbird, raven, ostrich... Instead of "child," use toddler, teen, juvenile delinquent, tomboy, princess... When you are using verbs, use "picture verbs." Create a mental movie: Instead of "drink," use gulp, sip, guzzle, swig... Instead of "eat," try dine, feast, devour, gulp, nibble... Instead of "talk," try mutter, mumble, shout, whisper, chat, murmer...
  • 8. Bland word usage While Red Panda is more descriptive than just animal, there is no other words that really bring the poster to life. Simple words like Height, legal protection, threats, habitat, and destruction are bland and non-descriptive.
  • 9. Boring Very little her is done to convey any sort of meaning or create any sort of visual image. Basic words to not help with visual images, and a better more imaginative description could help tremendously
  • 10. Good Descriptions Comparisons and analogies help with visualization and getting your message across
  • 11. Good Descriptions Comparisons and analogies help with vizualization and getting your message across
  • 12. Audience Deciding what you want your audience to know will make it clearer to you what your main message will be, as well as what supporting information will help you impart that message. Deciding how you want your audience to feel will make it easier to make appropriate choices in style, visuals, font, color and layout. Each of these choices should be made with the informed knowledge of how those choices elicit and reinforce the emotion you are trying to achieve. Deciding what you want your audience to do will focus your work and help with organization and flow. We are communicating in order to get our audience to do something. The information you give will not only expand their knowledge, but cause them to take action upon that knowledge.
  • 13. Poor job reaching your audience The title about bored shows a young child sitting in a bored stance. Which shows the intended audience as students. Yet the main picture is of an old many lounged up in front of a fire, which makes me feel the audience is parents.
  • 14. Bullied sends the message that one is hurt and being picked on. Red Eyes make me feel that someone is angry or devil driven. A smile or smirk shows me happiness He seems to be in a happy go lucky mood with his chain, mp3, and cell phone. Poor job reaching your audience
  • 15. Knowing your audience What a powerful design. Being able to explain in a very simple manner that you should only use the water that you need. There is no wasted space here, and it sends a clear message to its audience.
  • 16. Knowing your audience Another powerful design. Four clear lights on the billboard and only one is one, because the other three are needed. A clear explanation of its importance to the intended audience.
  • 17. Embellishment Enhancement Embodiment Embellishments actively detract from the message. An related image that does not tell us everything, but it enhances or strengthens the message. The visuals and title are enough to carry the entire message on their own. This is called embodiment .
  • 18. Embellishment Radar image is confusing, and distracting. Eyes get directed up to the image due to the arrows, how busy the rest of the picture is and its placement. However the image does not embody or enhance the message at all.
  • 19. Embellishment The image at the top is a distraction and has no direct relation that is readily apparent.
  • 20. Embody Visual images explain the situation clearly Words help clarify, but are simple and to the point.
  • 21. Embody Image embodies the iconic poster. Good use of movie worlds to help convey look of characters.
  • 22. Proximity Proximity tells the reader which pieces of information are related and which are not.
  • 23. Too much movement Your eye jumps around on the page to the 8 different sections. It is not clear what is the title, or if there is any order to anything. Tough to tell what is the most important with different capital usage and spaces between letters.
  • 24. Too far away Now everything is too close together to be really clear on what is really related to what right off the bat. Your eye still jumps around to try to figure out what is useful. Tough to tell what is the most important with different capital usage and spaces between letters and arrangemetn
  • 25. Better Proximity By separation of the title and the message you can make a clear distinction of what is more important. While not perfect, you can now see that the proximity grouping of the examples allows your eyes to move from one to the other and not in such a scattered manner
  • 26. Better Proximity By separation of the title and the message you can make a clear distinction of what is more important. Although it is a bit busy, and the color choices could use some work, there now is two distinct groupings at play here.
  • 27. Alignment Alignment gives the design a comfortable sense of order.
  • 28. Poor Alignment Due to center alignment we get too many alignment lines in the picture. It makes it feel overly busy and a bit too much work. Random Left alignment with no vertical alignment makes this feel like a messy layout
  • 29. Poor Alignment As you can see there is no real alignment of the text. On the left side there seems to be four different alignments. But there seems to just be three lines on the right
  • 30. Good Alignment Three simple lines of alignment for this sign give a nice neat and orderly appearance.
  • 31. Good Alignment A simple linear alignment here gives this poster a strong appearance, that helps relate images to text and provide one with a sense of direction.
  • 32. Repetition Elements can be grouped into related items, even if physically located in different places.
  • 33. Nothing is repeating There is no repeating elements of this design. Different Fonts Different Spacing Different Colors Different Alignment
  • 34. There is no repeating elements of this design. Alignment is left, center, and then offset. Fonts are of different types without repetition.
  • 35. Repeated Picture with red text box shows repetition. Pictures of men with the bottom text box show a nice repetition relationship.
  • 36. Clear Repetition Repeated Red Lines Repeated Box Design
  • 37. Contrast Important elements can be emphasized. The Function of elements can be pointed out, Such as contrast between titles and text blocks.
  • 38. Bad contrast between the text. Too many texts that are not different enough to be a real contrasting element to the design. (10 different fonts) Colors are too similar to really contrast each other. Gradation in text does not help contrast.
  • 39. Texts are too close in size that they cause a bad contrast. Colors are too similar to really contrast each other. Text over dark colors is hard to read
  • 40. Great use of contrast Contrasting with white and black always help images stand out. The hues and tints of the colors help bring out a contrast of elements, even though they are monotone
  • 41. Good use of Contrasting elements There is a lot of words here, but thanks to the contrast and the alignment it does not seem overwhelming. Good use of light and dark colors to give a sense of order with contrasting visuals
  • 42. Emphasis Make sure that you emphasize the important elements of your design to convey the message that you want.
  • 43. Lost Emphasis The design mess at the bottom two thirds of this poster draw your eye continuously Because there is no concrete tie of this design choice to the message you lose the point of emphasis
  • 44. Lost Emphasis Bold and larger type brings your eye to those words, and here there is a very confusing message. Don’t Destroy the things you love… BUT… Kill Trees
  • 45. Simple elegant design Simple use of complementary colors. Blue is cool which works with the weather idea. The Orange brings your eye down and is a nice contrast. Your eye jumps down to the type which leaves enough in question to make you look back at the picture.
  • 46. The straight lines met by the circles help the night sky emphasis Simple use of contrasting light and dark colors give a nice night sky emphasis These elements do a good job emphasizing the message. Simple contrasting design
  • 47. Color Color choices are extremely important. Color can make a design interesting, boring, exciting, natural, soothing, uncomfortable, classy, and so on. Color can emphasize an element in the design. It can tie two or more elements together. It can tie a group of designs together. In can make elements appear closer (reds/yellows) or far away (blues/grays). It can make your message warm or cold. The right choices can make your design look professional, but the wrong choices can make it look amateurish.
  • 48. The use of blue and orange is a good use of complimentary colors, there needs to be a better use of tones here as the orange font becomes very difficult to read. Poor tone Choice
  • 49. No conscious color choice The color choice of Blue, Green, and Pink, is not any sort of three color relationship. (Not a triad, analogous, or split triad) Also has tone issues that make the words tough to read.
  • 50. Simple Compliment of Colors The Orange color of font helps draw your eye initially as it is a nice compliment against the blue The Blue in the design, helps the sky idea and helps give the rest of the image a cohesion.
  • 51. Nice contrast, and style thanks to the color choice. Complementary colors of blue and orange while subtle create a nice visual image. Orange tints and hues run through design which help make it feel cohesive. Blue and white make a nice contrast that is very easy to read.
  • 52. Style All of your design choices contribute to "style“ so please make all design choices from now on in purposeful pursuit of a style you clearly define
  • 53. Mixed Messages Nuclear Energy is the main focus of the words, but the contrast is not overly strong to convey it as a bad thing. Green is a color that conveys harmony, and healthy, yet this is a message warning of poor health and danger. The actual danger sign is scribbled out
  • 54. Breaking a familiar style Going with an arched logo can have its pleasantries, but in the case of FedEx it causes the subtle arrow to be lost. Thus ruining a stylistic choice that is a hallmark of FedEx. Looking here at their traditional logo you can see a distinctive arrow that is lost in the previous image.
  • 55. Stylish Dark reds, with the blues and yellows (Primary Triad) get the feeling right for a bottle of wine. Colors are hues and tines of the primaries, yet do not feel childish. The text and image take the shape of a wine bottle in a stylish and hip manner.
  • 56. The stylistic choices of font feel like a race track. Everything says Racing The colors are taken from the formula one logo and used throughout the design. The design makes one feel like it is a quick and fast design, just like a race.
  • 57. Type Typography is the art and technique of arranging type, type design, and modifying type glyphs.
  • 58. Very Difficult to read I count at least three different fonts. The shadow on the “Spring Gallery” font makes it very difficult to read Font types are too similar in size and shape to contrast, so they seem distracting.
  • 59. Not Contrasting Enough Font types are very similar in weight, and becomes distracting. Look at the letter E as an example of a different but similar font.
  • 60. Good use of font choice. The simple contrast in font choice here gives us a picture of the message. In this case similar fonts, actually enhance the image.
  • 61. Good use of font choice as it enhances and adds to the image. The white font choice and its alignment conveys the zombie teeth motive well The black font choice and its alignment convey a empty nose bone on a skull
  • 62.
  • 63.