Kas jāzina
- Izmantojiet šī raksta diagrammu, lai noteiktu labākās fona un priekšplāna krāsu kombinācijas tīmekļa lapas noformēšanai.
- Izmantojiet tiešsaistes rīku, piemēram, CheckMyColors.com lai pārbaudītu savas vietnes krāsas un ziņotu par kontrasta attiecību starp lapas elementiem.
- Izmantojiet tādu rīku kā ContrastChecker.com pārbaudīt savu izvēli pret Tīmekļa satura pieejamības vadlīnijas.
Šajā rakstā ir paskaidrots, kā efektīvi izveidot kontrastu starp fona un priekšplāna krāsām tīmekļa dizainā.
Kā izveidot spēcīgu kontrastu
Dažas krāsas var būt spilgtas un dinamiski parādīties uz konkrētas fona krāsas, piemēram, zilas uz melnas, taču tās ir sliktas kontrasta izvēles iespējas. Piemēram, ja jūs izveidotu lapu ar visu zilu tekstu uz melna fona, lasītāji ļoti ātri izjustu acu nogurumu.
Izpētiet zemāk esošo diagrammu, lai iegūtu priekšstatu par labākajām fona / priekšplāna kombinācijām.
Kontrastam ir noteikumi un paraugprakse, taču kā dizaineram šie noteikumi vienmēr ir jānovērtē, lai pārliecinātos, ka tie darbojas jūsu konkrētajā gadījumā.
Izmantojiet tiešsaistes kontrasta pārbaudītāja rīkus
Papildus savai dizaina izjūtai izmēģiniet dažus tiešsaistes rīkus, lai pārbaudītu vietnes krāsu izvēli. CheckMyColors.com pārbaudīs visas jūsu vietnes krāsas un ziņos par kontrasta attiecību starp lapas elementiem.
Turklāt, domājot par krāsu izvēli, jāņem vērā arī vietnes pieejamība un cilvēki, kuriem ir krāsu akluma formas. WebAIM.org var palīdzēt šajā jautājumā, tāpat kā ContrastChecker.com, kas pārbaudīs jūsu izvēli Tīmekļa satura pieejamības vadlīnijas.
Kāpēc kontrasts ir svarīgs?
Spēcīgam kontrastam ir svarīga loma jebkuras vietnes dizaina panākumos. Atbilstošs kontrasts nodrošina kvalitatīvu lietotāja pieredzi un vieglāku lasāmību, kas veicinās vietnes ilgtermiņa panākumus. Vietnes, kuru kontrasts ir pārāk zems, tomēr var būt grūti lasāmas un izmantojamas, kas negatīvi ietekmēs jebkuras vietnes efektivitāti.
Lai gan var būt viegli noteikt, kuras krāsas nedarbojas labi, tas ir grūtāks jautājums izlemt, kuras krāsas pārī efektīvi, gan atšķirībā no citām, gan a dizaina ietvaros vietne.
Zīmolrades standarti un kontrastējošas krāsu izvēles
Kontrasts ir tikai viens no faktoriem, kas jāņem vērā, izvēloties krāsas savas vietnes dizainam. Izvēloties krāsas, visticamāk, jums būs jāņem vērā arī klienta zīmola standarti, neatkarīgi no tā, vai tas ir uzņēmums, cita organizācija vai pat indivīds. Lai gan krāsu paletes var būt saskaņā ar organizācijas zīmola vadlīnijām, tās var netulkot labi tiešsaistes prezentācijai.
Piemēram, dzelteni un spilgti zaļumi ir ārkārtīgi sarežģīti efektīvi izmantot vietnēs. Ja šīs krāsas ir uzņēmuma zīmola vadlīnijās, tās, visticamāk, būs jāizmanto tikai kā akcentējošās krāsas, jo ir grūti atrast krāsas, kas labi kontrastē ar abām.
Līdzīgi, ja jūsu zīmola krāsas ir melnbaltas, tas nozīmē lielu kontrastu, bet, ja jums ir vietne ar lielu teksta daudzumu, melna fons ar baltu tekstu lasīšanu padarīs par ļoti apgrūtinošu pieredzi, neskatoties uz raksturīgo kontrasta starp melnādaino un melno balts. Šajā gadījumā ieteicams krāsas apgriezt otrādi, izmantojot melnu tekstu uz balta fona. Tas var nebūt vizuāli tik interesants, taču tā ir daudz labāka kontrasta un lasāmības izvēle.