Përdorimi i ngjyrave të kundërta dhe ngjyrave të sfondit në hartimin e uebit

Përmirëso lexueshmërinë e faqes tënde dhe përvojën e përdoruesit me kontrast adekuat

Kontrasti luan një rol të rëndësishëm në suksesin e dizajnit të çdo faqeje interneti. Nga tipografia e kësaj faqeje , tek imazhet e përdorura në të gjithë vendin, në kontrast midis elementëve të planit të parë dhe ngjyrave të sfondit - një vend i dizajnuar mirë duhet të ketë kontrast adekuat në të gjitha këto fusha për të siguruar një përvojë cilësore të përdoruesit dhe suksesin në një kohë të gjatë.

Kontrasti i ulët është i barabartë me një përvojë të dobët leximi

Faqet e internetit që janë shumë të ulëta në kontrast mund të jenë të vështira për t'u lexuar dhe përdorur, gjë që do të ketë një ndikim negativ në suksesin e çdo faqeje. Çështjet e dobëta të kontrastit të ngjyrës shpesh janë të lehta për t'u identifikuar. Ju zakonisht mund ta bëni këtë vetëm duke shikuar një faqe që është dhënë në një shfletues web dhe mund të shihni nëse teksti është shumë i vështirë për t'u lexuar për shkak të zgjedhjes së dobët të ngjyrave. Megjithatë, ndërkohë që mund të jetë e lehtë të përcaktohet se cilat ngjyra nuk funksionojnë mirë së bashku, në të vërtetë mund të jetë shumë sfiduese për të vendosur se cilat ngjyra funksionojnë mirë në kontrast me të tjerët. Ju nuk mund të bëni atë që nuk punon, por si do të përcaktoni se çfarë funksionon? Imazhi në këtë artikull duhet t'ju ndihmojë të tregoni një larmi ngjyrash të ndryshme dhe si ato dallojnë si ngjyra e përparme dhe e sfondit. Ju mund të shihni disa "good" pairings dhe disa "pairing" të dobët, të cilat do t'ju ndihmojnë të bëni zgjedhjen e duhur të ngjyrave në projektet tuaja.

Lidhur me kontrastin

Një gjë që ju duhet të vini re është se kontrasti është më shumë se sa ngjyra e ndritshme krahasohet me sfondin. Siç duhet parë në atë imazh të lartpërmendur, disa prej këtyre ngjyrave janë shumë të ndritshme dhe shfaqen në mënyrë të gjallë në ngjyrën e sfondit - të tilla si blu në të zezë, por unë ende e etiketova atë si një kontrast të dobët. E bëra këtë sepse, edhe pse mund të jetë e ndritshme, kombinimi i ngjyrave e bën tekstin të vështirë për t'u lexuar. Nëse do të krijonit një faqe në të gjithë tekstin blu në një sfond të zi, lexuesit tuaj do të kishin shumë vështirësi. Kjo është arsyeja pse kontrasti nuk është vetëm bardhë e zi (po, që pun ishte menduar). Ka rregulla dhe praktika më të mira për kontrast, por si projektues duhet gjithmonë t'i vlerësoni këto rregulla për të siguruar që ata të punojnë në instancën tuaj të veçantë.

Zgjedhja e ngjyrave

Kontrasti është vetëm një nga faktorët që duhet marrë parasysh kur zgjedhni ngjyrat për dizajnin e faqes suaj, por është një gjë e rëndësishme. Gjatë zgjedhjes së ngjyrave, jini të ndërgjegjshëm për standardet e markës për kompaninë, por gjithashtu dëshironi të adresoni paletat e ngjyrave që, ndonëse mund të jenë në përputhje me udhëzimet e markave të një organizate, nuk funksionojnë mirë në internet. Për shembull, unë kam gjetur gjithmonë zarzavate të verdhë dhe të ndritshme për të qenë jashtëzakonisht sfiduese për t'u përdorur në mënyrë efektive në faqet e internetit. Nëse këto ngjyra janë në udhëzimet e markës së një kompanie, ato do të duhet të përdoren vetëm si ngjyra të theksuara, pasi është e vështirë të gjesh ngjyra që dallojnë mirë ose me të.

Ngjashëm, nëse ngjyrat e markave tuaja janë të zeza dhe të bardha, kjo do të thotë kontrast i madh, por nëse keni një faqe me shuma të gjata teksti, duke pasur një sfond të zi me tekst të bardhë, do të bëjë leximin shumë të vështirë. Edhe kontrasti midis zezë dhe të bardhë është i madh, teksti i bardhë në një sfond të zi shkakton tendosje të syve për pasazhe të gjata. Në këtë rast, unë do të ndryshoja ngjyrat për të përdorur tekstin e zezë në një sfond të bardhë. Kjo nuk mund të jetë aq e interesuar, por ju nuk do të gjeni kontrast më të mirë se kaq!

Mjete Online

Përveç sensit tuaj të dizajnit, ka disa mjete online që mund t'i përdorni për të testuar zgjedhjen e ngjyrës së faqes suaj.

CheckMyColors.com do të testojë të gjitha ngjyrat e faqes suaj dhe do të raportojë mbi raportin e kontrastit mes elementeve në faqe.

Përveç kësaj, kur të mendoni për zgjedhjet e ngjyrave, duhet të merrni në konsideratë edhe aksesin e internetit dhe njerëzit që kanë forma të verbërisë së ngjyrave. WebAIM.org mund të ndihmojë me këtë, ashtu si mund KontrastChecker.com, i cili do të testojë zgjedhjet tuaja kundër udhëzimeve të WCAG.