Verwenden Kontrast Viraus an Background Colors zu Webdesign

Verbessert Är Lesbarkeit vun de Websäiten a Benotzererfarung mat adequatem Kontrast

Kontrast spillt eng wichteg Roll am Succès vun enger Websäit Design. Vun der Typografie vun der Säit , op déi Biller déi um ganze Site benotzt ginn, zum Kontrast tëscht Vordergrundelementer an Hannergrondfarben - e gutt entwéckelt Site muss adequat Kontrast an all deene Beräicher hunn fir eng qualitativ Userenerfahrung a laangfristeg Site Succès ze garantéieren.

Eise Kontrast entsprécht eng schlecht Lieserfahrung

Websäiten, déi zevill Kontrast kënne schwéier sinn ze liesen a benotzen, wat negativ Auswierkungen op den Erfolleg vum Site hunn. Schlechter faarweg contrastproblem ass oft einfach ze identifizéieren. Dir kënnt normalerweis einfach maachen andeems Dir eng Säit kuckt, déi an engem Webbrowser gerëscht gëtt an Dir kënnt kucken ob den Text ze schwéier fir ze liesen wéinst schlecht Choix. Och wann et et einfach ass ze bestëmmen, wat d'Faarwen net gutt zesumme schaffen, kann et eigentlech e ganz schwieregen Décisioun sinn fir ze entscheeden, wéi d'Faar éischter gutt anescht wéi anerer sinn. Dir kënnt net wat et net funktionnéiert, mee wéi wielt Dir fest, wat funktionnéiert? De Image vun dësem Artikel soll Iech eng Rei verschidde verschiddene Faarwen a wéi se konträr als Vogegrouss an Hannergrond weisen. Dir kënnt e puer "gutt" Paizen an e puer "schlechte" Paie gesinn, wat Iech hëllefe fir Iech déi richteg Auswiel u Projeten ze maachen.

Kontrast gëllt

Eent wat Dir misst notéiert sinn, datt de Kontrast méi wéi nëmmen wéi hell d'Faarf mat dem Hannergrond verglach gëtt. Wéi Dir an dësem SLR-Format sollt sinn, sinn e puer vun dëse Faarwen ganz hell a sinn op der Hannergrondvariant vibrant opgemaach - sou wéi blo op schwaarz, awer ech hunn et ëmmer als e schlecht Kontrast markéiert. Ech hunn dat gemaach, well et kann e bësse sinn, gëtt d'Faarfkombinatioun nach ëmmer de Texter schwéier ze liesen. Wann Dir eng Säit an all bloem Text op schwarzem Background erstellt, wären Är Lieser ganz séier séier eyestrain. Dëst ass wourop den Kontrast net nëmme schwaarz a wäiss ass (jo, dës Schläif war beabsichtigt). Et gëtt Regelen a Best Practices fir Kontrast, awer als Designer musst Dir ëmmer déi Regelen evaluéieren fir datt se an Ärer bestëmmten Instanz funktionnéieren.

Faarwen auswielen

Kontrast ass just ee vun de Faktoren fir ze kucken, wann Dir Är Faarwe fir Är Website Design entwéckelt, awer et ass eng wichteg. Wann Dir Är Faarwen gewielt hutt, kuckt d'Mark Standards fir d'Firma, awer och bereet ze wieren Faarwegpaletten, déi, wann se mat den Markenrichtlinien vun der Organisatioun konsequent sinn, net gutt online maachen. Zum Beispill hunn ech ëmmer jueleg a helleg Greens fonnt, fir uerdentlech Erausfuerderung ze ginn fir effektiv op Websäite ze benotzen. Wann dës Faarwen an der Mark e Richtlinn vun der Firma sinn, da mussen se nëmme Akzentfär benotzen, well et schwéier ka fannen, datt Faarwen mat dësem Kontrast sinn.

Ähnlech wéi wann Är Markenfär schwaarz a wäiss bedeit, heescht et e gudde Kontrast, awer wann Dir e Site mat laangener Héicht vun Text huet, mat engem schwarzen Hintergrund mat wäiss Text Text ze liesen ass ganz schwéier. Och de Kontrast tëscht schwaarz a wäiss ass super, wäiss Text op schwarzem Hintergrund verursaacht Ängschtuerm fir laang Passagen. An dësem Fall géif ech d'Faar ëmdréngen fir schwaarz Text op engem wäisse Background ze benotzen. Dat kéint net als visuell interesséiert sinn, awer Dir wäert net besser kontrast sinn wéi dat!

Online Tools

Zousätzlech zu Ärem eegenen Design sinn et e puer Online-Tools, déi Dir benotzt fir Är Faarfwahl vun Ärer Säit ze testen.

CheckMyColors.com testen all d'Faarwen vun ärem Site an berichten am Kontrastverhältnis tëschent Elementen op der Säit.

Zousätzlech, wann Dir iwwert Faustewait denkt, sollt Dir och d'Websäit Zougänglechkeet an d'Leit, déi Form vu Faarfbléien hunn, iwwerleet. WebAIM.org ka sech hëllefe mat dësem, wéi kann ContrastChecker.com, wat Är Choixen géint WCAG Richtlinien testen.