Дизайни барномаҳои мобилӣ: 14 Схемаҳои рангӣ

04.03.2021 Автор: mukhbira

Имрӯзҳо дизайни барномаҳои мобилӣ барои ҳар як ширкат хеле муҳим аст, агар мақсади пешниҳоди UX-и беҳтарин дошта бошад. Тибқи тадқиқотҳо, истифодабарандагон 89% -и вақти худро ба   истифодаи барномаҳои мобилӣ сарф мекунанд. Ин хеле зиёд аст! Беш аз 50% одамон ҳангоми бедор шудан, фавран ба истифодаи телефонҳои мобилии худ шурӯъ мекунанд. Ин маълумот аҳамияти дизайни барномаҳои мобилиро ба таври назаррас афзоиш медиҳад.

Рангҳои дар дизайни барномаҳои мобилӣ истифодашаванда нақши муҳимро мебозанд. Интихоби рангҳои дуруст натанҳо ба муқаррар кардани рӯҳияи барномаи шумо кӯмак мекунад, то ки истифодабарандагон онро чи тавре, ки шумо мехоҳед қабул кунанд. Он инчунин ба истифодабарандагон  дар истифодаи элементҳо, ва дар дарк кардани амалҳои муҳим дар дохили барнома кӯмак мерасонад.

Ҳангоми интихоби схемаи рангҳо ва рангҳои асосӣ дизайнерҳо метавонанд ду роҳро пеш гиранд: рангҳои анъанавӣ ва махсус. Схемаи анъанавӣ рангҳои: якранг (монохром), триада, иловагӣ ва мураккабро дар бар мегиранд. Схемаи махсус  бошад як соҳаи таҷрибаҳои доимо рушдёбанда мебошад.   Мушкилоти асосӣ интихоби схемаи рангҳо мебошад, ки ба қадри кофӣ мӯд аст ва ҳамзамон истифодаи барномаҳои мобилиро самаранок дастгирӣ мекунад. Вазифаи асосӣ дар интихоби схемаи рангҳо  барномаҳои мобилӣ ин замонавӣ ва қулай будани он мебошад.

Ба ҳар як схемаи ранг — чархи рангҳо хос аст. Бо якҷоя кардани рангҳои чарх, дизайнерҳо схемаи рангро эҷод мекунанд ва ба ин васила ба натиҷаи муайян ноил мешаванд. Биёед ба 14 схемаҳои рангии замонавие, ки дизайнерҳо бомуваффақият истифода мебаранд, назар андозем:

Тарроҳии барномаҳои мобилӣ: Нақшаи аналогӣ

Схемаи рангии аналогӣ яке аз рангҳои анъанавиест, ки тарроҳон истифода мебаранд. Ин маҷмӯи рангҳои ба ҳам алоқаманд аст, ки дар чархи ранг дар паҳлӯи якдигар ҷойгиранд. Одатан, як ранг бартарӣ дорад, дар ҳоле ки дигар ранг схемаи рангҳоро ғанитар мегардонад. Аммо, ҳамаи рангҳо дар нақшаи аналогӣ низ метавонанд дар баъзе тарҳҳо баробар истифода шаванд. Рангҳои шабеҳро дар табиат ёфтан осон аст. Онҳо хеле ҳамоҳанганд ва аз ин рӯ дар тарроҳии барномаҳои мобилӣ ба чашм хеле писанданд.

Схемаи рангҳои шабеҳ дар чархи рангҳо

Тарроҳии барномаҳои мобилӣ: Нақшаи якранг (монохром)

Схемаҳои якранг як ранги асосӣ, соя ва тобишҳои онро ҳамчун палитраи васеъ истифода мебаранд. Чунин схемаҳо ба чашм таъсири тасаллӣ мебахшанд, хусусан агар сабз ё кабуд истифода шаванд. Барои ба даст овардани тобиш ба ранги асосӣ сафед илова кунед, дар ҳоле ки барои сохтани сояҳо бояд сиёҳ ё хокистарӣ илова кунед. Бо схемаи якранг таҳиягарон метавонанд намуди оддӣ ҳамзамон мутобиқ ва базебӣ барномаҳои мобилиро ба даст оранд.

