Та интерфейсдээ хэрэглэгчийн нүдийг татдаг өнгө хэрэглэж байна уу?

Хэрэв та арын дэвсгэр дээрээ тод, ханасан өнгийг ашиглавал хэрэглэгч таны хуудсанд зарцуулах хугацааг багасгана. Хурц, баялаг өнгө нь хүмүүсийн анхаарлыг татдаг. Гэхдээ ийм өнгө ашиглах нь их хэмжээгээрхэрэглэгчийн нүдийг маш ихээр татдаг.

Та аль чанга яригчийг удаан харж болох вэ?

Жишээ. Дээрх зурган дээрх өнгийг сайтар ажиглаарай.

Зүүн багана нь хамгийн их тод, ханасан өнгийг агуулдаг. Баруун багана нь 80% -тай тэнцэх тод, ханасан өнгийг агуулдаг.

Зүүн баганад анхаарлаа хандуулах нь баруун талынхаас бага байх болно тод өнгөнүдэнд маш их дарамт учруулдаг.

Гэрэл ба ханасан байдал

Гэрэлт байдал ба ханалт нь өөр өөр өнгөний шинж чанар юм. Эхний шинж чанар нь хэр их цагаан эсвэл хар өнгөтэй холилдсоныг илэрхийлдэг. Хоёрдахь шинж чанар нь өнгөт хэр их саарал өнгө агуулагддаг вэ?

Гэрэлтүүлгийг нэмэгдүүлснээр та ханасан байдлыг бууруулдаггүй. Ханасан байдлыг багасгахад та саарал өнгийн сүүдэртэй өнгийг холино. Гэрэлтүүлгийг нэмэгдүүлснээр өнгө нь цайвар өнгөтэй болдог ч саарал өнгөтэй болдоггүй.

Дээд талд: гэрэлтүүлгийг нэмэгдүүлэх - илүү цагаан. Доод тал: Ханалт буурах - илүү саарал

Анхаарал татах, сэрээхэд өнгө үзүүлэх нөлөө

“Өнгө, ханасан байдал, гэрэлтэлтийн нөлөө” судалгааны үр дүнгээс үзэхэд өндөр ханасан, гэрэлтдэг өнгө татдаг болохыг тогтоожээ. хамгийн их анхаарал хандуулдаг. Энэхүү судалгааны зохиогч эдгээр өнгөний шинж чанар нь сүүдэр гэхээсээ илүү анхаарал татахуйц чухал ач холбогдолтой гэж дүгнэжээ.

"Өнгөний ханалтын сэрэл нөлөө" ба "Өнгө ба сэтгэл хөдлөл" гэсэн өөр хоёр судалгаагаар ханасан өнгө нь хамгийн их сэрэлтэй холбоотой болохыг тогтоожээ. Өнгө нь сэрэлд нөлөөлдөг ч ханасан байдал, тод байдал нь хамгийн хүчтэй нөлөө үзүүлдэг.

Товчлуур дээр тод, баялаг өнгийг ашигла

Хурц, ханасан өнгө нь хэрэглэгчийн анхаарлыг татдаг боловч удаан хугацаагаар барьж болохгүй. Эдгээр өнгийг ашиглах нь хэрэглэгчийн хажууд хашгирахтай адил юм. Та хэсэг хугацаанд л тэдний анхаарлыг татах болно.

Тиймээс та ийм өнгийг зөвхөн хэрэглэгчийн үйлдэл шаарддаг интерфейсийн элементүүдэд ашиглах хэрэгтэй - жишээлбэл, товчлуурууд. Эдгээр өнгө нь хэрэглэгчийн анхаарлыг удирдлагад хандуулж, зөв ​​цагт нь олоход хялбар болгоно.

Зүүн талд: Арын дэвсгэр нь тод, ханасан. Тиймээс товчлуур дээр биш харин арын дэвсгэр дээр бүх анхаарлаа хандуулдаг. Баруун: Товчлуур нь тод, ханасан өнгийг ашигладаг. Энэ нь хэрэглэгчийн анхаарлыг татдаг

Арын дэвсгэрийн хувьд бараан, ханасан өнгө багатай өнгө хэрэглээрэй

