Monotype Webinar Q&A

Posted in Art & Design, Web Design, on

Monotype Webinar Slide

Yesterday during my Monotype webinar on colour accessibility, a few questions came up that I didn’t get time to answer in the Q&A. One of them was from Kirsty:

As designers, should we think in grayscale first when designing? And color second? ... as a sort of flavoring to ice cream?

Kirsty, if you’re out there—apologies if I wasn’t clear in my talk—I definitely don’t think this way!

Designing a layout in greyscale can help designers achieve good contrast without being caught up in which colours should go where—kind of like designing a hi-fi wireframe.

We should definitely not think in greyscale—that’s a surefire recipe for ending up with a boring palette—something we clearly want to avoid.

Brainstorming palettes should come early in your design process. Once you feel you have some solid options, you can then move into designing your page and consider doing it in greyscale to focus on achieving good contrast and design hierarchy without the distraction of colour. When you feel comfortable with that design, you can then go wild with introducing colour—take your palette ideas and work them into your greyscale designs until they feel right. I often find that this process is quicker than designing in colour first because I don’t spend ages pulling colours out of the air without much rhyme or reason. It’s so easy to spend hours getting caught up in Photoshop/Sketch/etc. trying every colour combination imaginable without much progress on the actual layout of a page!

For more information on this technique, check out my Skillshare classes on Colour Workflow—I demonstrate this from start to finish and hopefully it’ll make more sense there! The first is Color on the Web I–Designing Cohesive Palettes, and the second part is Color on the Web II–Design for Clarity and Compliance.

Fidok asked,

Is using red a bad choice for accessibility?

No, not at all—it’s all about how you use it. A red link in a paragraph of black text can create issues as it can blend together for a person with colour blindness, but it can be easily solved by adding an underline on the inactive hover state. Using red and green in a line chart can be fine if the lines have different patterns or widths. Use your discretion and you’ll be fine!

My webinar should be posted soon for anyone who’d like to watch again (or for those who missed it). You can still sign up here to get a link when it’s available—just scroll right to the bottom of the page.

Thanks for tuning in!

Photo of Geri Coady

About Me

I’m Geri Coady — a designer and illustrator from St. John’s, Newfoundland — now living in Nottingham, UK. I've got an eye for detail, a passion for the web, and I'm ready to work with clients worldwide. Want to learn more?

24 Comments

Shuhei Oya
  • Shuhei Oya

Hi, Geri.
I appreciate your helpful advice. Thank you for sharing.

Ink
  • Ink

Hello Geri:
I watched your color webinar, and I wanted to share some things which will clarify some concepts in your presentation that I think will help you going forward. The topic of colorblindness, especially tritanopia, is something I've been researching for a few months now.

About genetics: Only red-green deficiencies and monochromacies/achromotopsias are sex-linked. Tritanopia (also called blue-yellow colorblindness) is NOT sex-linked, is passed on chromosome 7 (an autosome, that is, a non-sex chromosome). It is, at least in theory, equally heritable by both males AND females. It is quite rare: the largest estimate of the population that has (or could have) a form of tritanopia is 0.02%, which includes both males and females. Unlike the other forms of colorblindness, it is a dominant gene, but with incomplete dominance, meaning that one who inherits the gene may have a scale of color vision defects. (Red-green defects are recessive genes.) Tritanopia is rare enough that is difficult to study and poorly understood by many.

The bottom image at 21:33 is not a tritanopic simulation. It is likely a deuteranopic simulation. Look carefully at the rightmost shirt's trim—a tritanope can see certain reds fairly well (this is orange-red in the original) so it wouldn't look green to a tritanope. Also, the center shirt is a pinkish-gray but the pink disappears on the bottom image.