Рангҳои монохромӣ дар чархи рангҳо

Тарроҳии барномаҳои мобилӣ: Нақшаи сегона

Нақшаи рангаи сегона ба омезиши се ранг асос ёфтааст, ки дар чархи ранг баробар ҷойгиранд. Сирри муваффақияти нақшаи сегона дар он аст, ки як ранг бартаридошта ва дигаронро барои аксент истифода мебарем. Ҳамин тариқ, ҳамоҳангӣ дар нақшаи ранги сегона тавассути истифодаи мутавозуни тамоми рангҳо ба даст оварда мешавад.

Схемаи сегона дар чархи рангҳо

Тарроҳии барномаҳои мобилӣ: Рангҳои иловагӣ

Рангҳои иловагӣ дар тарафи муқобили чархи ранг ҷойгиранд. Намунаҳои рангҳои иловагӣ сурх ва сабз, норинҷӣ ва кабуд, зард ва арғувон мебошанд. Онҳо ба якдигар сахт муқобилат мекунанд. Ҳамин тариқ, дизайнерҳо рангҳои иловагиро, барои фарқ кунонидани ягон элементи UI истифода мебаранд.

Рангҳои иловагӣ дар чархи рангҳо

Тарроҳии барномаҳои мобилӣ: Схемаи рангҳои мураккаб

Схемаи рангии мураккаб инчунин бо номи тақсимоти иловагӣ маълум аст. Он ранги асосӣ ва ду ранги шабеҳро истифода мебарад. Схемаи рангии мураккаб мисли схемаи иловагӣ контрасти аст. Аммо, он нисбат ба cхемаи рангии иловагӣ диққати камтар дорад.

Схемаи рангии мураккаб дар чархи рангҳо

Тарроҳии барномаҳои мобилӣ: Сояҳои ранг

Сояҳо бо роҳи илова кардани сиёҳ ба ранги асосӣ сохта мешаванд. Нақшаи ранг бо истифода аз сояҳо ба шумо имкон медиҳад, ки дизайни ҷолибро ба даст оред. Сояҳои рангӣ барои ишора кардани баъзе элементҳои муҳими UI хеле самаранок мебошанд. Онҳо инчунин барои эҷоди робитаҳои визуалӣ муфиданд.  

Тарроҳии барномаҳои мобилӣ: Рангҳои махсус

Схемаҳои рангии фармоишӣ бояд бо истифода аз таҷриба бо чархи рангҳо бодиққат таҳия карда шаванд. Тарроҳони ботаҷриба метавонанд дар тарроҳии барномаҳои мобилӣ таркиби пешрафтаи рангро истифода баранд. Аммо, навомӯзон пеш аз ба таҷрибаҳои мураккаби ранг гузаштан бояд схемаҳои анъанавии рангро азбар кунанд. Дизайнҳои бомуваффақияти барномаҳои мобилӣ аксар вақт рангҳои ҳадди аққал (1 ё 2) ва сояҳоро истифода мебаранд, зеро онҳо имкон медиҳанд, ки бо бренд робитаҳои визуалӣ зуд фароҳам оварда шавад.

Тарроҳии барномаҳои мобилӣ: тасвирҳои рангоранг

Истифодаи слайдҳо бо тасвирҳои рангоранг имрӯз як таҷрибаи хеле маъмули тарроҳии барномаҳои мобилӣ мебошад. Мисолҳои рангоранг махсусан дар интерфейсҳои мобилии минималист самаранок мебошанд. Онҳо одатан таъсири муқовимати қавӣ доранд ва ба ин васила барои ба таври возеҳ расонидани паёми бренд кӯмак мерасонанд. Тасвирҳои рангоранг дар тарҳрезии барномаҳои мобилӣ инчунин як андоза ҷаззобӣ ва ишва илова мекунанд. Онҳо истифодабарандагонро ба осонӣ мафтун мекунанд.