Хийсэн нь дээр дэвсгэр өнгөбараан, бага ханасан. Өнгө нь бараанрах тусам цагаан агууламж буурдаг. Ханалт буурах үед саарал өнгө нэмэгддэг.

Үүссэн дэвсгэр нь хэрэглэгчийн анхаарлыг хуудас дээрх текст эсвэл контентоос сарниулахгүй. Энэ нь хэрэглэгчийг анхаарал сарниулахгүйгээр хуудсыг хялбархан унших боломжийг олгодог.

Зүүн талд: Нүдэнд тааламжгүй. Арын дэвсгэр нь тод, баялаг юм. Зүүн талд байгаа зураг дээрх хамгийн их тод байдал, ханасан байдал. Баруун: Нүдэнд амархан. Арын дэвсгэр нь бараан, ханасан байдал багатай. Гэрэлтүүлэг, ханасан байдал бага байна

Хамгийн оновчтой дэвсгэр өнгийг олох

Та өөрийн дэвсгэр өнгөнд ашиглаж болох олон тод байдал, ханалтын харьцаа байдаг. Өнгөний загваруудын сүлжээг үүсгэх нь хамгийн оновчтой дэвсгэр өнгийг олоход тусална.

Эхлээд үндсэн өнгийг сонгоод түүний тод байдал, ханалтыг дээд зэргээр тохируулна уу. Өнгөний утгыг хадгалж, үйлчилнэ хяналтын цэггэрэл гэгээ, ханасан байдлыг тохируулах.

Үндсэн өнгөний сүүдрийг (царайг) олшруулж, ханасан байдал, тод байдал багатай дөрвөн шинэ өнгөний дээжийг үүсгэнэ.

Хоёр үүсгэсэн өнгөт схемийн гэрэлтүүлгийн түвшинг бууруулна уу. Мөн бусад хоёр дээжийн ханалтыг бууруулна. Өнгийг тохируулахдаа арав дахин нэмэгдэнэ.

Ханасан өнгөний дээжийг тод байдал ба ханалтыг 100% болгож анхны өнгөний зүүн талд байрлуулна. Баруун талд хамгийн бага ба хамгийн их гэрэлтэй өнгөт схемүүдийг байрлуул.

Одоо өнгөт схемийн хоёр дахь эгнээ үүсгэ. Өнгөний эхний эгнээтэй харьцуулахад тод байдал, ханасан байдлыг багасгах. Утгыг бууруулахдаа өнгөний багц бүрт ижил утгыг ашиглана.

Үүний үр дүнд хоёр дахь эгнээнд байгаа өнгөний аль нь ч 100% ханасан, гэрэл гэгээтэй байдаггүй. Энэ нь эдгээр өнгө нь ажилд хэрэглэхэд хамгийн тохиромжтой гэсэн үг юм.

Хэрэв та үр дүндээ сэтгэл хангалуун бус байвал өнгөний өөр эгнээ үүсгэхийг оролдож болно. Үүнийг хийхийн тулд гурав дахь түвшний өнгөт схемийг үүсгэж, тус бүрийн тод байдал, ханалтын утгыг бууруулна уу.

Та одоо өөр өөр тод, ханалтын харьцаатай нийт найман оновчтой өнгөтэй боллоо.

Вэб сайтын арын дэвсгэр дээр ашиглах сайн, муу өнгөний жишээ

Нүдэнд тааламжтай, тааламжтай хуудаснуудын жишээг доор харуулав. Жишээ хуудас бүрийг хэр удаан харж болохыг анхаарна уу.

