Дизайн-система зі списком кольорів від Atlassian

@himarstime Це невпо­ряд­ко­ва­ний набір кольо­рів. Фішка наве­де­но­го мною набо­ру є вза­є­мо­зв’я­зок між кольо­ром і сфе­рою засто­су­ва­н­ня. Тоб­то, голу­бий – сфе­ра засто­су­ва­н­ня «дія» (поси­ла­н­ня, кно­пки – те що можно нати­сну­ти) – озна­чає «голов­ну дію». Для спо­ві­щень – цей колір озна­чає інфор­му­ю­че спо­ві­ще­н­ня. Якщо ста­тус – голу­бий озна­чає «в процесі».

Тоб­то замість писа­ти тестом «нажми для…», або «в про­це­сі» ти позна­ча­єш це кольо­ром. Колір запи­су­є­ться у під­сві­до­мо­сті що «бачу синій» зна­чить це озна­чає «дію», «інфор­му­ю­че пові­дом­ле­н­ня», «щось ще не догру­зи­ло­ся», «щось з помір­ним прі­о­рі­те­том», «озна­чає мене».

@lemmy про­сто ця схе­ма буде пра­цю­ва­ти на одно­му сай­ті, але не пра­цю­ва­ти­ме на іншо­му де змі­ни­ли поря­док кольо­рів або ще шось. В інстру­кції Атла­сі­а­на більш важли­во при­три­му­ва­тись послі­дов­но­сті вико­ри­ста­н­ня одно­го кольо­ру на пев­них еле­мен­тах, але я не думаю що вла­сне сам колір має якусь вагу. Замість синьо­го можна взя­ти зеле­ний і нав­па­ки. Тут голов­не щоб в тебе на всіх поді­бних речах був одна­ко­вий колір, тоді кори­сту­вач мати­ме асо­ці­а­тив­ний ряд при кори­сту­ван­ні сайтом.

Про­сто якщо всі будуть вико­ри­сто­ву­ва­ти кольо­ри лише такі як про­по­нує Атла­сі­ан, то всі сай­ти і брен­ди будуть одна­ко­ві, а це як на мене так собі пер­спе­кти­ва. Тре­ба щоб люди могли тебе відрізніти

а пале­тка мате­рі­а­лів дає можли­вість поти­ка­ти різні кольо­ри щоб поди­ви­тись на їхнє поєд­на­н­ня на різних еле­мен­тах керу­ва­н­ня, і потім про­сто всі поді­бні еле­мен­ти роз­фар­бу­ва­ти у впо­до­ба­ний набір кольо­рів вико­ри­сто­ву­ю­чи гру­пу­ва­н­ня від Атласіан

@himarstime Не зов­сім так. В інтер­фей­сах за пев­ни­ми кольо­ра­ми закрі­пи­ла­ся пев­на фун­кціо­наль­ність. Це такі кольо­ри як чер­во­ний, жов­тий, зеле­ний, синій. Вони сидять у нас на більш загаль­но­му рів­ні і якись кон­кре­тний бренд не в силах нас пере­в­чи­ти реа­гу­ва­ти на ці кольо­ри інакше.

Тоб­то зві­сно бренд може спро­бу­ва­ти, але це буде викли­ка­ти дісо­нанс і пере­о­ди­чні фра­зи «яко­го чорта».

І ці кольо­ри не виклю­ча­ють брен­до­ва­но­го сти­лю. Тоб­то коли є еле­мен­ти брен­до­ва­ні в одно­му сти­лі, це еле­мен­ти оформ­ле­н­ня / деко­ру, а вже еле­мен­ти які мають фун­кціо­наль­не наван­та­же­н­ня кра­ся­ться в зна­йо­мі уні­вер­саль­ні «чер­во­ний», «зеле­ний».

Це можно порів­ня­ти з мага­зи­ном-буті­ком. В ньо­му інте­р’єр має спе­ци­фі­чне до брен­да оформ­ле­н­ня, але все що сто­су­є­ться техні­чних момен­тів, типу вен­ти­ля газу, або мар­ке­ров­ка де вихід (зазви­чай стан­дар­тний зна­чок стан­дар­тно­го кольо­ру) малю­ють зна­йо­ми­ми кольо­ра­ми, щоб в екс­тре­них випад­ках, коли мозок вими­ка­є­ться, люди­на руха­лась інстин­ктив­но за кольором.

Люди­на може від­ві­ду­ва­ти сайт сп’я­ні­лою або в ста­ні, коли їй буде про­сті­ше зро­зу­мі­ти що щось від­бу­лось ОК або НЕ ОК за кольо­ром (чер­во­ний або зелений).

@lemmy зара­ди ціка­во­сті пола­зив по інтер­нет мага­зи­нах техні­ки, і всю­ди основ­ні кно­пки фар­бу­ють у фір­мо­ві кольо­ри брен­ду (ком­фі зеле­ний, розе­тка зеле­ний, фок­строт пома­ран­че­вий, ель­до­ра­до зелений)

@himarstime кольо­ри поми­лок або схваль­них пові­дом­лень яких кольорів?

@lemmy не перевіряв

@javascript Думаю, що це акцен­тні кольо­ри і вони вико­ри­сто­ву­ю­ться малень­ки­ми пор­ці­я­ми. А що за «пра­ви­ла­ хоро­шо­го дизай­ну», є якась робо­та з цьо­го приводу?

@sumni3bochennia Зазви­чай щоб білий колір на ньо­му не зли­вав­ся, але зазви­чай це поморанчевий.