Cjeloviti vodič za učinkovit dizajn sučelja u obliku kartice
Kartonska arhitektura jedna je od najvećih stvari u web dizajnu, a posebno mobilnom dizajnu. S aplikacija na odgovarajuća web mjesta, postepeno se pojavljuje format na obliku kartice.
I to s dobrim razlogom. Dizajn mobilne kartice izgleda lijepo, dobro funkcionira na raznim uređajima i stvara različitu organizaciju i način isporuke sadržaja. Zato mnoge velike, poznate robne marke koriste format kartice, a mnoge manje dizajnerske i razvojne grupe slijede prema njemu.
Istražite elemente Envatoa
Što je dizajn kartice?
Stilovi oblikovanja kartica za web stranice za mobilne uređaje i radne površine definirani su sadržajem u kutiji koja izgleda kao da je sadržan na svojevrsnoj kartici za igranje. Kartice u obliku kartica obično sadrže jedan jedinstveni zalogaj sadržaja ili informacija i obično su okomito orijentirani.
Ali kao i kod svake tehnike dizajna, postoji puno načina da se pravila prekrše. Osnovni princip koji stoji iza ideje je dati mnoštvo informacija na način koji je lako vidjeti i probaviti sve odjednom. Popularne web stranice za dijeljenje društvenih medija poput Twittera i Pinterest koriste ovaj format za grupiranje slika i postova.
Ono što je lijepo u vezi s digitalnom "karticom" je da se njome može manipulirati na različite načine. Mogu se pojaviti složeno pojedinačno (kao što je često slučaj kod dizajna za mobilne uređaje) ili pasti u mrežu za veće zaslone. Kartice mogu biti kratke ili visoke i dizajnirane za prilagođavanje prema sadržaju u sebi.
Dizajn u stilu kartice također je popularan za prilagodljive okvire jer dizajneri mogu dodavati i urušavati stupce karata kako bi odgovarali obliku i veličini zaslona. Dok većina dizajnera dizajnira kartice s fiksnom širinom i omogućuju visini kartice da ostane promjenjiva.
Kako kartice mogu raditi za vaš projekt
Karte su u trendu zbog svoje fleksibilnosti i širokog raspona upotrebe. (Također pomaže da su neke od najpopularnijih web lokacija na svijetu koristile neki oblik kartice u posljednjim dizajnerskim iteracijama - Google, Microsoft, Facebook, Twitter, Pinterest i Buzzfeed, da ih nabrojimo.)
Ali želite li koristiti koncept u obliku kartice? Ova tehnika dizajna ima nekoliko prednosti:
- Sadržaj čini lako probavljivim.
- Postoji puno stilova dizajna koji rade u ovom formatu, od ravnog do ukrašenog.
- Kartice dobro rade u odgovarajućim okvirima.
- Format ima izgled i izgled koji je organiziran i pruža strukturu za puno informacija.
- Odlično djeluje za različite vrste sadržaja.
- Dizajn u obliku karata praktički je napravljen za dijeljenje na društvenim mrežama.
Dizajnirajte sjajnu karticu
Najbolji dizajn kartice je jednostavan. Također sadrži bogato iskustvo sadržaja. Za uspješan projekt u obliku kartice, moraju biti prisutna oba ova elementa. Ali postoji i mnogo drugih tehnika dizajna koje mogu dodati i funkcionalnost i estetiku.
Sjajna stvar kod kartica je da zapravo ne postoji čist skup pravila dizajna kojih se morate pridržavati. Osnovni principi dobrog dizajna su sve što trebate razumjeti da biste započeli s izradom projekta u obliku kartice.
Iskoristite obilje prostora
Prostor je čest faktor u dizajnerskim projektima u stilu karata. Konkretno, puno bijelog prostora. Važno je davati svakoj pojedinoj sobi elemenata koje treba vidjeti, pročitati i razumjeti. To se posebno odnosi na blok koji će često sadržavati vlastiti "mini dizajn". Razmislite na ovaj način: Ako svaka kartica vašeg projekta sadrži sliku, naslov, glavni tekst kopiranja, gumb poziva na akciju i gumb za dijeljenje ili poveznicu, postoji najmanje pet elemenata za rad s razmakom od oko 600 piksela,
Imajući dovoljno prostora oko svakog elementa korisnicima pruža vremena da se vizualno resetiraju kada gledaju s jednog elementa na drugi ili s kartice na karticu. Uključivanje obloga između elemenata pomoći će i usredotočenju i pažnji kroz karticu na način koji funkcionira s hijerarhijom sadržaja.
Jedan podatak po kartici
Već smo utvrdili da će kartica sadržavati više elemenata u dizajnu, ali svaki bi se trebao usredotočiti na samo jedan bit informacija ili sadržaja. Slijedite jednu ideju po konceptu bloka da se slika i sav prateći tekst objedine.
Ova ideja može stvoriti sadržaje koji bi mogli biti dramatično raznoliki u istom prostoru, a koji izgledaju namjerno i organizirano. Korisnicima pruža mogućnost izbora i dijelova vašeg portfelja sadržaja koji žele konzumirati i dijeliti.
Odaberite Očistu, jasnu sliku
Slika je kralj prostora za dizajn kartice. Potrebna vam je sjajna slika - a mora biti sjajna i kad je mala - kako biste privukli korisnike na svaku pojedinu karticu. (Upamtite da je ovo pretrpan internet prostor.)
Ako nemate sliku, pređite na vrstu umjetničkog stila ili izradite tekst koji ne može pomoći, ali privući korisnike? (Sjetite se "bijega" lame krajem veljače koji je postao viralan zahvaljujući sjajnim autorima naslova.)
Upotrijebite jednostavnu tipografiju
Odlučite se za jednostavne tipove slova u jednostavnim i lako čitljivim bojama - crne i sive su popularne - koje ne izmiču dizajnu. Srednje do okrugle sans serife popularne su zbog čitljivosti i neutralnog dizajna.
Ograničite i broj vrsta slova. Za većinu projekata s karticama dovoljan je samo jedan oblik teksta. Razmislite o upotrebi podebljane varijacije, ali u većini slučajeva razlike u veličini su sve što je potrebno da biste maksimalno iskoristili tekst. (Dok ste na tome, obavezno ograničite i broj riječi. Jedna misao po kartici.)
Uključite neočekivani detalj
Iako su sučelja za kartice često jednostavna, dodavanje neočekivanih detalja može joj pružiti upravo pravu vrijednost. Za dodavanje naglaska na kartice, razmislite ošišan ili ugaoni izrez, kutni rub ili 3D efekt.
Druge tehnike poput preklapanja u boji ili efekta lebdenja mogu biti podjednako ugodne. Također razmislite o dodavanju učinka samo na najznačajnije bitove sadržaja tako da svaka karta nije sasvim jednaka u pogledu vizualne težine.
Stvorite Otvorenu mrežu
Ovaj bi vam mogao biti najteži koncept za oko, ovisno o tome kako se vaš dizajnerski projekt sastavlja. Jednako je važno kao i dizajn svake kartice "vanjski" prostor između svakog elementa.
Napravite okvir rešetke koji uključuje neku vrstu kontrasta sa svakom karticom. Dizajnirajte okvir tako da razmak bude dosljedan od kartice do kartice i tako da između svakog elementa ima mjesta. To bi moglo postati još više igralo kad razmišljate o tome gdje bi točke prijeloma mogle pasti u odgovarajuće okvire, posebno s karticama fiksne širine.
Razmislite o upotrebljivosti
Kartica bi trebala biti više od samo dizajnerskog elementa; korisniku treba pomoći u obavljanju neke vrste radnji. Od čitanja priče ili članka do prijave za e-bilten ili kupnje, sučelje kartice trebalo bi osigurati laku interakciju.
Razmislite kako funkcioniraju i te interakcije. Pređite preko klika. Mnogi dizajnerski projekti koji sadrže kartice trošit će se na mobilnim uređajima. Razmislite o interakcijama koje koriste slavine i prelaske umjesto tradicionalnih klikova. Osigurajte da se gumbe ili radnje lako vide i izvode, uključujući dovoljno prostora između predmeta da se dodirne s lakoćom i bez aktiviranja pogrešnog elementa.
Zaključak
Dizajnerski projekti u stilu karata zabavni su, trendi i funkcionalni. Korištenje nekih osnovnih načela dizajna pomoći će vam da stvorite palubu s karticama koja je estetski ugodna i funkcionalna.
Ideja br. 1 na koju treba imati na umu je jednostavnost. Sve o dizajnu kartice trebalo bi lako pročitati i razumjeti. Sretno s vašim projektom!
