Sociale medier er hele internettet, og det er noget meget vigtigt at overveje, når du designer en hjemmeside. Den måde, hvorpå du viser dine sociale medier ikoner / links, kan direkte påvirke svaret og engagementet fra dine brugere.

Emnet for sociale medier er hele internettet, og det er vigtigt at overveje det, når man designer et websted.

Den måde, du viser sociale medier ikoner eller links har en direkte effekt på bruger engagement.

Du skal overveje mange detaljer, når du lægger en side op, herunder layout, indholdsstrøm og hovedområde på siden.

Uanset om du ender med typografiske links i overskriften eller ikonerne i footeren, bør du teste farver, former, typografi og ikonografi for at sikre, at dine sociale forbindelser bliver omhyggeligt kombineret, engagerende og veldesignede.

Her viser vi nogle eksempler på, hvordan websteder viser deres sociale links, så du kan se de mange muligheder derude. Tjek dem ud, og lad os vide, hvad du synes.

Contentcube

Contentcube, et digitalløsningsagentur, har et rent layout, der får vores opmærksomhed med lidt tekstur og en farvet overskrift. Både Twitter og Facebook links er placeret i overskriften, med linjen "Følg os på ..."

wdsm01
wdsm02

lim Isobar

lim Isobar, et kreativt bureau, har også et rent layout med billeder placeret smukt på tværs af siden. Alle sociale links er i fodfoden, med attraktive ikoner og en stærk baggrundsfarve. Virksomheden indeholder også en widget tæt på footer med sin nyeste tweet.

wdsm03
wdsm04

Focus Lab

Focus Lab, et lille team af website designere og udviklere, har en smuk, ren og minimal side. Det viser sine Twitter og Flickr links på kontakt siden og i footer.

wdsm05
wdsm06
wdsm07

Adam

Adam løser sit overskrift og sidefod på plads, mens du ruller ned. De sociale links vises i sidefoden, fastgjort til bunden til højre på siden.

wdsm08
wdsm09

Jagten

Chase har parallax-effekten, mens du ruller rundt på siden. Rul hele vejen til bunden for at finde de sociale ikoner.

wdsm10
wdsm11

hellofisher

hellofisher, hjemmesiden til brugeroplevelsesdesigner og højttaler Steven Fisher, har også et rent design, med sociale ikoner fremvist meget elegant i fodfoden.

wdsm12
wdsm13

Elless

Elless, den kreative hub af Paul Morris, har et smukt og farverigt layout baseret på form, tekstur og typografi. Sociale ikoner er på kontaktsiden sammen med kontaktformularen.

wdsm14
wdsm15

Owltastic

Owltastic sætter sine sociale ikoner øverst til højre på sidepanelet, efterfulgt af "Følg mig". Kombinationen af ​​farve, typografi og grafik her er subtil og smuk.

wdsm16
wdsm17

Fold

Udfold er et enkelt-sidedesign, som du kan navigere ved at rulle eller via menuen. Du kan finde de sociale oplysninger under menupunktet for "Deling".

wdsm18
wdsm19

påførte

Inflicted er hjemmesiden til den visuelle designer Hugo Loning. De sociale ikoner er i overskriften og står ud i rødt.

wdsm20
wdsm21

Virkelig simpelt

Som du ville gætte, har Really Simple et rent og minimal design. Dens Twitter-link er i hovedmenuen i overskriften, som et simpelt typografisk link.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, en interaktiv designer, er en anden, der tilbyder en attraktiv kombination af farve, form og typografi. Hans sociale ikoner er samlet på kontaktsiden.

wdsm24
wdsm25

Hvad er op muffin?

Hvad er op muffin? følger temaet for sine cupcakes ved at give sine sociale ikoner en fin farve, form og ramme. Ikonerne vises nede på midten af ​​siden.

wdsm26
wdsm27

Lille Fortune

Small Fortune, et kreativt studie, har et simpelt og smukt layout. Dens sociale links er tekstbaserede og har en god baggrundsfarve.

wdsm28
wdsm29

Rød Pop

Rød pop har et rent layout. Den røde baggrund og den hvide tekst blandes godt, og de sociale links er også enkle og tekstbaserede.

wdsm30
wdsm31

Dekorerede Playlister

Dekorerede Playlister har et rent, minimalt og smukt design. Det minimale tekstbaserede Twitter-link vises i hovedmenuen.

wdsm32
wdsm33

Big Eye

Big Eye viser sine sociale ikoner i overskriften over hovedmenuen. Farver, typografi, tekstur og ikoner kombineres meget godt.

wdsm34
wdsm35

Creative Jar

Creative Jar sætter sine sociale ikoner på to steder: i overskriften som en animeret Twitter-widget og i foden som ikoner.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau har et elegant og rent layout, der viser sociale ikoner i sin smukke hovedtekst.

wdsm39
wdsm40

Octavo Designs

Octavo Design har flere forskellige baggrundsbilleder og lodret navigation. De sociale ikoner er i øverste højre hjørne.

wdsm41
wdsm42

Hvad er din foretrukne måde at vise sociale ikoner på? Hvilken her involverer dig mest?