3 liidest kasutajaliideseid: värv, kontrast ja sisu

Seal on vana ärimudel, mille järgi elavad paljud äristrateegid - 3 Cs. See on meeldetuletus keskenduda ettevõttele, klientidele ja konkurentidele . Seda mudelit kasutavad ka paljud väikeettevõtted ja veebisaidid. Kuid disainerite jaoks on kolm Cs veidi erinevad.

Kasutajaliideste loomisel peaksite keskenduma värvile, kontrastile ja sisule. Need kolm elementi on hea disaini alus. Kuid igaüks neist on natuke keerukam, kui see võib pinnalt tunduda. Siit saate teada, kuidas kolme kujundusprojekti kasutajaliidese üle mõelda ja kaasata.

Tutvuge disainiressurssidega

Värv

Värv on enamiku kasutajate jaoks üks ilmsemaid visuaalseid elemente. Nii disainerid kui ka disainerid võivad rääkida värvist ja sellest, kas teatud toon või palett meeldib neile.

Värv võib luua selged emotsionaalsed ühendused täiesti iseseisvalt, ilma muude efektideta. Värviprogrammi või kiibi saate anda peaaegu kõigile ja saate reageerida mis tahes värviga. See on ka naljakas kujunduselement, kuna isiklikud ja disainieelistused kipuvad aja jooksul peaaegu universaalselt nihkuma.

Värv võib disaini teha või puruneda paljudel põhjustel, kuid peamiselt teeb see nii palju asju ja pakub kasutajale samaaegselt nii palju visuaalseid näpunäiteid, et te ei saa seda tähelepanuta jätta.

Värviefektid:

• Kasutatavus ja loetavus
• Brändi tuntus ja teadlikkus
• Kus kasutajad vaatavad ja suhtlevad
• Organisatsioon ja kasutajate voog
• Kujunduse üldine edu

Kasutage värvi loomiseks:

• Navigeerimine on selge ja arusaadav
• Intuitiivne koostoime
• Meeleolu projekti jaoks
• Looge tugevaid üleskutseid tegevusele või kasutatavaid elemente
• Looge kujunduse mõistmine, näiteks reaalsus versus fantaasia

See kõik võib tunduda pikk tellimus midagi nii lihtsat kui punase, rohelise ja sinise segu.

Niisiis, kust alustada? Vaieldamatult kõige olulisemad muutujad värvi osas on luua palett, mis köidab kasutajaid ja räägib kujundusest (näiteks kaubamärgist ja meeleolust). Näiteks Coca-Cola veebisait, kus domineerivaks värviks kasutati sinist, mitte punast, kahjustaks kasutajaid.

Kindel värvipalett on juurutatud värviteooria põhimõtetes.

Kindel värvipalett on juurutatud värviteooria põhimõtetes. Selle toimimiseks pole vaja rohkem kui paar värvi. Piisab kahest kuni kolmest värvist ja heast heledamate ja tumedamate variatsioonide raamatukogust. Mockplus soovitab 6: 3: 1 reeglit: vali paleti jaoks kolm värvi, sealhulgas domineeriv värv, mida kasutatakse 60 protsenti ajast, teisene värv, mida kasutatakse 30 protsenti ajast, ja aktsentvärv, mis võib olla ülejäänud 10 protsenti kujundusest. Reegli juured on kuldses suhtes, mis on disaini teooria alustala, ja see võib olla suurepärane lähtepunkt.

Siit leiate veel ühe reegli kasutajaliidestes värvipalettide loomiseks: alustage mustvalgega. Kui kujundus on kasutatav ilma värvita, töötab see tõenäoliselt pärast värvi lisamist. Mustvalge kontuur annab teile ka hea idee, kuidas valida piisavalt kontrastset värvi (teine ​​C), et kasutatavust parandada.

Kontrast

Kontrastsus loob eristuse elementide vahel. See aitab luua visuaalset hierarhiat, skaneeritavust ja aitab kaasa sellele, kui lihtne on midagi kiiresti mõista. Tugeva kontrastiga elemendid võimaldavad kasutajal hõlpsalt ühelt küljelt teise vaadata, luues loomuliku visuaalse mustri ja kasutajavoo.

Kontrast on kasutajaliidese kujundamisel nii oluline, et see on osa kõigest, mida teete. Kontrasti loomise viis varieerub sõltuvalt visuaalefekti elemendi tüübist.

