Difference between revisions of "Imagery References"
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{References | {{References | ||
|headline1=General | |headline1=General | ||
| − | |coordhead1= | + | |coordhead1=23.000, 100.000, 0.000 |
|references1= | |references1= | ||
Glyphs; | Glyphs; | ||
| − | + | Human Interface Guidelines - Apple; | |
https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ | https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ | ||
|headline2=Inclusive Imagery | |headline2=Inclusive Imagery | ||
| − | |coordhead2= | + | |coordhead2=30.000, 100.000, 0.000 |
|references2= | |references2= | ||
| − | Conscious Design And Images; | + | Conscious Design And Images: Articles and resources; |
| − | + | Karen Yin - Conscious style guide; | |
https://consciousstyleguide.com/design-images/; | https://consciousstyleguide.com/design-images/; | ||
| − | + | Inclusive Design - A Beginner's Guide: Use inclusive imagery; | |
| − | + | Vale Querini - CareerFoundry; | |
https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery; | https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery; | ||
3 Simple Strategies for Sourcing Inclusive Imagery; | 3 Simple Strategies for Sourcing Inclusive Imagery; | ||
| Line 25: | Line 25: | ||
https://lemonly.com/blog/inclusive-character-design; | https://lemonly.com/blog/inclusive-character-design; | ||
Your Face Here - Creating illustration guidelines for a more inclusive visual identity; | Your Face Here - Creating illustration guidelines for a more inclusive visual identity; | ||
| − | + | Jennifer Hom - Airbnb Design; | |
https://airbnb.design/your-face-here/; | https://airbnb.design/your-face-here/; | ||
Inclusive Illustrations, By Design; | Inclusive Illustrations, By Design; | ||
| − | John Maeda; | + | John Maeda - The WordPress.com Blog; |
https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/; | https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/; | ||
You Can’t Just Draw Purple People and Call it Diversity; | You Can’t Just Draw Purple People and Call it Diversity; | ||
| − | Meg Robichaud; | + | Meg Robichaud - Medium; |
https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8; | https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8; | ||
Easy ways to show more diversity in your sketches; | Easy ways to show more diversity in your sketches; | ||
| − | Ben Crothers; | + | Ben Crothers - Presto Sketching; |
http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/; | http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/; | ||
Designing inclusive illustrations (or, a brief history of the meeple); | Designing inclusive illustrations (or, a brief history of the meeple); | ||
| − | Sara VanSlyke; | + | Sara VanSlyke - Work Life by Atlassian; |
https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian; | https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian; | ||
Illustrating a More Inclusive Brand; | Illustrating a More Inclusive Brand; | ||
| − | Trace Byrd; | + | Trace Byrd - Medium; |
https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3; | https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3; | ||
The Accessible Icon Project; | The Accessible Icon Project; | ||
| Line 46: | Line 46: | ||
https://accessibleicon.org; | https://accessibleicon.org; | ||
Can we design a truly inclusive accessibility icon?; | Can we design a truly inclusive accessibility icon?; | ||
| − | Scott Kirkwood; | + | Scott Kirkwood - AIGA the professional association for design; |
https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair; | https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair; | ||
Inclusive Symbols; | Inclusive Symbols; | ||
| Line 52: | Line 52: | ||
https://www.inclusivesymbols.com/; | https://www.inclusivesymbols.com/; | ||
Free inclusive icon set; | Free inclusive icon set; | ||
| − | Flo Lenormand; | + | Flo Lenormand - Dribbble; |
https://dribbble.com/shots/12133487-Free-inclusive-icon-set; | https://dribbble.com/shots/12133487-Free-inclusive-icon-set; | ||
The Noun Project; | The Noun Project; | ||
| Line 75: | Line 75: | ||
==General== | ==General== | ||
===Glyphs=== | ===Glyphs=== | ||
| − | + | Human Interface Guidelines - Apple | |
https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ | https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ | ||
==Inclusive Imagery== | ==Inclusive Imagery== | ||
| − | ===Conscious Design And Images=== | + | ===Conscious Design And Images: Articles and resources=== |
| − | + | Karen Yin - Conscious style guide | |
https://consciousstyleguide.com/design-images/ | https://consciousstyleguide.com/design-images/ | ||
| − | ===Use inclusive imagery=== | + | ===Inclusive Design - A Beginner's Guide: Use inclusive imagery=== |
| − | + | Vale Querini - CareerFoundry | |
https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery | https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery | ||
| Line 101: | Line 101: | ||
===Creative Workshop: Inclusive Character Design=== | ===Creative Workshop: Inclusive Character Design=== | ||
| − | Ashton Dockendorf | + | Ashton Dockendorf - Lemonly |
https://lemonly.com/blog/inclusive-character-design | https://lemonly.com/blog/inclusive-character-design | ||
===Your Face Here - Creating illustration guidelines for a more inclusive visual identity=== | ===Your Face Here - Creating illustration guidelines for a more inclusive visual identity=== | ||
| − | + | Jennifer Hom - Airbnb Design | |
https://airbnb.design/your-face-here/ | https://airbnb.design/your-face-here/ | ||
===Inclusive Illustrations, By Design=== | ===Inclusive Illustrations, By Design=== | ||
| − | John Maeda | + | John Maeda - The WordPress.com Blog |
https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/ | https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/ | ||
===You Can’t Just Draw Purple People and Call it Diversity=== | ===You Can’t Just Draw Purple People and Call it Diversity=== | ||
| − | Meg Robichaud | + | Meg Robichaud - Medium |
https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 | https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 | ||
===Easy ways to show more diversity in your sketches=== | ===Easy ways to show more diversity in your sketches=== | ||
| − | Ben Crothers | + | Ben Crothers - Presto Sketching |
http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/ | http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/ | ||
===Designing inclusive illustrations (or, a brief history of the meeple)=== | ===Designing inclusive illustrations (or, a brief history of the meeple)=== | ||
| − | Sara VanSlyke | + | Sara VanSlyke - Work Life by Atlassian |
https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian | https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian | ||
===Illustrating a More Inclusive Brand=== | ===Illustrating a More Inclusive Brand=== | ||
| − | Trace Byrd | + | Trace Byrd - Medium |
https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3 | https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3 | ||
| Line 141: | Line 141: | ||
===Can we design a truly inclusive accessibility icon?=== | ===Can we design a truly inclusive accessibility icon?=== | ||
| − | Scott Kirkwood | + | Scott Kirkwood - AIGA the professional association for design |
https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair | https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair | ||
| Line 151: | Line 151: | ||
===Free inclusive icon set=== | ===Free inclusive icon set=== | ||
| − | Flo Lenormand | + | Flo Lenormand - Dribbble |
https://dribbble.com/shots/12133487-Free-inclusive-icon-set | https://dribbble.com/shots/12133487-Free-inclusive-icon-set | ||
Latest revision as of 15:05, 9 June 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | 23.000, 100.000, 0.000 |
| references 1 | Glyphs;
Human Interface Guidelines - Apple; https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/ |
| headline 2 | Inclusive Imagery |
| headline 2 coordinates | 30.000, 100.000, 0.000 |
| references 2 | Conscious Design And Images: Articles and resources;
Karen Yin - Conscious style guide; https://consciousstyleguide.com/design-images/; Inclusive Design - A Beginner's Guide: Use inclusive imagery; Vale Querini - CareerFoundry; https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery; 3 Simple Strategies for Sourcing Inclusive Imagery; Shutterstock; https://www.shutterstock.com/blog/strategies-inclusive-imagery; Inclusion Images; Freepic - Graphic resources for everyone; https://www.freepik.com/free-photos-vectors/inclusion; Creative Workshop: Inclusive Character Design; Ashton Dockendorf; https://lemonly.com/blog/inclusive-character-design; Your Face Here - Creating illustration guidelines for a more inclusive visual identity; Jennifer Hom - Airbnb Design; https://airbnb.design/your-face-here/; Inclusive Illustrations, By Design; John Maeda - The WordPress.com Blog; https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/; You Can’t Just Draw Purple People and Call it Diversity; Meg Robichaud - Medium; https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8; Easy ways to show more diversity in your sketches; Ben Crothers - Presto Sketching; http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/; Designing inclusive illustrations (or, a brief history of the meeple); Sara VanSlyke - Work Life by Atlassian; https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian; Illustrating a More Inclusive Brand; Trace Byrd - Medium; https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3; The Accessible Icon Project; The Accessible Icon Project is an ongoing work of design activism; https://accessibleicon.org; Can we design a truly inclusive accessibility icon?; Scott Kirkwood - AIGA the professional association for design; https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair; Inclusive Symbols; Free symbols that are designed to make public places more inclusive; https://www.inclusivesymbols.com/; Free inclusive icon set; Flo Lenormand - Dribbble; https://dribbble.com/shots/12133487-Free-inclusive-icon-set; The Noun Project; The Noun Project is building a global visual language that unites us; https://thenounproject.com; 2,897 Free Inclusive Icons; Flaticon; https://www.flaticon.com/free-icons/inclusive; |
| headline 3 | |
| headline 3 coordinates | |
| references 3 | |
| headline 4 | |
| headline 4 coordinates | |
| references 4 | |
| headline 5 | |
| headline 5 coordinates | |
| references 5 | |
| links to | |
| belongs to | Imagery |
| contains |
General[edit]
Glyphs[edit]
Human Interface Guidelines - Apple
https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/
Inclusive Imagery[edit]
Conscious Design And Images: Articles and resources[edit]
Karen Yin - Conscious style guide
https://consciousstyleguide.com/design-images/
Inclusive Design - A Beginner's Guide: Use inclusive imagery[edit]
Vale Querini - CareerFoundry
https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design/#use-inclusive-imagery
3 Simple Strategies for Sourcing Inclusive Imagery[edit]
Shutterstock
https://www.shutterstock.com/blog/strategies-inclusive-imagery
Inclusion Images[edit]
Freepic - Graphic resources for everyone
https://www.freepik.com/free-photos-vectors/inclusion
Creative Workshop: Inclusive Character Design[edit]
Ashton Dockendorf - Lemonly
https://lemonly.com/blog/inclusive-character-design
Your Face Here - Creating illustration guidelines for a more inclusive visual identity[edit]
Jennifer Hom - Airbnb Design
https://airbnb.design/your-face-here/
Inclusive Illustrations, By Design[edit]
John Maeda - The WordPress.com Blog
https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/
You Can’t Just Draw Purple People and Call it Diversity[edit]
Meg Robichaud - Medium
https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8
Easy ways to show more diversity in your sketches[edit]
Ben Crothers - Presto Sketching
http://prestosketching.com/blog/2018/01/27/easy-ways-to-show-more-diversity-in-your-sketches/
Designing inclusive illustrations (or, a brief history of the meeple)[edit]
Sara VanSlyke - Work Life by Atlassian
https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian
Illustrating a More Inclusive Brand[edit]
Trace Byrd - Medium
https://medium.com/facebook-design-business-tools/illustrating-a-more-inclusive-brand-bbb4fa6c4bb3
The Accessible Icon Project[edit]
The Accessible Icon Project is an ongoing work of design activism
Can we design a truly inclusive accessibility icon?[edit]
Scott Kirkwood - AIGA the professional association for design
https://www.aiga.org/inclusive-accessible-icon-project-icon-wheelchair
Inclusive Symbols[edit]
Free symbols that are designed to make public places more inclusive
https://www.inclusivesymbols.com/
Free inclusive icon set[edit]
Flo Lenormand - Dribbble
https://dribbble.com/shots/12133487-Free-inclusive-icon-set
The Noun Project[edit]
The Noun Project is building a global visual language that unites us
2,897 Free Inclusive Icons[edit]
Flaticon