It would have been helpful to touch on the issue of color weaknesses (anomalous trichromacies) as well; however, I do understand your approach of designing for the most severe forms first (that is, dichromats)—if the group with the most severe deficiencies can differentiate your palette, the rest should take care of itself. Your "8% of males" figure, I believe, covers only red-green defects, and both mild and severe types. Protanomaly and deuteranomaly are the corresponding weaknesses to protanopia and deuteranopia. A less severe form of tritanopia is called incomplete tritanopia; this was formerly called tritanomaly but due to some genetic fine points (that I don't fully understand), the incomplete term is more accurate. To people with any of the less severe deficiencies, very light, very dark, and desaturated colors can become problematic; even some oversaturated colors can be tricky to distinguish.

Also, the term "color vision deficiency" (CVD) is being used increasingly over "colorblindness" and "color weakness". Newer literature and studies use this term because it puts the deficiencies on a spectrum (no pun intended) rather than using a binary context.

dana
  • dana

Oh, kitties! I like them, such a little funny fur balls. I would like to handle for my own kitty some day, but I am not too responsible to do that right now.

Graham J. Johnson
  • Graham J. Johnson

It is the look, color and the design that is the most important for a designer. Representing the data is not a big thing that anyone can do but the way of representing is the most important. Being a designer, one must know how to deal with such stuffs. Yes, using a greyscale can be helpful to got the correct color contrast and to save some time. It was really helpful to read your post. These are certainly the things that a designer must know. Thanks for your enlightment.

Medical Homework Help
  • Medical Homework Help

Those who come to read your article will find lots of helpful and informative tips

lionel
  • lionel

This is a very vast topic and I think you have been able to cover most of the information related to it in a very effective way. These questions look to be really relevant taking into concern the various techniques used in the modern day. how to speak arabic

lami88
  • lami88

Common rail direct injection is an intelligent way of controlling a diesel engine with use of modern computer systems.Common Rail direct injection juudr helps to improve the power, performance and reduce harmful emissions from a diesel engine. Conventional Diesel Engines (non-CRDI engines) are sluggish, noisy and sensor in performance compared to a CRDI engine.
Common Rail Nozzle or Common Rail Injector Valve is also sometimes referred to by many similar or different names. Some brands use name CRDe / DICOR / Turbojet / DDIS / TDI etc. All these systems work on same principles with Common Rail Injector slight variations and enhancements here and there.
Common rail direct injection system uses Common Rail Shim & Gasket kit which is like one single rail or fuel channel which contains diesel compresses at high pressure. This is a called a common rail because there is one single pump which compresses the diesel and one single rail which contains that compressed fuel. In conventional diesel engines, there will be as many pumps and fuel rails as there are cylinders.

Sebastine
  • Sebastine

the design is unique and attractive. It's looking good. web hosting $ one

malkova mali
  • malkova mali

Nice to read useful articles, thank you author!
192.168.1.254

Mihail C.
  • Mihail C.

This is the website that you would surely love to have when you want the score hero cheat online.

wiboonsin
  • wiboonsin

I think this is very good news for those who are keep interest in this! and i was searching a blog for my www.roadrunnerfr.com/nike-air-footscape-magista-c-1_12.html Bottes Nike Air Footscape Magista then i got your blog and i thought that i should leave comment here!

maodzedun
  • maodzedun

Very useful and interesting information for all who are interested in the publishing business! restaurants near me

Accounting Case Study
  • Accounting Case Study

I am certain this post has offered me some assistance with saving numerous hours of perusing other related presents just on find what I was searching for. Much obliged!

John Martin
  • John Martin

Your site is truly intriguing and motivation to numerous. I'll looking forward for a greater amount of your posts. Keep it up!
Accounting Case Study

Sohail
  • Sohail

There were a few enlightening things in your web journal. A debt of gratitude is in order for upgrading that.
harvard case study solutions
I truly esteem your carry out the occupation and tips determined by you is useful to me. I will impart this subtle elements to my relatives and companions.

Mdgarmeza
  • Mdgarmeza

Hello! I just wish to give an enormous thumbs up for the nice website scarpe Nike Lunarglide 7 Uomo you’ve got right here on this post. I will probably be coming back to your weblog for more soon!

Taylor Shaw
  • Taylor Shaw

So happy to see Color Accessibility Workflows, now available to purchase. I have been waiting for a detailed book regarding the topic and have seen posts regarding the release before. Now that it’s official I look forward to buy one. wholesale tablet

https://www.courseworkhelponline.com/
  • https://www.courseworkhelponline.com/

My friend recommended this blog and he was totally right keep up the fantastic work!

Joespet
  • Joespet

asd

Doug
  • Doug

Love the insight on brainstorming in color pallets... that's awesome.

-Doug from Mesa Tow Truck Company

Leave a Comment

Please enter the word you see in the image below: