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
- Hőmérséklet-kártya, Bruno Passos
- Fedezze fel Patryk Adas szakaszát
- A Linkedin honlapjának koncepciója: Emerson McIntyre
- Mobil kvíz oldal, Rosie Manning
- Oliur magazin sablonja
- Oliur vágólapja
- Ügyességi blog magazin elrendezése: Oliur
- Ink- WordPress tartalom: Kyril Ku
- Ridhwan Razak Google Cards stílusa
- Válassza a Card by Corey Haggard lehetőséget
- Etiolate Tumblr Theme by Oliur
- Google Asszisztens
- Dribbble
- Levelező kliens koncepciója: Roman Shkolny
- Lina Bo egyszerű statisztikája
- Silktricky
- Ingyenes Newsfeed alkalmazás, Edi Gil
- A ReaLync Piper Lawson
- App turisták számára Dubajban Volodimir Kurbatov
- Tisztítsa meg Mumbai-omat Rahul Bhadauria által
- Hitelkártyák Gleb Kuznyecov pénztárcáján
- Oliur kézi magazin / blogtartalom-elrendezése
- Shop 360 interakció app Budi Tanrim
Oliur építészeti oldala
Hőmérséklet-kártya, Bruno Passos
Fedezze fel Patryk Adas szakaszát
A Linkedin honlapjának koncepciója: Emerson McIntyre
Mobil kvíz oldal, Rosie Manning
Oliur magazin sablonja
Oliur vágólapja
Ügyességi blog magazin elrendezése: Oliur
Ink- WordPress tartalom: Kyril Ku
Ridhwan Razak Google Cards stílusa
Válassza a Card by Corey Haggard lehetőséget
Etiolate Tumblr Theme by Oliur
Google Asszisztens
Dribbble
Levelező kliens koncepciója: Roman Shkolny
Lina Bo egyszerű statisztikája
Silktricky
Ingyenes Newsfeed alkalmazás, Edi Gil
A ReaLync Piper Lawson
App turisták számára Dubajban Volodimir Kurbatov
Tisztítsa meg Mumbai-omat Rahul Bhadauria által
Hitelkártyák Gleb Kuznyecov pénztárcáján
Oliur kézi magazin / blogtartalom-elrendezése
Shop 360 interakció app Budi Tanrim
Oszd Meg A Barátaiddal:
skorpió szex