Зүүн талд муу ногоон (Paic or Prismic) байна. Баруун талд нь сайн ногоон (

Арын дэвсгэр өнгө хангалттай чухал элементямар ч вэб хуудас. Эхлээд тэр асуудаг зөв сэтгэлийн байдалмөн сайтын ерөнхий байдал, хоёрдугаарт, энэ нь текстийн ойлголтыг хөнгөвчилдөг.

Вэб хуудасны дэвсгэр өнгийг тагийн bgcolor шинж чанарыг ашиглан тохируулдаг .

Жишээ 1: Арын өнгийг өөрчлөх

Өнгө нь арван зургаатын тоо эсвэл нэрээр нь зааж өгч болно.

Хэдийгээр та арын дэвсгэрийн хувьд ямар ч өнгийг зааж өгч болох ч ихэнх сайтууд цагаан дэвсгэр болон хар үсгийг хамгийн тогтсон сонголт болгон ашигладаг.

Арын зураг

Та ямар ч тохиромжтой зургийг дэвсгэр болгон ашиглаж болно. Арын дэвсгэр нь текстээс анхаарлыг сарниулахгүй байх ёстой, гэхдээ сайн холилдсон байх ёстой өнгөний схемвэб хуудсууд болон жижиг хэмжээтэй байж хурдан ачаална. Хэрэв дээрх бүх зүйлийг хийсний дараа та хуудсанд дэвсгэр зураг нэмэхийг хүсч байвал тагийн дэвсгэр шинж чанарыг ашиглах хэрэгтэй. .

Жишээ 2: Дэлгэцийн зураг нэмэх

Хэрэв зураг жижиг хэмжээтэйдэлгэцийн дэлгэцийг хэвтээ болон босоо байдлаар хуулбарлах болно.

Дэвсгэр зураг дэвсгэрийн өнгөнөөс удаан ачаалагддаг тул зураг ачаалагдах хүртэл хэсэг хугацаанд унших боломжгүй текст гарч ирж магадгүй юм. Хөтөч дээр зургийг идэвхгүй болгосон тохиолдолд ижил зүйл тохиолдож болно. Тиймээс арын дэвсгэрийн өнгийг дэвсгэр зургийн хамт тохируулахыг зөвлөж байна (жишээ 3).

Жишээ 3: Арын дэвсгэр зураг болон дэвсгэр өнгө ашиглах

Тогтмол дэвсгэр

Анхдагч байдлаар, гүйлгэх мөрийг ашиглах үед дэвсгэр зураг вэб хуудасны агуулгатай хамт хөдөлдөг. Internet Explorer нь bgproperties = "fixed" хаягийн атрибутыг ашиглан арын дэвсгэрийг засах боломжийг олгодог .

Жишээ 4: Тогтмол дэвсгэрийг тохируулах

Жишээ 4-т үзүүлсэн шиг bgproperties шинж чанарыг зааж өгснөөр вэб хуудасны дэвсгэр зураг хөдөлгөөнгүй хэвээр байх боловч текст, график болон бусад элементүүд гүйлгэх самбараар хөдөлнө.

Та интерфэйсдээ хэрэглэгчийн нүдийг татдаг өнгийг сонгож байна уу?

Хэрэв та арын дэвсгэр дээр тод, ханасан өнгө ашиглавал хэрэглэгчдийн амьдралыг хүндрүүлнэ: тэр даруй хуудсыг үзэхэд хэцүү болно. Хурц, баялаг өнгө нь хамгийн их анхаарал татдаг. Гэхдээ ийм тод өнгө их байвал нүдний торлог бүрхэвч дээр ачаалал ихэсдэг тул нүдээ хэт чангалах хэрэгтэй болдог.

Жишээлбэл, дээрх зурган дээрх өнгөт схемүүдийг харна уу. Зүүн багана нь хамгийн их тод, ханасан өнгөнөөс бүрдэнэ. Баруун багана нь 80% тод, 80% ханасан өнгөнөөс бүрдэнэ. Хурц, ханасан өнгө нь таны нүдэнд маш ширүүн байдаг тул зүүн баганын хүлцэл баруунаас бага байх болно.

Вэб сайт эсвэл програмын арын дэвсгэр дээр яагаад тод өнгө хэрэглэж болохгүй талаар ярилцъя. Тийм ээ, өнөөдөр энэ бол шинэ чиг хандлага юм - гэрэлтүүлгийг бүрэн дүүрэн өгөх. Гэхдээ та үргэлж хувцасны загварыг дагаж мөрдөх шаардлагагүй, ялангуяа энэ нь галзууралтай хиллэдэг эсвэл таны бүтээгдэхүүний хэрэглээнд саад учруулж байвал.

Онолоос эхэлье.

Гэрэлт байдал Vs. Ханалт

Гэрэлт байдал ба ханасан байдал өөр өөр шинж чанаруудөнгө. Эхнийх нь хэр их цагаан эсвэл хар холилдсон байдаг энэ өнгө, харин хоёр дахь нь саарал өнгөний хэмжээг илэрхийлдэг.

Гэрэлтүүлгийг нэмэгдүүлснээр ханасан байдал бас буурна гэсэн үг биш юм. Ханасан байдлыг багасгахад та өнгийг саарал сүүдэр болгон хувиргадаг. Гэрэлтүүлгийг нэмэгдүүлэх үед та өнгөт бүрэлдэхүүн хэсгийн хэмжээг ихэсгэх боловч өнгийг саарал болгож болохгүй ().

Бүрэн өнгөт зургийн контурын тод байдлыг засах онцлог

1. Өнгөний өнгөболон ханалт

2. Контурын тод байдал

3. Автомат засвар

Өнгөний дэвсгэр ба ханасан байдал

Дараа нь өнгө засахзургийн гажуудлыг арилгах шаардлагатай эсвэл дагуу ядаж, мэдэгдэхүйц буурсан. Гэхдээ өнгөний ханалт хангалтгүй байж магадгүй юм. Энэ тохиолдолд та ханасан байдлыг засах аргыг ашиглах хэрэгтэй.

Энэ аргыг график засварлагчдад HSL өнгөт загварт дүрс засах хэлбэрээр хэрэгжүүлдэг.

Энэхүү компьютерийн өнгөт загвар нь зарчмын хувьд HSB (HSV)-тай төстэй. Гэхдээ түүний гол үзүүлэлтүүд нь өнгө, хөнгөн, ханасан байдал юм. Хэрэв бид HSL өнгөт загварыг дүрсээр төсөөлвөл энэ нь давхар (туссан) зургаан өнцөгт конус болно. Үүний үндэс нь HSB-ийнхтэй адил юм үндсэн өнгө, ба оройнууд: цагаан өнгө, ханалтаар хянагддаг, хар өнгөтэй, хөнгөнөөр тодорхойлогддог. Тиймээс HSL өнгөт загвар нь өнгө, ханалт, тод байдлын зөн совингийн ойлголтуудын хамгийн хүчирхэг жишээнүүдийн нэг юм.

Зурган дээрх эсвэл түүний сонгосон хэсэгт өнгөний ханалтыг нэмэгдүүлэх нь пикселийн өнгөний томъёоны S параметрийн утгыг нэмэгдүүлэх замаар хийгддэг.

HSL өнгөт загварт дүрс засах интерфейсийн жишээ

Өсөх үед өнгөний ханалтЗургийг харуулахаар төлөвлөж буй төхөөрөмжийн өнгөний хүрээнээс хэтрүүлэхгүй байхыг анхаарах хэрэгтэй.

Ердийн өнгөний ханалт

Өнгөний хүрээнээс давж гарах

Хөнгөн байдал, өнгөний ханалтыг засахын тулд зургийг HSL өнгөний загвар руу хөрвүүлэх шаардлагагүй, гэхдээ контурын хурц тод байдлыг засах нь ашигтай байж болох юм.

Цэсний байршил Маск маск

Шүүлтүүрийн үр дүнд программ нь зургийн хуулбарыг хийж, хуулбарлах хэсгүүдэд өнгө, өнгө аясыг ихээхэн өөрчилдөг (хурц шилжилт, хүчтэй тодосгогч) болон тэдгээрийн ирмэгийг хурцалж, тод байдлыг нэмэгдүүлэхэд хүргэдэг; контур ("хил дээр" ялгаатай) ба үлдсэн ("хавтгай") хэсгүүдэд нөлөөлөхгүй. Энэхүү тод дүрс дээр үндэслэн тод бус маск үүсгэж, бага зэрэг бүдгэрсэн анхны зураг дээр наасан байна.

Контурын тод байдлыг нэмэгдүүлэхийг дуурайлган хийхдээ контурын дагуу багассан болон нэмэгдсэн гэрэлтэй пикселийн хэсгүүдийг байгуулдаг. Бүрэн өнгөт зургийн пиксел дээр үүнийг хийснээр өнгөний гажуудал үүсч, ирмэгийн дагуу өнгөгүй тууз гарч ирнэ. IN компьютер графикИйм олдворыг өнгөт гало эсвэл өнгөт гало гэж нэрлэдэг .