Sosiale medier er over hele nettet, og det er noe veldig viktig å vurdere når du designer et nettsted. Måten du viser dine sosiale medier-ikoner / linker, kan direkte påvirke responsen og engasjementet fra brukerne dine.

Emnet for sosiale medier er over hele nettet, og det er viktig å vurdere det når du designer et nettsted.

Måten du viser sosiale ikoner eller koblinger har en direkte effekt på brukerengasjement.

Du må vurdere mange detaljer når du legger ut en side, inkludert oppsettet, innholdsstrømmen og hovedrommet på siden.

Enten du slutter med typografiske koblinger i toppteksten eller ikonene i bunnteksten, bør du teste farger, former, typografi og ikonografi for å sikre at dine sosiale koblinger blir gjennomtenkt kombinert, engasjerende og godt utformet.

Her viser vi noen eksempler på hvordan nettsteder viser sine sosiale lenker, slik at du kan se utvalget av alternativer der ute. Sjekk dem ut, og la oss få vite hva du synes.

Contentcube

Contentcube, et digitalløsningsbyrå, har et rent layout som får oppmerksomheten vår med litt tekstur og en farget overskrift. Både Twitter og Facebook koblinger er plassert i overskriften, med linjen "Følg oss på ..."

wdsm01
wdsm02

lim Isobar

lim Isobar, et kreativt byrå, har også et rent layout, med bilder plassert vakkert over hele siden. Alle sosiale lenker er i bunnteksten, med attraktive ikoner og en sterk bakgrunnsfarge. Selskapet inneholder også en widget nær fotfoten med sin nyeste tweet.

wdsm03
wdsm04

Focus Lab

Focus Lab, et lite team av webdesignere og utviklere, har en vakker, ren og minimal side. Den viser sine Twitter- og Flickr-koblinger på kontaktsiden og i bunnteksten.

wdsm05
wdsm06
wdsm07

Adam

Adam fikserer sin topptekst og bunntekst på plass mens du ruller ned. De sosiale koblingene vises i bunnteksten, festet nederst til høyre på siden.

wdsm08
wdsm09

Jakten

Chase har parallax-effekten mens du ruller rundt på siden. Bla helt til bunnen for å finne de sosiale ikonene.

wdsm10
wdsm11

hellofisher

hellofisher, nettstedet til brukeropplevelsesdesigner og høyttaler Steven Fisher, har også en ren design, med sosiale ikoner fremstilt veldig elegant i fotfeltet.

wdsm12
wdsm13

Elless

Elless, den kreative knutepunktet til Paul Morris, har et vakkert og fargerikt layout basert på form, tekstur og typografi. Sosiale ikoner er på kontakt siden, sammen med kontaktskjemaet.

wdsm14
wdsm15

Owltastic

Owltastic setter sine sosiale ikoner øverst til høyre på sidepanelet, foran "Følg meg." Kombinasjonen av farge, typografi og grafikk her er subtil og vakker.

wdsm16
wdsm17

Brette

Utfold er en enkeltsidesdesign som du kan navigere ved å bla eller via menyen. Du finner den sosiale informasjonen under menyalternativet for "Deling".

wdsm18
wdsm19

påført

Inflicted er nettsted for visuell designer Hugo Loning. De sosiale ikonene er i overskriften, og står ut i rødt.

wdsm20
wdsm21

Virkelig enkelt

Som du vil gjette, har Really Simple en ren og minimal design. Twitter-lenken er i hovedmenyen i toppteksten, som en enkel typografisk lenke.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, en interaktiv designer, er en annen som tilbyr en attraktiv kombinasjon av farge, form og typografi. Hans sosiale ikoner er samlet på kontakt siden.

wdsm24
wdsm25

Hva skjer med Cupcake?

Hva skjer med Cupcake? følger temaet for sine cupcakes ved å gi sine sosiale ikoner en fin farge, form og ramme. Ikonene vises nede på midten av siden.

wdsm26
wdsm27

Små formue

Small Fortune, et kreativt studio, har en enkel og vakker layout. Dens sosiale lenker er tekstbaserte og har en fin bakgrunnsfarge.

wdsm28
wdsm29

Red Pop

Red Pop har et rent layout. Den røde bakgrunnen og den hvite teksten er gode, og de sosiale linkene er også enkle og tekstbaserte.

wdsm30
wdsm31

Dekorert spillelister

Dekorerte spillelister har en ren, minimal og vakker design. Den minimale tekstbaserte Twitter-lenken vises i topptekstmenyen.

wdsm32
wdsm33

Big Eye

Big Eye viser sine sosiale ikoner i overskriften, over hovedmenyen. Farger, typografi, tekstur og ikoner kombineres veldig bra.

wdsm34
wdsm35

Creative Jar

Creative Jar setter sine sosiale ikoner på to steder: i overskriften som en animert Twitter-widget, og i bunnteksten som ikoner.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau har et elegant og rent layout som viser sosiale ikoner i sin vakre header.

wdsm39
wdsm40

Octavo Designs

Octavo Design har flere forskjellige bakgrunnsbilder og vertikal navigasjon. De sosiale ikonene er i øverste høyre hjørne.

wdsm41
wdsm42

Hva er din favoritt måte å vise sosiale ikoner på? Hvilken her involverer deg mest?