One of my client(He has a SEO agency)need to design a website with blog. He want 100% black and white design. That means text, images everything are 100% black and white.

Is there any UI/UX research about black and white web design? Is it a good concept UI/UX point?

Note : Back and White doesn't mean that his primary color is black. Primary color is very dark grey and text color will be dark grey with pure white background in almost all places.

  • Any particular reason why your client is requesting you to do that? Are there any demographic constraints? – Chandan Aug 9 at 7:54
  • @Chandan Reason is "Brand"... He is going to build the brand using this white & black concept... I am sorry, I am not allowed to tell more that this. But reason is "Branding" – I am the Most Stupid Person Aug 9 at 8:31

I am not sure about black and white combination, without any other colors. But I would be very cautious about black - it's usually not recommended to use pure black - it is advised to use shades of grey instead.

Recommended reading:

http://uxmovement.com/content/why-you-should-never-use-pure-black-for-text-or-backgrounds/ https://ianstormtaylor.com/design-tip-never-use-black/

Hope this helps at least a bit.

Recently I do some design on Eink and due to the special fresh mode on Eink screen most of the interface is only black and white even without any gray. So perhaps it's a way.

Since eink design is also lack of research, at least I find nothing. I conclude some of my own.

  1. Layout is 1st place: Color sometimes can destract the eyes and the make people ignore the layout problem. and now only black and white may call for more attention on the layout, font size and weight to make web balanced. And sometimes this kind of simplism can be beautiful.

  2. Making sure button can be clicked: Clickable button can be missed when colors are gone. You can use underline or obvious button style to make sure users' notice.

  3. Try the styles that fit for black and white: Some styles are very suitable for black and white, for example the handwriting, doodle, geometric and some oldstyle things. So It can be tried to combine the elements.

It's hard to do all things only black and white. Try to persuade clients, or treat it as a challenge :) it can be fun.

I like the web design of Remarkable(an eink brand). Though its web is not only black and white, it may give some inspire.

The attraction to the monochromatic sites that have been appearing in fashion/high end websites are part of the esthetic of showcasing minimal UI elements while giving attention to product information, imagery and products and letting those showcased items sit in a backdrop similar to a studio or gallery presentation. The hardships that come with a design of such could come to showing visual hierarchy, call-to-action buttons, transitions with UI design and also context if/where the user is. With great care and expert planning you can plan a design devoid of colors by implementing tints/shades and treatments to show users flows and paths.

https://webdesign.tutsplus.com/articles/an-introduction-to-color-theory-for-web-designers--webdesign-1437

I hope this helps you

Black and white is always in style. You can do a lot with just 2 colors. Consider it a creative constraint and you may become a better designer for it because you'll depend less on color. Provide affordance by other means such as shape and texture. Same for any 2-color design.

Make sure interactive elements are perceivable. Links and buttons for example can be underlined and/or inverted like https://tink.uk does. Be creative and accessible :)

I recall research from somewhere that said near black and white #111111 on #efefef was more comfortable than #000000 on #ffffff for web reading.

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.