50 návrhů UI kreativních karet

Když jsem byl dítě, zoufale jsem hledal fotoaparát Polaroid: abych mohl vzít fotografii a uvidět ji - skoro - bylo pro mne fantastické. S "normálními" kamerami jste museli počkat, dokud nebudete celý film dokončen, pak jste to museli vzít, aby se rozvinuli a to může trvat týden. Takže docela často, když jste viděli své fotky, spojení s nimi bylo o něco vzdálenější. Polaroidy byly tam a tam. A nejen to, formát klasického polaroidu obsahoval bílý rámeček s prostorem v dolní části, kde byste mohli napsat něco: datum, kdy jste byli, s kým jste byl, co jste dělali - cokoliv jste chtěli říct o obrázek nebo okamžik.

klasický polaroid zahrnoval bílý rámeček s mezerou ve spodní části, kde byste mohli něco napsat ... Znáte dobře?

Zní povědomě? Tolik sociálních médií je to vizuální příběh od klasického polaroidu - 80 let letos. Vliv je vidět na příspěvcích na Facebooku, Instagram, Twitter a samozřejmě na Pinterest. To zase mělo dopad na návrh webových stránek obecně. Jedná se o styly rozhraní, které se uživatelům stalo pohodlné prostřednictvím sociálních médií. Je založen na mřížce, ale položky nebo karty jsou rozděleny tak, že se cítí jako samostatné entity. (Spíše jako spousta polaroidů připoutaných na zeď.)

Rozložení karty je nedílnou součástí návrhu materiálu. Separace se často dosahuje použitím stínů, které dávají iluzi hloubky nebo nepatrný rozdíl barev. Je to oblíbená volba pro zpravodajské webové stránky, časopisy a blogy, z nichž všechny představují uživateli "snímky" příběhů, na které se potom mohou rozhodnout kliknout, aby si mohli přečíst další informace. Je také populární pro portfolia, neboť umožňuje prezentovat hodně odlišného obsahu současně, ale jasně.

Vzhledem k tomu, že tento styl rozložení karet se stal populárnějším, vyvíjel se jako návrháři, kteří si s ním hrají, a nacházejí způsoby, jak vytvářet rozvržení karet, které se cítí svěží a zajímavé. Někteří používají asymetrii k velkému efektu, někteří umístit spoustu místa mezi kartami, jiní nevyužili vůbec nic. Většina rozložení karet používá obrázky, ale existuje několik, které používají pouze text, alespoň na některých kartách. Některé z nich mají obrázek a text viditelné na "frontě", jiné zobrazují svůj text pouze v interakci.

To, co je skvělé vidět, je, že tento praktický styl praktického rozvržení je přizpůsoben a tvarován různými kreativními přístupy, takže se nestane zastaralým.