3 Sfaturi pentru organizarea culorilor pentru designul UI

Culorile contează. Culorile sunt unul dintre cele mai importante blocuri de construcție ale oricărei interfețe (împreună cu tipografia și spațiul). Acestea au un efect extraordinar asupra percepției generale a unui produs digital.

Este vitală structurarea culorilor. Dacă nu structurați culorile, puteți găsi copleșit de câte culori utilizați până când ajungeți la sfârșitul proiectului de proiectare. Construirea unui sistem consistent de culori - reducerea numărului de culori folosite și eliminarea duplicatelor inutile părea să fie un lucru corect. Dar cum să atingem acest obiectiv? Iată șapte sfaturi practice pentru structurarea culorilor într-un nou proiect de design:


1. Efectuați inventarul interfeței

Un inventar de interfață este o procedură de clasificare a componentelor care alcătuiesc aplicația sau site-ul dvs. web. Inventarul interfeței va arăta câte culori utilizați în produsul dvs. Dacă lucrați pe un site web, utilizați un instrument precum Statisticile CSS pentru a vedea câte culori unice aveți în foile dvs. de stil.

2. Definiți culorile fundamentale
Când vine vorba de selectarea culorilor albe negre, este întotdeauna mai bine să nu alegeți versiuni extreme de culori. Albul nu trebuie să fie alb absolut (#FFFFFF). Similar, negrul nu trebuie să devină negru absolut. În funcție de cât de strict doriți să fiți cu paleta dvs. de culori, este posibil să doriți să includeți o gamă de nuanțe (o culoare amestecată cu alb) și nuanțe (o culoare amestecată cu negru). Dar fii atent! Având prea multe nuanțe și nuanțe poate îngreuna procedura de selecție a culorilor pentru designeri. Găsiți o culoare neutră cu contrast scăzut Culorile neutre cu contrast scăzut sunt rele pentru elementele care necesită citire, dar sunt foarte bune pentru elemente precum câmpurile de introducere. Câmpurile de introducere nu trebuie să iasă în evidență foarte mult, astfel încât culoarea neutră de contrast scăzut vă poate ajuta să creați un recipient UI perfect.

3. Definiți culorile interactive

Culorile interactive sunt culori pe care le folosim pentru elemente interactive - butoane, linkuri și alte controale UI pe care utilizatorii pot face clic sau atinge.

Limitați numărul total de culori interactive

Dacă este posibil, încercați să utilizați o singură culoare ca culoare principală interactivă. Făcând acest lucru, vă veți ajuta utilizatorul să memoreze această culoare.

Puteți crea versiuni mai deschise și mai întunecate ale culorii dvs. interactive. Nuanțele de culoare vă pot ajuta să transmiteți diferite stări pentru elementele dvs. de interfață - de exemplu, o stare presată / starea de trecere.