Võite luua kontrasti:

• Värv
• Suurus
• Suund
• Kosmos
• Kuju

Juurdepääsetavuse juhiste põhielement on kontrast, sest see tagab, et kasutajad saavad disainilahenduses üht elementi teistest eristada. A11Y projektil, mille eesmärk on hõlbustada veebi juurdepääsetavust, on see soovitus: alustage värvide kontrastsusega, kasutades värviringi erinevatest osadest pärit värve või kontrastseid värve. Pidage meeles, et täiendavad värvid - värvirattal olevad vastandid - tagavad maksimaalse kontrasti.

Sama kontseptsioon kehtib ka teiste elementide vahel kontrasti loomisel. Valige eri perekondade kirjatüübid või kasutage dramaatiliselt erinevaid suurusi, et aidata kasutajatel sõnade kiiret lugemist.

Lühidalt, kontrasti mõte seisneb selles, et vastandid meelitavad.

Kasutage liikumissuuna märke, nooli või pilte, et aidata kasutajal sundida teatud suunda vaatama, siis pöörake suunanäita veelgi suurema kontrasti saavutamiseks.

Tiheda ja avatud ruumi erinevus loob palju kontrasti. Kui soovite veenduda, et teie teksti on hõlpsasti näha ja lugeda, andke sellele natuke rohkem ruumi, et sellele tähelepanu pöörata.

Lühidalt, kontrasti mõte seisneb selles, et vastandid meelitavad. Näiliselt erinevad elemendid võivad tegelikult koos töötada, nii et mõlemat on korraga lihtne näha.

Et teada saada, kas kontrastsus töötab soovitud viisil, mõelge ekraanil olevaid elemente vaadates paarile tegurile:

• Loetavus: kas kõiki sõnu ja pilte on kerge näha ja lugeda?
• Selgus: kas elemente on kerge eristada teisest?
• Juurdepääsetavus: kas see töötab võimalikult paljudele inimestele?
• Keskkond: kas kasutajad saavad disainilahendust näha ja sellest aru saada kohtades, kus seda kasutatakse?

Sisu

Kolmest Cs-st viimane on sisu. Kasutajaliidese kujundus võib olla ainult nii hea kui selles sisalduv teave. Sisu hõlmab kõike alates piltidest kuni teksti illustratsioonide ja ikoonideni kuni logode ja brändimärkideni. Sisu sisaldab ka videot ja iga natuke eksemplari alates täielikust sõnumsidest või narratiividest kuni ajaveebi postitusteni kuni pisikeste mikrokoopiateni.

Ainult sisu omamisest ei piisa. Teil peab olema täheline sisu.

Kõik need elemendid ühendavad loo, mis muudab teie disaini ja kasutajaliidese eriliseks. Miks peaksid kasutajad andma teile oma aega, selle asemel et midagi muud teha?

Ja ainult sisust ei piisa. Teil peab olema täheline sisu. Kõrge eraldusvõimega sisu. Väärtuslik sisu. Teie sisu peab olema parem / suurem / erilisem kui sarnane sisu, mis konkureerib kasutajate tähelepanu pärast.

See võib olla pikk tellimus, kuid enamik disainereid saab selle sisu luua, kui nad on enda, oma kaubamärgi ja sõnumite vastu truud. Pidage kinni sellest, mis te olete ja mida teate. Kasutajad näevad seda autentsust ja loodetavasti väärtustavad seda, kulutades teie kujundusele aega.

Järeldus

Nüüd, kui olete relvastatud kolme vana ettevõtte ärikliendi - ettevõtte, klientide ja konkurentide - ning kolme kasutajaliidese kujunduse - värvi, kontrasti ja sisuga -, on teil tööriistad ja teadmised disainiprojekti loomiseks, mis on sellest maailmast väljas hea. (Või vähemalt väga kasutatav.)

Mõlemat strateegiat disainiprojektidesse töötades olete sunnitud mõtlema, kuidas luua midagi, mis oleks kasulik veebisaidi omanikule ja kasutajale. Loote mitte ainult nii, et disain oleks ilus, vaid ka funktsionaalne.

Märkus. Kõik selle artikli näited pärinevad Design Shacki galeriist. Vaadake kindlasti ringi; see on täis suurt tööd ja inspiratsiooni.