25 Kártya alapú webtervezési példák

A digitális életet éljük. Még azok sem, akik utálják az internetet és mindent, amit képvisel, nem tagadhatják azt a tényt, hogy ez a digitalizálás ideje és kora. Olyannyira, hogy a közös dolgok és elemek, amelyeket az internet előtti napokon használtunk, most elindulnak, hogy csatlakozzanak a digitális világhoz. Például egy sima és egyszerű kártya.



A napokban egy kártya csak a Hallmark szinonimája. Ma ez egy webdesign. A kártya, más néven csempe vagy portré, olyan design, amely a Google-nak, a Facebooknak és a Twitternek köszönhetően gyorsan online trenddé válik.

126-os angyal

Lehet, hogy a név újnak tűnik, de a koncepció nem az. Valójában a kártya egy mindenütt jelen lévő webdesign. Ha használta az internetet, akkor kétségtelen, hogy már látta, de nincs tisztában azzal, hogy mit takar ez a kifejezés.

Csakúgy, mint bármely régi iskola azonosító kártyája, a kártyalapú webes tervezés is fontos információkat nyújt tömörített formában. Ez elkötelezettséget is kivált, mivel a legtöbb online kártya kiemeli a „megosztás” gombot. Ennek a kialakításnak az elterjedtsége annak köszönhető, hogy kompatibilis az okostelefonokkal és táblagépekkel, ami mindent összetartónak és zökkenőmentesen néz ki.

Lehetőség van arra, hogy önállóan készítsen kártya alapú webdesignt. De meg kell győződnie arról, hogy helyesen állítja be ezt a három tényezőt:

  • A kártyának tájékoztató jellegűnek kell lennie. Az online kártya használhatatlan, nem tudja megadni az összes szükséges információt. Ide tartozik a webhely címe, a felhasználónév beállításai, a képek és az ikonok. Ezen információáramlásnak mindig olvashatónak kell lennie, hogy a kártya használói könnyedén követhessék a gondolatmenetet.
  • A kártyának reagálóképesnek kell lennie. Ez azt jelenti, hogy a kialakításnak jól kell működnie különböző, különböző méretű képernyőkön. Tehát, amikor a felhasználó PC-jéről okostelefonjára vált, akkor nem okozhat gondot a kártya teljesítménye.
  • A kártyának fülbemászónak kell lennie. Annak érdekében, hogy a felhasználó megkönnyítse az összes információ megemelését, a kártya alapú webdesignnak okosan kell használnia a szöveget és a látványtervet a gondolatok és az ötletek egyszerű és zökkenőmentes kommunikációja érdekében.

Az egyes tartalmak elrendezése a kártyán kulcsfontosságú abban, hogy a tervezés minden felhasználó számára kényelmes legyen. Az online kártyák többsége dobozokat (négyzeteket és téglalapokat) használ az egyik tartalom elválasztására a másiktól.

Ez jól strukturált és rendezett tartalmat eredményez, amely javítja az olvashatóságot. És mindezek kerekítéséhez a kártyalapú webdesignnak rendelkeznie kell cselekvésre ösztönzéssel is, amely a felhasználó válaszát kelti.

Íme 25 jól kidolgozott példa a kártya alapú tervezésre.

Tartalomjegyzék

Oliur építészeti oldala

Oliur építészeti oldala

Hőmérséklet-kártya, Bruno Passos

Hőmérséklet-kártya, Bruno Passos

Fedezze fel Patryk Adas szakaszát

Fedezze fel Patryk Adas szakaszát

A Linkedin honlapjának koncepciója: Emerson McIntyre

A Linkedin honlapjának koncepciója: Emerson McIntyre

Mobil kvíz oldal, Rosie Manning

Mobil kvíz oldal, Rosie Manning

Oliur magazin sablonja

Oliur magazin sablonja

Oliur vágólapja

Oliur vágólapja

Ügyességi blog magazin elrendezése: Oliur

Ügyességi blog magazin elrendezése: Oliur

Ink- WordPress tartalom: Kyril Ku

Ink- WordPress tartalom: Kyril Ku

Ridhwan Razak Google Cards stílusa

Ridhwan Razak Google Cards stílusa

Válassza a Card by Corey Haggard lehetőséget

Válassza a Card by Corey Haggard lehetőséget

Etiolate Tumblr Theme by Oliur

Etiolate Tumblr Theme by Oliur

Google Asszisztens

Google Asszisztens

Dribbble

Dribbble - Show and tell a tervezők számára (20150729)

Levelező kliens koncepciója: Roman Shkolny

Levelező kliens koncepciója: Roman Shkolny

Lina Bo egyszerű statisztikája

Lina Bo egyszerű statisztikája

Pinterest

Pinterest-Fedezze fel és mentse el a kreatív ötleteket (20150729)

Silktricky

selyemtrükkös

Ingyenes Newsfeed alkalmazás, Edi Gil

Ingyenes Newsfeed alkalmazás, Edi Gil

A ReaLync Piper Lawson

A ReaLync Piper Lawson

App turisták számára Dubajban Volodimir Kurbatov

App turisták számára Dubajban Volodimir Kurbatov

Tisztítsa meg Mumbai-omat Rahul Bhadauria által

Tisztítsa meg Mumbai-omat Rahul Bhadauria által

Hitelkártyák Gleb Kuznyecov pénztárcáján

Hitelkártyák Gleb Kuznyecov pénztárcáján

Oliur kézi magazin / blogtartalom-elrendezése

Kézi magazin: Blog tartalmi elrendezése: Oliur

Shop 360 interakció app Budi Tanrim

Shop 360 interakció app Budi Tanrim

Oszd Meg A Barátaiddal:

skorpió szex