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

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 ..."

wdsm01
wdsm02

lijm Isobar

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.

wdsm03
wdsm04

Focus Lab

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.

wdsm05
wdsm06
wdsm07

Adam

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.

wdsm08
wdsm09

De achtervolging

De Chase heeft het parallax-effect terwijl je over de pagina scrolt. Scrol helemaal naar beneden om de sociale pictogrammen te vinden.

wdsm10
wdsm11

hellofisher

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.

wdsm12
wdsm13

Elless

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.

wdsm14
wdsm15

Owltastic

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.

wdsm16
wdsm17

Ontvouwen

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'.

wdsm18
wdsm19

Inflicted

Inflicted is de website van visual designer Hugo Loning. De sociale pictogrammen staan ​​in de kop, rood in het rood.

wdsm20
wdsm21

Heel eenvoudig

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.

wdsm22
wdsm23

Jarad Johnson

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.

wdsm24
wdsm25

What's Up Cupcake?

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.

wdsm26
wdsm27

Klein fortuin

Small Fortune, een creatieve studio, heeft een eenvoudige en mooie lay-out. De sociale links zijn op tekst gebaseerd en hebben een mooie achtergrondkleur.

wdsm28
wdsm29

Red Pop

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.

wdsm30
wdsm31

Versierde afspeellijsten

Versierde afspeellijsten heeft een schoon, minimaal en mooi ontwerp. De minimale op tekst gebaseerde Twitter-koppeling verschijnt in het kopmenu.

wdsm32
wdsm33

Groot oog

Big Eye toont de sociale pictogrammen in de koptekst, boven het hoofdmenu. Kleuren, typografie, textuur en pictogrammen worden heel goed gecombineerd.

wdsm34
wdsm35

Creatieve pot

Creative Jar plaatst de sociale pictogrammen op twee plaatsen: in de koptekst als een geanimeerde Twitter-widget en in de voettekst als pictogrammen.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau heeft een elegante en strakke lay-out die sociale pictogrammen in zijn prachtige header laat zien.

wdsm39
wdsm40

Octavo Designs

Octavo Design heeft verschillende achtergrondafbeeldingen en verticale navigatie. De sociale pictogrammen staan ​​in de rechterbovenhoek.

wdsm41
wdsm42

Wat is je favoriete manier om sociale iconen te laten zien? Welke is het meest betrokken?