Эсвэл програм эсвэл вэбсайтад харанхуй горимыг хөгжүүлэхэд юуг анхаарах хэрэгтэй вэ
2018 он харанхуй горимууд явж байгааг харуулсан. Одоо бид 2019 оны тал руугаа явж байгаа тул тэд энд байна, хаа сайгүй байна гэж итгэлтэйгээр хэлж чадна.
Харанхуй горим нь огт шинэ ойлголт биш гэдгээс эхэлье. Энэ нь нэлээд удаан хугацаанд ашиглагдаж байна. Нэгэн цагт, үнэн хэрэгтээ, удаан хугацааны туршид энэ нь тэдний ашигладаг цорын ганц зүйл байсан: мониторууд нь "хар дээр ногоон" төрөл байсан, гэхдээ зөвхөн доторх гэрэлтдэг бүрхүүл нь цацраг туяанд өртөх үед ногоон өнгөтэй туяа ялгаруулдаг байсан. .
Гэхдээ өнгөт дэлгэцийг нэвтрүүлсний дараа ч харанхуй горим байсаар байв. Яагаад ийм байна вэ?
Өнөөдөр хоёр дахь хүн бүр програмдаа харанхуй сэдвийг нэмэх гэж яарч байгаагийн хоёр үндсэн шалтгаан бий. Юуны өмнө: компьютер хаа сайгүй байдаг. Бидний хаашаа ч харсан нэг төрлийн дэлгэц байдаг. Бид өглөөнөөс орой болтол гар утсаа ашигладаг. Харанхуй горим байгаа нь таныг унтахынхаа өмнө "сүүлчийн удаа" нийгмийн сүлжээгээ гүйлгэн хэвтэхэд нүдний ядаргааг бууруулдаг. сүлжээнүүд. (Хэрэв та надтай адил бол "сүүлчийн удаа" гэдэг нь 3 цагийн гүйлгэх гэсэн үг юм . Харанхуй горим уу? Тийм ээ, гуйя! )
Өөр нэг шалтгаан нь дэлгэцийн үйлдвэрлэлийн шинэ технологи юм. Apple, Google, Samsung, Huawei зэрэг томоохон компаниудын тэргүүлэх загварууд бүгд OLED дэлгэцээр тоноглогдсон бөгөөд LCD дэлгэцээс ялгаатай нь арын гэрэлтүүлэг шаарддаггүй. Энэ нь таны батерейны хувьд үнэхээр сайн мэдээ юм. Та утсан дээрээ хар дөрвөлжин дүрсийг харж байна гэж төсөөлөөд үз дээ; LCD дэлгэцтэй бол ихэнх хэсэг нь хар байсан ч арын гэрэл нь дэлгэцийг бүхэлд нь гэрэлтүүлнэ. Гэхдээ OLED дэлгэц дээр ижил дүрсийг үзэхэд хар дөрвөлжин хэсгийг бүрдүүлдэг пикселүүд зүгээр л унтардаг. Энэ нь тэд огт эрчим хүч хэрэглэдэггүй гэсэн үг юм.
Эдгээр төрлийн дэлгэцүүд нь харанхуй горимыг илүү сонирхолтой болгодог. Харанхуй интерфэйсийг ашигласнаар та төхөөрөмжийн батерейны хугацааг мэдэгдэхүйц уртасгах боломжтой. . Харанхуй горимууд нь мэдээжийн хэрэг UI-ийн өөрчлөлттэй зэрэгцэн оршдог тул мэдлэгээ баяжуулцгаая!
Харанхуй горимууд 101
Юуны өмнө: "харанхуй" нь "хар"-тай ижил биш юм. Цагаан дэвсгэрийг хараар солихыг бүү оролд, учир нь энэ нь сүүдэр ашиглах боломжгүй болно. Ийм загвар нь хэт хавтгай байх болно (муу байдлаар).
Сүүдэрлэх / гэрэлтүүлэх үндсэн зарчмуудыг санаж байх нь чухал. Илүү өндөрт байгаа объектууд нь сүүдэрт илүү хөнгөн байх ёстой бөгөөд энэ нь бодит амьдрал дээрх гэрэлтүүлэг, сүүдэрийг дуурайдаг. Энэ нь өөр өөр бүрэлдэхүүн хэсгүүд болон тэдгээрийн шатлалыг ялгахад хялбар болгодог.
Сүүдэртэй хоёр ижил саарал дөрвөлжин, нэг нь 100% хар дэвсгэр дээр, нөгөө нь #121212 дээр. Объект дээшлэх тусам энэ нь илүү цайвар саарал өнгөтэй болно.
Харанхуй загварт тодосгогч нь хэвийн байвал та ердийн үндсэн өнгөөрөө ажиллах боломжтой. Үүнийг жишээгээр тайлбарлая.
Энэ интерфэйсийн гол үйлдэл бол доод талын мөрөнд байрлах том цэнхэр товчлуур юм. Гэрэл эсвэл бараан горимд шилжихэд тодосгогчийн хувьд ямар ч асуудал байхгүй, товчлуур нь анхаарал татсан хэвээр, дүрс нь тодорхой, ерөнхийдөө бүх зүйл хэвийн байна.
Нэг өнгийг янз бүрийн аргаар, жишээлбэл, текст дээр ашиглах үед асуудал гарах болно. Үндсэн өнгөний (их) бага ханасан сүүдрийг ашиглаж үзээрэй, эсвэл брендийн өнгийг интерфэйс рүү оруулах өөр аргыг хайж олоорой.
Зүүн талд: Хар дээр улаан муухай харагдаж байна. Баруун талд: ханалтыг бууруулж, бүх зүйл сайхан харагдаж байна. - ойролцоогоор. орчуулга
Анхааруулга эсвэл алдааны өнгө гэх мэт таны хэрэглэж байсан бусад хүчтэй өнгөт мөн адил хамаарна. Google нь алдааны үндсэн өнгөний дээр 40% цагаан давхаргыг ашигладаг харанхуй горимд шилжих үед. Энэ нь AA стандартад нийцүүлэхийн тулд тодосгогч түвшинг сайжруулахад маш сайн эхлэл юм. Мэдээжийн хэрэг та тохиргоог хүссэнээрээ өөрчилж болно, гэхдээ тодосгогч түвшинг шалгахаа мартуузай. Дашрамд хэлэхэд, энэ зорилгоор хэрэгтэй хэрэгсэл бол Sketch залгаас юм - , энэ нь 2 давхаргын хооронд яг ямар их ялгаатай байгааг харуулж байна.
Текстийн талаар юу хэлэх вэ?
Энд бүх зүйл энгийн: юу ч 100% хар, 100% цагаан байх ёсгүй, мөн эсрэгээр. Цагаан өнгө нь бүх долгионы урттай гэрлийн долгионыг тусгадаг, хар нь шингээдэг. Хэрэв та 100% цагаан текстийг 100% хар дэвсгэр дээр байрлуулах юм бол үсгүүд гэрэл тусах, түрхэх, уншихад муу болох нь уншихад сөргөөр нөлөөлнө.
100% цагаан дэвсгэрт мөн адил хамаарна, энэ нь үгэнд бүрэн төвлөрөхөд хэт их гэрэл тусдаг. Цагаан өнгийг бага зэрэг зөөлрүүлж үзээрэй, арын дэвсгэр дээр цайвар саарал өнгийг, хар дэвсгэр дээр бичвэрийг ашигла. Энэ нь нүдний ачааллыг бууруулж, урьдчилан сэргийлэх болно
Харанхуй горим энд байгаа бөгөөд алга болохгүй
Дэлгэцийн өмнө өнгөрүүлэх цаг тасралтгүй нэмэгдэж байгаа бөгөөд шинэ өдөр бүр бидний амьдралд шинэ дэлгэц гарч ирэх бөгөөд сэрэхээс эхлээд унтах хүртэл. Энэ бол нэлээд шинэ үзэгдэл бөгөөд оройн цагаар дэлгэцийн цаг нэмэгдэхэд бидний нүд хараахан дасаагүй байна. Энд харанхуй горим гарч ирдэг. Энэ функцийг macOS болон Material Design-д (мөн хамгийн их магадлалтай iOS-д) нэвтрүүлснээр энэ нь эрт орой хэзээ нэгэн цагт гар утас болон ширээний бүх программуудад анхдагч болно гэдэгт бид итгэж байна. Мөн үүнд бэлэн байх нь дээр!
Харанхуй горимыг хэрэгжүүлэхгүй байх цорын ганц шалтгаан нь таны програмыг зөвхөн тод өдрийн гэрэлд ашигладаг гэдэгт 100% итгэлтэй байх явдал юм. Гэсэн хэдий ч энэ нь ихэвчлэн тохиолддоггүй.
Өмнө нь хураангуйлсан үндсэн зарчмуудаас гадна харанхуй горимыг хэрэгжүүлэхэд онцгой анхаарал шаарддаг хэд хэдэн зүйлийг дурдах нь зүйтэй.
Хүртээмжтэй байдлын хувьд харанхуй горим нь хамгийн тохиромжтой биш, учир нь тодосгогч нь ерөнхийдөө бага байдаг бөгөөд энэ нь унших чадварыг огт сайжруулдаггүй.
Гэхдээ та унтахаар бэлдэж байна гэж төсөөлөөд үз дээ, та үнэхээр унтахыг хүсч байна, гэхдээ унтахынхаа өмнө та хэн нэгэнд нэг шөнө ч гэсэн хүлээх боломжгүй маш чухал мессеж илгээх хэрэгтэй гэдгийг санаарай. Та утсаа аваад, асаагаад ААААА... таны iMessage-ийн цайвар дэвсгэр нь таныг дахин 3 цагийн турш сэрүүн байлгах болно. Харанхуй дэвсгэр дээрх цайвар бичвэрийг хамгийн хүртээмжтэй гэж тооцдоггүй ч яг энэ секундэд харанхуй горимтой байх нь танд туслах болно. ая тухтай байдлыг нэг саяар нэмэгдүүлэх. Энэ бүхэн тухайн хэрэглэгчийн ямар нөхцөл байдлаас хамаарна.
Тийм учраас бид бодож байна автомат харанхуй горим ийм сайхан санаа байна. Орой нь асдаг, өглөө нь унтардаг. Хэрэглэгч энэ тухай бодох ч шаардлагагүй бөгөөд энэ нь маш тохиромжтой. Твиттер харанхуй горимын тохиргоогоороо маш сайн ажилласан. Нэмж дурдахад эдгээр бүх OLED дэлгэцүүдэд зөвхөн харанхуй горим, бүр бараан горим хоёулаа байдаг бөгөөд батарей болон үүнтэй холбоотой бүх зүйлийг хэмнэдэг. Энд анхаарах нь чухал: хэрэглэгчдэд хүссэн үедээ гараар солих боломжийг олго: буцааж солих чадваргүйгээр интерфэйсийг автоматаар өөрчлөхөөс илүү муу зүйл байхгүй.
Твиттер нь оройн цагаар асдаг, өглөө нь унтардаг автомат харанхуй горимтой.
Түүнчлэн, сэдвийг боловсруулахдаа зарим зүйлийг зүгээр л харанхуй болгох боломжгүй гэдгийг санах нь зүйтэй.
Pages гэх мэт текст засварлагчийг аваарай. Та интерфэйсийг харанхуй болгож болно, гэхдээ хуудас нь жинхэнэ цаасыг дуурайлган үргэлж цагаан өнгөтэй байх болно.
Харанхуй горимыг идэвхжүүлсэн хуудсууд
Sketch эсвэл Illustrator гэх мэт бүх төрлийн контент бүтээх засварлагчдад мөн адил хамаарна. Хэдийгээр интерфэйсийг бараан болгож болох ч, таны ажилладаг самбар үргэлж цагаан өнгөтэй байх болно.
Харанхуй горимд ноорог зурж, тод цагаан ажлын самбартай хэвээр байна.
Тиймээс ямар ч программ үл хамааран харанхуй горим нь таны ашигладаг үйлдлийн системд үүснэ гэдэгт бид итгэлтэй байгаа бөгөөд энэ нь ирээдүйд бэлтгэх нь дээр гэсэн үг юм. харанхуй болно.
Хэрэв та харанхуй UI-г хөгжүүлэх талаар илүү ихийг мэдэхийг хүсвэл удирдамжтай танилцана уу , энэ нь энэ нийтлэлийн мэдээллийн гол эх сурвалж байсан.
Эх сурвалж: www.habr.com