Выкарыстанне Кантрасныя колеру тэксту і фону ў вэб-дызайне

Паляпшэнне вашага сайта чытальнасць і карыстальніцкі вопыт адэкватнага кантрасту

Кантраст гуляе важную ролю ў поспеху дызайну любога вэб-сайта. Ад гэтага тыпаграфікі сайта , на малюнкі , якія выкарыстоўваюцца па ўсім сайце, каб кантраст паміж элементамі пярэдняга плана і колерам фону - добра распрацаваны сайт павінен мець дастатковую кантраснасць ва ўсіх гэтых галінах , каб забяспечыць вопыт карыстальніка і якасці доўгатэрміновага поспех сайта.

Нізкі кантраст Роўна бедным вопыт чытання

Сайты, якія з'яўляюцца занадта нізкімі, у адрозненне можа быць цяжка чытаць і выкарыстоўваць, што будзе мець негатыўны ўплыў на поспех любога сайта. Дрэнныя пытанні каляровага кантрасту часта лёгка ідэнтыфікаваць. Звычайна вы можаце зрабіць гэта, проста паглядзеўшы на старонку, якая адлюстроўваецца ў вэб-браўзэры, і вы можаце ўбачыць, калі тэкст занадта цяжка чытаць з-за дрэнны выбар колеру. Тым не менш, у той час як гэта можа быць лёгка вызначыць, якія колеру працуюць не вельмі добра разам, гэта сапраўды можа быць вельмі складаным, каб вырашыць, якія колеру працуюць добра, у адрозненне ад іншых. Вы не можаце, што не працуе, але як вы вызначаеце, што робіць працу? Найлепшае гэтым артыкуле, павінна дапамагчы паказаць вам розныя колеру і як яны кантрастуюць ў якасці пярэдняга плана і колеру фону. Вы можаце ўбачыць некаторыя "добрыя" спарвання і некаторы «дрэнны» спарванне, якія дапамогуць вам зрабіць правільны выбар колеру ў вашых праектах.

Што тычыцца кантрасту

Адна рэч, якую варта адзначыць, што кантраст больш, чым проста як яркія колеру ў параўнанні з фонам. Як вынікае бачыць у тым, што вышэйзгаданым малюнку, некаторыя з гэтых кветак вельмі яркія і праяўляюцца ярка на фоне колеру - напрыклад, сінія на чорным, але я да гэтага часу пазначаны як якія маюць дрэнны кантраст. Я зрабіў гэта, таму што, у той час як ён можа быць яркім, спалучэнне колераў яшчэ робіць тэкст цяжка чытаць. Калі вы павінны былі стварыць старонку ва ўсіх сіні тэкст на чорным фоне, вашы чытачы будуць мець глядзельнае напружанне вельмі хутка. Таму кантраст не толькі чорна-белы (так, каламбур меркавалася). Ёсць правілы і лепшыя практыкі для кантрасту, але ў якасці дызайнера вы заўсёды павінны ацаніць гэтыя правілы, каб пераканацца, што яны працуюць у вашым канкрэтным выпадку.

выбар колеру

Кантраст з'яўляецца толькі адным з фактараў, якія варта ўлічваць пры выбары колеру для дызайну вашага сайта, але гэта важны. Пры выбары колеру, мець ў выглядзе стандартаў брэнда для кампаніі, але і быць гатовыя да вырашэння каляровых палітраў, што, у той час як яны могуць быць у адпаведнасці з кіруючымі прынцыпамі брэнда арганізацыі, не працуюць добра ў Інтэрнэце. Напрыклад, я заўсёды знаходзіў жоўтыя і яркія зялёныя, каб быць вельмі складана эфектыўна выкарыстоўваць на вэб-сайтах. Калі гэтыя колеры ў кіраўніцтвах брэнд кампаніі, яны, верагодна, павінны быць выкарыстаны ў якасці акцэнту колеру толькі, так як цяжка знайсці колеру, якія добра кантрастуюць з любым.

Сапраўды гэтак жа, калі вашы фірмовыя колеры чорныя і белыя, гэта азначае вялікі кантраст, але калі ў вас ёсць сайт з доўгім колькасцю тэксту, якія маюць чорны фонам з белым тэкстам збіраецца зрабіць чытанне вельмі цяжка. Нават кантраст паміж чорным і белым вялікі, белы тэкст на чорным фоне выклікае напружанне вачэй для працяглых пераходаў. У гэтым выпадку, я б інвертаваць колеры, каб выкарыстоўваць чорны тэкст на белым фоне. Гэта не можа быць візуальна цікава, але вы не знойдзеце лепшы кантраст, чым гэта!

Онлайн-інструменты

У дадатку да ўласнага пачуццю дызайну, ёсць некаторыя інтэрнэт-інструменты, якія вы можаце выкарыстоўваць, каб праверыць выбар колеру вашага сайта.

CheckMyColors.com будзе праверыць усе колеру вашага сайта і паведамляць пра каэфіцыент кантраснасці паміж элементамі на старонцы.

Акрамя таго, калі думаць аб выбары колеру, вы павінны таксама разгледзець сайт даступнасць і чалавек, якія маюць форму барваслепасць. WebAIM.org можа дапамагчы з гэтым, як мага ContrastChecker.com, які будзе правяраць ваш выбар у дачыненні да кіруючых прынцыпаў WCAG.