Color scheme for interface. Light or Dark UI?

20

Transcript of Color scheme for interface. Light or Dark UI?

Page 1: Color scheme for interface. Light or Dark UI?

Color Scheme for Interface. Light or Dark UI?

Page 2: Color scheme for interface. Light or Dark UI?

dark-on-lightlight-on-

dark

What kind of general color scheme tochoose:

Page 3: Color scheme for interface. Light or Dark UI?

Aspectsaffecting the

choice

Page 4: Color scheme for interface. Light or Dark UI?

ClarityUser should clearly see and distinguish allthe necessary details on the screen or page.

Page 5: Color scheme for interface. Light or Dark UI?

ReadabilityAbility of users to read text easily.

Page 6: Color scheme for interface. Light or Dark UI?

AccessibilityDesigner should think over the users ofspecial needs which can also determine thechoice of UI color scheme.

Page 7: Color scheme for interface. Light or Dark UI?

Content and layout should adapt accordingto the sizes and technical abilities of adevice it is opened at.

Responsiveness

Page 8: Color scheme for interface. Light or Dark UI?

EnvironmentAnalysis of typical conditions in which theproduct will be used. Dark background cancreate the effect of reflection under naturallight.

Page 9: Color scheme for interface. Light or Dark UI?

Steps to followchoosing the color

scheme

Page 10: Color scheme for interface. Light or Dark UI?

Clearly define the product aim Find the most important product points whichare going to solve user's problems.

Page 11: Color scheme for interface. Light or Dark UI?

If it's a text-driven stuff, light background willbe better choice as it helps concentrate purelyon the text.

Page 12: Color scheme for interface. Light or Dark UI?

If the product moves round images, dark orbright UI can become an efficient solution.

Page 13: Color scheme for interface. Light or Dark UI?

Analyze your target audienceAnalyzing TA is the first thing designer shoulddo working over effective UI.

Page 14: Color scheme for interface. Light or Dark UI?

Younger people can find well-performedinterfaces with dark background more originaland stylish.

Page 15: Color scheme for interface. Light or Dark UI?

Older people prefer light UI as they find it moreintuitive and navigable.

Page 16: Color scheme for interface. Light or Dark UI?

Children can be attracted with bright interfacesand funny details.

Page 17: Color scheme for interface. Light or Dark UI?

Research the competitionTime spent on researching the existingproducts can save much more time andeffort on redesign of ineffectivesolutions.

Page 18: Color scheme for interface. Light or Dark UI?

Test as much as possibleEach design solution should be tested indifferent resolutions, on different screens andunder different conditions.

Page 19: Color scheme for interface. Light or Dark UI?

So, are you on the dark or light side?

There is no bestsolution on the UIcolor scheme. Everyproject in UI/UXdesign is highlyindividual andneeds thoughtfulapproach weighingall pros and cons.

Page 20: Color scheme for interface. Light or Dark UI?

TUBIKSTUDIO .COM

Thanks for watching!

Join us @tubikstudio