Difference between revisions of "Imagery References"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 9: Line 9:
 
|coordhead2=28.000, 100.000, 0.000   
 
|coordhead2=28.000, 100.000, 0.000   
 
|references2=
 
|references2=
Conscious Design And Images;
+
Conscious Design And Images: Articles and resources;
Collection of articles and resources;
+
Karen Yin - Conscious style guide;
 
https://consciousstyleguide.com/design-images/;
 
https://consciousstyleguide.com/design-images/;
 
Use inclusive imagery;
 
Use inclusive imagery;
Line 80: Line 80:
  
 
==Inclusive Imagery==
 
==Inclusive Imagery==
===Conscious Design And Images===
+
===Conscious Design And Images: Articles and resources===
Collection of articles and resources
+
Karen Yin - Conscious style guide
  
 
https://consciousstyleguide.com/design-images/
 
https://consciousstyleguide.com/design-images/

Revision as of 12:57, 7 June 2021

headline 1 General
headline 1 coordinates 27.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 28.000, 100.000, 0.000
references 2 Conscious Design And Images: Articles and resources;

Karen Yin - Conscious style guide; https://consciousstyleguide.com/design-images/; Use inclusive imagery; What Is Inclusive Design? A Beginner's Guide; 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; Case Study — Jennifer Hom; https://airbnb.design/your-face-here/; Inclusive Illustrations, By Design; John Maeda; https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/; You Can’t Just Draw Purple People and Call it Diversity; Meg Robichaud; 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; 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; https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian; Illustrating a More Inclusive Brand; Trace Byrd; 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; 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; 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

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/

Use inclusive imagery

What Is Inclusive Design? A Beginner's Guide

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

Case Study — Jennifer Hom

https://airbnb.design/your-face-here/

Inclusive Illustrations, By Design

John Maeda

https://wordpress.com/blog/2017/05/09/inclusive-illustrations-by-design/

You Can’t Just Draw Purple People and Call it Diversity

Meg Robichaud

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

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

https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian

Illustrating a More Inclusive Brand

Trace Byrd

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

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

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