Uzanta Kontrastanta Flankon kaj Fona Koloroj en Retejo-Dezajno

Plibonigi la legadon de via retejo kaj sperto de uzanto kun taŭga kontrasto

Kontrasto ludas gravan rolon en la sukceso de la dezajno de ajna retejo. De la tipografio de tiu retejo , al la bildoj uzataj laŭlonge de la retejo, al la kontrasto inter antaŭaj elementoj kaj fonkoloroj - bone desegnita retejo devas havi taŭgan kontraston en ĉiuj ĉi tiuj areoj por certigi kvaliton de uzanto-sperto kaj longatempa loko-sukceso.

Malalta kontrasto egalas malriĉan legadon

Retejoj, kiuj estas tro malaltaj, kontrastas malfacile legi kaj uzi, kiuj negativigos la sukceson de iu ajn retejo. Malfacilaj koloraj kontrastoj ofte estas facile identigi. Vi kutime povas fari tion nur rigardante paĝon en retumilo kaj vi povas vidi, ĉu la teksto tro malfacilas legi pro malriĉaj elektoj. Ankoraŭ tiel, kvankam eble estas facile determini, kiun koloroj ne funkcias bone kune, ĝi povas efektive esti tre malfacila decidi, kiaj koloroj funkcias bone kontraste kun aliaj. Vi ne povas, kio ne funkcias, sed kiel vi determinos, kion funkcias? La bildo en ĉi tiu artikolo devus helpi montri al vi varion de malsamaj koloroj kaj kiel ili kontrastas kiel antaŭaj kaj fonkoloraj koloroj. Vi povas vidi iujn "bonajn" parojn kaj iun "malriĉan" kuniĝon, kiu helpos vin fari la ĝustajn kolorojn en viaj projektoj.

Koncerne Kontrasto

Unu afero vi devas rimarki estas, ke kontrasto estas pli ol nur kiel brila koloro estas komparita al la fono. Kiel vi devus vidi en tiu menciita bildo, iuj el ĉi tiuj koloroj estas tre brilaj kaj montriĝas vibre sur la fono-koloron - kiel blua sur nigra, sed mi ankoraŭ etikedis ĝin kiel malriĉan kontraston. Mi faris ĉi tion ĉar, kvankam ĝi povas esti brila, la kolora kombinaĵo ankoraŭ faras malfacile legi la tekston. Se vi kreus paĝon en ĉiuj bluaj tekstoj en nigra fono, viaj legantoj tre rapide veturos. Jen kial kontrasto ne estas nur nigra kaj blanka (jes, tiu puno estis intencita). Estas reguloj kaj plej bonaj praktikoj por kontrasto, sed kiel diseñisto vi devas ĉiam taksi tiujn regulojn por certigi, ke ili laboras en via aparta kazo.

Elektanta Kolorojn

Kontrasto estas nur unu el la faktoroj por konsideri elektinte kolorojn por la dezajno de via retejo, sed ĝi estas grava. Kiam vi elektas kolorojn, memoru la markonajn normojn por la kompanio, sed ankaŭ preferas alparoli kolorajn paletojn, kiuj, kvankam ili povas esti konsekvencaj kun la marko de organizoj, ne funkcias bone interrete. Ekzemple, mi ĉiam trovis flavajn kaj brilajn verdojn por esti terura defio uzi efike en retejoj. Se ĉi tiuj koloroj estas en marko-gvidlinioj de kompanio, ili verŝajne devas esti uzataj kiel akcentaj koloroj nur, ĉar malfacile trovi kolorojn, kiuj kontrastas bone ĉu.

Simile, se viaj markoloraj koloroj estas nigraj kaj blankaj, tio signifas grandan kontraston, sed se vi havas retejon kun longaj kvantoj da teksto, havante nigran fonon kun blanka teksto faros tre malfacile legi. Eĉ la kontrasto inter nigra kaj blanka estas granda, blanka teksto sur nigra fono kaŭzas okulon-streĉon por longaj paŝoj. En ĉi tiu kazo, mi renversus la kolorojn por uzi nigran tekston sur blanka fono. Tio eble ne aspektas vide videbla, sed vi ne trovos pli bonan kontraston ol tio!

Enretaj Iloj

Krom via propra dezajno, ekzistas kelkaj interretaj iloj, kiujn vi povas uzi por provi la koloron de via retejo.

CheckMyColors.com provos ĉiujn kolorojn de via retejo kaj raportos pri la kontrasta rilato inter elementoj en la paĝo.

Aldone, kiam vi pensas pri koloraj elektoj, vi ankaŭ devus konsideri retejan alireblecon kaj homojn, kiuj havas formojn de koloro-blindeco. WebAIM.org povas helpi kun tio, kiel povas ContrastChecker.com, kiu provos viajn elektojn kontraŭ gvidlinioj de WCAG.