Difference between revisions of "Imagery References"

From Make Inclusive Websites
Jump to navigation Jump to search
(Created page with "{{References}}")
 
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{References}}
+
{{References
 +
|headline1=General
 +
|coordhead1=23.000, 100.000, 0.000 
 +
|references1=
 +
Glyphs;
 +
Human Interface Guidelines - Apple;
 +
https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/
 +
|headline2=Inclusive Imagery
 +
|coordhead2=30.000, 100.000, 0.000 
 +
|references2=
 +
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;
 +
|headline3=
 +
|coordhead3=
 +
|references3=
 +
|headline4=
 +
|coordhead4=
 +
|references4=
 +
|headline5=
 +
|coordhead5=
 +
|references5=
 +
|linksto=
 +
|belongsto=Imagery
 +
|contains=
 +
}}
 +
==General==
 +
===Glyphs===
 +
Human Interface Guidelines - Apple
 +
 
 +
https://developer.apple.com/design/human-interface-guidelines/glyphs/overview/
 +
 
 +
==Inclusive Imagery==
 +
===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 - Lemonly
 +
 
 +
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

Latest revision as of 16: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

https://accessibleicon.org

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

https://thenounproject.com

2,897 Free Inclusive Icons[edit]

Flaticon

https://www.flaticon.com/free-icons/inclusive