Тарроҳии барномаҳои мобилӣ: Градиентҳои рангоранг

Яке аз тамоюлҳои ҷолиб дар тарроҳии барномаҳои мобилии солҳои охир градиентҳои рангоранги иловагӣ мебошанд. Қаблан градиентҳои якранг як меъёр буданд, аммо имрӯз градиентҳои иловагии контрастии баланд доранд. Гузариш аз сурх ба норанҷӣ, арғувон ба кабуд имкон медиҳад, ки эффектҳои зебои визуалӣ ба даст оварда шаванд. Бо вуҷуди ин, истифодаи чунин градиентҳои рангаи дурахшон бо тасвири минималистӣ ва тасвирҳо муҳим аст.

Тарроҳии барномаҳои мобилӣ: Сиёҳ ва сояҳо

Тамоюли тарроҳии минималии барномаҳои мобилӣ боиси истифодаи минималии рангҳо гардид. Чӣ тавре ки либоси хурди сиёҳ рамзи зебогии мӯд шуд, ҳамин тавр ранги сиёҳ дар интерфейсҳои мобилӣ ҳоло нақши мураккаб мебозад. Гарчанде ки ранги сиёҳ ҳамеша аз тамоми тарҳ фарқ мекунад, дар якҷоягӣ бо сафед ва хокистарӣ метавонад нақшаи хеле контрастӣ эҷод кунад.

Тарроҳии барномаҳои мобилӣ: рангҳои пастел

Пастел, рангҳои хомӯшшуда дар дизайни барномаҳои мобилӣ як тамоюли олӣ аст. Дар асл, онҳо барои ба даст овардани тавозуни визуалӣ дар интерфейси истифодабарандагон кӯмак мерасонанд. Рангҳои дурахшони пастел барои истифодабарандагон ҳамоҳангиро таъмин мекунанд.

Тарроҳии барномаҳои мобилӣ: Нишонаҳои равшан

Имрӯзҳо дизайнерҳо иконографияи равшан ва серҳаҷмро барои фарқ кардани амалҳо ва элементҳо дар интерфейси мобилӣ истифода мебаранд. Нишонаҳо бо рангҳои равшан дар интерфейси мобилӣ таъсири баланди аёнӣ мерасонанд. Онҳо инчунин ба истифодабарандагон кӯмак мекунанд то ин ки ҷараёни кори барномаи мобилӣ, паём ва сенарияи истифодабарандагонро ба осонӣ дарк кунанд.

Тарроҳии барномаҳои мобилӣ: Сояи маҳин

Истифодаи сояҳои маҳин дар болои рангҳои хомӯшшуда ё сафед яке аз тамоюлҳои муассир дар нақшаҳои муосири рангҳои мобилӣ мебошад. Умуман, сояҳои маҳин, аммо рангоранг ба дизайнерҳо барои эҷоди эффектҳои аёнии ҷолиб ва зебо барои истифодабарандагон кӯмак мерасонанд.

Тарроҳии барномаҳои мобилӣ: Рангҳои контрастӣ (баланд)

Рангҳои баланди контрастӣ дар тарроҳии барномаҳои мобилӣ пас аз муаррифии Apple iPhone 7 пайдо шуданд. Фирӯзаи равшан, гулобӣ, сурх, кабуд дар интерфейсҳои муосири мобилии контрасти баланд таъсири назаррас доранд. Ғайр аз ин, барномаҳои мобилии дорои рангҳои контрастии баланд ба истифодабарандагон таъмин намудани таҷрибаи корбарон оид ба таъсири возеҳи равшан кӯмак мекунанд. Ғайр аз ин, барномаҳои мобилӣ бо рангҳои баланд ба истифодабарандагон таъсири возеҳи равшанро мусоидат мекунанд.