50 kreativa kort UI-mönster

När jag var barn var jag desperat för en Polaroid-kamera: för att kunna ta ett foto och se det - nästan direkt blev det fantastiskt för mig. Med "vanliga" kameror måste du vänta tills du har slutat hela filmen, då måste du ta den för att bli utvecklad, och det kan ta en vecka. Så, ganska ofta, när du fick se dina bilder var anslutningen till dem lite mer avlägsen. Med polaroids var det där och då. Inte bara det, formatet för den klassiska polaroiden inkluderade den vita ramen med utrymmet längst ner där du kunde skriva något: datumet var det var vem du var med, vad du gjorde - vad du än vill säga om bild eller ögonblick.

den klassiska polaroiden innefattade den vita ramen med utrymmet i botten där du kunde skriva något ... Ljudkänt?

Låter bekant? Så mycket av sociala medier tar det visuellt cue från den klassiska polaroid-80-åriga i år. Inflytandet kan ses i Facebook-inlägg, Instagram, Twitter och, naturligtvis, Pinterest. Detta har i sin tur haft en påverkan på webbdesign i allmänhet. Det är en gränssnittsstil som användare har blivit bekväma med genom sociala medier. Den är baserad på ett rutnät, men objekten eller korten är uppdelade på ett sådant sätt att de känns som separata enheter. (Snarare som en massa polaroider som fastnar på en vägg.)

Kortlayout är en integrerad del av materialdesign. Separationen uppnås ofta genom att använda skuggor, vilket ger en djup illusion eller en liten färgskillnad. Det är ett populärt val för nyhetswebbplatser, tidskriftswebbplatser och bloggar, som alla presenterar användaren med "snapshots" av berättelser som de kan välja att klicka på för att läsa mer. Det är också populärt för portföljer eftersom det tillåter mycket olika innehåll att presenteras samtidigt, men tydligt.

Eftersom denna kortlayoutstil har blivit mer populär har den utvecklats som designers spelar med sig och hitta sätt att skapa kortlayouter som känns fräscha och intressanta. Vissa använder asymmetri till stor effekt, vissa lägger mycket utrymme mellan kort, andra lägger ingen alls. De flesta kortlayouter använder bilder, men det finns några som bara använder text, åtminstone på några av korten. Vissa har bilden och texten synlig på "fronten", andra visar bara sin text på interaktion.

Det som är bra att se är den här funktionella, praktiska layoutstilen anpassad och formad av olika kreativa tillvägagångssätt, så att den inte blir föråldrad.