25 kaardipõhise veebidisaini näited

Elame digitaalset elu. Isegi need, kes vihkavad Internetti ja kõike, mida see esindab, ei saa eitada fakti, et see on digiteerimise aeg ja vanus. Nii palju, et levinud asjad ja esemed, mida enne interneti-eelseid päevi kasutasime, on nüüd digitaalse maailmaga liitumiseks käimas. Juhtum, tavaline ja lihtne kaart.

inspireerivad vanemate tsitaadid aastaraamatu jaoks

Veel aegadel on kaart Hallmarki sünonüüm. Täna on see veebidisain. Kaart, mida nimetatakse ka paaniks või portreeks, on disain, mis on tänu Google'ile, Facebookile ja Twitterile kiiresti muutumas veebitrendiks.

Nimi võib tunduda uus, kuid kontseptsioon seda pole. Tegelikult on kaart kõikjalolev veebidisain. Kui olete Internetti kasutanud, pole kahtlust, et olete seda juba näinud, kuid ei tea, mida see mõiste hõlmab.



Nagu iga vana kooli isikutunnistus, pakub ka kaardipõhine veebidisain olulist teavet kokkuvõtlikult. See kutsub esile ka seotuse, kuna enamus veebikaarte tõstavad esile nupu 'jaga'. Selle disaini levimus on tingitud ühilduvusest nutitelefonide ja tahvelarvutitega, mis muudab kõik ühtseks ja töötab tõrgeteta.

Kaardipõhine veebidisain on võimalik ise luua. Kuid peate veenduma, et saate need kolm tegurit õigesti:

  • Kaart peab olema informatiivne. Veebikaart on kasutu ja see ei saa anda kogu vajalikku teavet. See hõlmab saidi pealkirja, kasutajanime valikuid, pilte ja ikoone. Nende infokildude voog peab olema alati loetav, et kaardi kasutajad saaksid mõtteahelat kergesti jälgida.
  • Kaart peab olema reageeriv. See tähendab, et disain peab hästi töötama erinevatel erineva suurusega ekraanidel. Nii et kui kasutaja vahetab oma arvuti nutitelefoni, ei tohiks tal kaardi jõudlusega üldse probleeme olla.
  • Kaart peab olema meeldejääv. Et kasutajal oleks kogu teavet hõlpsam seedida, peab kaardipõhine veebidisain mõtete ja ideede hõlpsaks ja sujuvaks edastamiseks nutikalt kasutama teksti ja visuaale.

See, kuidas iga sisu kaardil on paigutatud, on disaini kõigile kasutajatele mugavaks muutmise võti. Enamik veebikaarte kasutab ühe sisu eraldamiseks ruudusid (ruudud ja ristkülikud).

See loob hästi struktureeritud ja korrastatud sisu, mis parandab loetavust. Ja selle kõige ümardamiseks peab kaardipõhisel veebidisainil olema ka kutse tegevusele, mis ärgitab kasutaja vastuse.

Siin on 25 kaardipõhise disaini korralikult välja töötatud näidet.

kui palju raha on Nick Cannonil

Sisukord

Oliuri arhitektuurikoht

Oliuri arhitektuurikoht

Temperatuurikaart, autor Bruno Passos

Temperatuurikaart, autor Bruno Passos

Avastage Patryk Adase jaotist

Avastage Patryk Adase jaotist

Linkedini kodulehe kontseptsioon, autor Emerson McIntyre

Linkedini kodulehe kontseptsioon, autor Emerson McIntyre

Mobiilse viktoriini leht Rosie Manning

Mobiilse viktoriini leht Rosie Manning

Oliuri ajakirja mall

Oliuri ajakirja mall

Lõikelaud Oliurilt

Lõikelaud Oliurilt

Osurite ajakirja ajakirja küljendus oli Oliur

Osurite ajakirja ajakirja küljendus oli Oliur

Tint - WordPressi sisu autor Kyril Ku

Tint - WordPressi sisu autor Kyril Ku

Google Cards Style, autor Ridhwan Razak

Google Cards Style, autor Ridhwan Razak

Valige Card by Corey Haggard

Valige Card by Corey Haggard

Etiolate Tumblri teema autor Oliur

Etiolate Tumblri teema autor Oliur

Google Now

Google Now

Tilkuma

Dribbble - näita ja räägi disaineritele (20150729)

Roman Shkolny postikliendi kontseptsioon

Roman Shkolny postikliendi kontseptsioon

Lihtne statistika, autor Lina Bo

Lihtne statistika, autor Lina Bo

Pinterest

Pinterest-Avastage ja salvestage loovaid ideid (20150729)

Siiditrikk

siiditrikk

Edi Gili tasuta uudisvoo rakendus

Edi Gili tasuta uudisvoo rakendus

ReaLync autor Piper Lawson

ReaLync autor Piper Lawson

Rakendus turistidele Dubais, autor Volodymyr Kurbatov

Rakendus turistidele Dubais, autor Volodymyr Kurbatov

Puhasta minu Mumbai Rahul Bhadauria poolt

Puhasta minu Mumbai Rahul Bhadauria poolt

Gleb Kuznetsovi rahakotil olevad krediitkaardid

Gleb Kuznetsovi rahakotil olevad krediitkaardid

Ajakirja käsiraamat / ajaveebi sisu paigutus, autor Oliur

Manual Magazine: Oliuri ajaveebi sisu paigutus

Pood 360 suhtlusrakendus, autor Budi Tanrim

Pood 360 suhtlusrakendus, autor Budi Tanrim