Sociale media zijn overal op het internet en het is iets heel belangrijks om rekening mee te houden bij het ontwerpen van een website. De manier waarop u uw sociale media-pictogrammen / links weergeeft, kan rechtstreeks van invloed zijn op het antwoord en de betrokkenheid van uw gebruikers.
Het onderwerp sociale media is overal op het internet en het is belangrijk om erover na te denken bij het ontwerpen van een website.
De manier waarop u pictogrammen of koppelingen van sociale media weergeeft, heeft een direct effect op de betrokkenheid van gebruikers.
U moet rekening houden met veel details bij het opmaken van een pagina, inclusief de lay-out, de inhoudsstroom en het belangrijkste rustgebied op de pagina.
Of u nu typografische links in de koptekst of pictogrammen in het voettekstbeeld krijgt, u moet kleuren, vormen, typografie en iconografie testen om ervoor te zorgen dat uw sociale links zorgvuldig worden gecombineerd, boeiend en goed ontworpen.
Hier laten we u enkele voorbeelden zien van hoe websites hun sociale links weergeven, zodat u de verschillende opties kunt zien die er zijn. Bekijk ze en laat ons weten wat je ervan vindt.
Contentcube, een agentschap voor digitale oplossingen, heeft een strakke lay-out die onze aandacht krijgt met een beetje textuur en een gekleurde kop. Zowel Twitter- als Facebook-links bevinden zich in de koptekst, met de regel "Volg ons op ..."
lijm Isobar, een creatief bureau, heeft ook een strakke lay-out, met afbeeldingen die prachtig op de pagina zijn geplaatst. Alle sociale links staan in de voettekst, met aantrekkelijke pictogrammen en een sterke achtergrondkleur. Het bedrijf bevat ook een widget in de buurt van de voettekst met de nieuwste tweet.
Focus Lab, een klein team van website-ontwerpers en ontwikkelaars, heeft een mooie, schone en minimale pagina. Het toont zijn Twitter- en Flickr-links op de contactpagina en in de voettekst.
Adam corrigeert de kop- en voettekst op zijn plaats terwijl je naar beneden scrolt. De sociale links verschijnen in het voetgedeelte, rechts onderaan de pagina.
De Chase heeft het parallax-effect terwijl je over de pagina scrolt. Scrol helemaal naar beneden om de sociale pictogrammen te vinden.
hellofisher, de website van user experience designer en spreker Steven Fisher, heeft ook een strak ontwerp, met sociale pictogrammen die heel elegant in het voetgedeelte worden getoond.
Elless, het creatieve centrum van Paul Morris, heeft een prachtige en kleurrijke lay-out op basis van vorm, textuur en typografie. Sociale pictogrammen staan op de contactpagina, samen met het contactformulier.
Owltastic plaatst zijn sociale pictogrammen in de rechterbovenhoek van de zijbalk, voorafgegaan door 'Follow me'. De combinatie van kleur, typografie en afbeeldingen is hier subtiel en mooi.
Unfold is een ontwerp met één pagina waarin u kunt navigeren door te bladeren of via het menu. U kunt de sociale informatie vinden onder de menuoptie voor 'Delen'.
Inflicted is de website van visual designer Hugo Loning. De sociale pictogrammen staan in de kop, rood in het rood.
Zoals je zou raden, heeft Really Simple een schoon en minimaal ontwerp. De Twitter-link bevindt zich in het hoofdmenu in de kop, als een eenvoudige typografische link.
Jarad Johnson, een interactieve ontwerper, is een andere die een aantrekkelijke combinatie van kleur, vorm en typografie biedt. Zijn sociale pictogrammen zijn verzameld op de contactpagina.
What's Up Cupcake? volgt het thema van zijn cupcakes door zijn sociale iconen een mooie kleur, vorm en lijst te geven. De pictogrammen verschijnen in het midden van de pagina.
Small Fortune, een creatieve studio, heeft een eenvoudige en mooie lay-out. De sociale links zijn op tekst gebaseerd en hebben een mooie achtergrondkleur.
Red Pop heeft een strakke lay-out. De rode achtergrond en witte tekstmix goed, en de sociale links zijn ook eenvoudig en op tekst gebaseerd.
Versierde afspeellijsten heeft een schoon, minimaal en mooi ontwerp. De minimale op tekst gebaseerde Twitter-koppeling verschijnt in het kopmenu.
Big Eye toont de sociale pictogrammen in de koptekst, boven het hoofdmenu. Kleuren, typografie, textuur en pictogrammen worden heel goed gecombineerd.
Creative Jar plaatst de sociale pictogrammen op twee plaatsen: in de koptekst als een geanimeerde Twitter-widget en in de voettekst als pictogrammen.
Marlon Medau heeft een elegante en strakke lay-out die sociale pictogrammen in zijn prachtige header laat zien.
Octavo Design heeft verschillende achtergrondafbeeldingen en verticale navigatie. De sociale pictogrammen staan in de rechterbovenhoek.
Wat is je favoriete manier om sociale iconen te laten zien? Welke is het meest betrokken?