Sosiaalinen media on kaikkialla verkossa ja se on erittäin tärkeä asia harkita sivuston suunnittelussa. Sosiaalisen median kuvakkeiden tai linkkien näyttäminen voi vaikuttaa suoraan käyttäjän vastauksiin ja sitoutumiseen.

Sosiaalisen median aihe on kaikkialla verkossa, ja se on tärkeää ottaa huomioon suunniteltaessa verkkosivustoa.

Sosiaalisen median kuvakkeiden tai linkkien näyttämisellä on suora vaikutus käyttäjän sitoutumiseen.

Sinun on otettava huomioon monia yksityiskohtia, kun luodaan sivu, sisältäen sivun asettelun, sisällön virran ja pääalueen.

Olitpa pääty otsikkorivillä tai kuvakkeissa olevaan typografiseen linkkiin, sinun on testattava värejä, muotoja, typografiaa ja kuvankäsittelyä, jotta sosiaaliset linkit voidaan yhdistää huolellisesti, sitoutua ja suunnitella hyvin.

Tässä näytämme esimerkkejä siitä, miten verkkosivustot näyttävät sosiaalisiin linkkeihinsä, jotta näet erilaisia ​​vaihtoehtoja siellä. Tarkista heidät ja kerro meille, mitä mieltä olet.

Contentcube

Digitaalisen ratkaisutoimiston Contentcube tarjoaa puhtaan ulkoasun, joka saa meidät huomiosta hieman tekstuurin ja värillisen otsikon avulla. Sekä Twitter että Facebook-linkit sijaitsevat otsikossa, rivillä "Seuraa meitä ..."

wdsm01
wdsm02

liimaa Isobar

liima Isobar, luova virasto, on myös puhdas ulkoasu, ja kuvat on sijoitettu kauniisti sivun yli. Kaikki sosiaaliset linkit ovat alatunnisteessa, houkuttelevilla kuvakkeilla ja vahvalla taustavärillä. Yhtiöllä on myös widgetti, joka on lähellä jalkapohjaa viimeisimmällä tweetillä.

wdsm03
wdsm04

Focus Lab

Focus Lab, pieni verkkosivustojen suunnittelijoiden ja kehittäjien ryhmä, on kaunis, puhdas ja minimaalinen sivu. Se näyttää Twitter- ja Flickr-linkit yhteystietosivulta ja alatunnisteelta.

wdsm05
wdsm06
wdsm07

Aatami

Adam korjaa otsikonsa ja alatunnistuksensa paikallaan vierittämällä. Sosiaaliset linkit näkyvät alatunnisteessa, joka on kiinnitetty sivun oikeaan alakulmaan.

wdsm08
wdsm09

Jahti

Chaseilla on parallaalinen vaikutus vierittämällä sivua ympäri. Selaa aina alas nähdäksesi sosiaaliset kuvakkeet.

wdsm10
wdsm11

hellofisher

hellofisher, käyttäjäkokemuksen suunnittelija ja puhuja Steven Fisher, on myös puhdas muotoilu, jossa sosiaaliset kuvakkeet on esitelty hyvin tyylikkäästi alatunnisteessa.

wdsm12
wdsm13

Elless

Paul Morrisin luova keskus, Elless, on kauniin ja värikäs muotoilu, joka perustuu muotoon, tekstuuriin ja typografiaan. Sosiaaliset kuvakkeet ovat yhteystietosivulla sekä yhteydenottolomake.

wdsm14
wdsm15

Owltastic

Owltastic tuo sosiaaliset kuvakkeensa sivupalkin oikeaan yläkulmaan, jota edeltää "Seuraa minua". Värin, typografian ja grafiikan yhdistelmä on hienovarainen ja kaunis.

wdsm16
wdsm17

avautua

Unfold on yhden sivun muotoilu, jota voit selata vierittämällä tai valikon avulla. Sosiaalitiedot löytyvät valikosta "Jakaminen".

wdsm18
wdsm19

Inflicted

Sivusto on Hugo Loningin visuaalisen suunnittelija. Sosiaaliset kuvakkeet ovat otsakkeessa, erottuvat punaisella.

wdsm20
wdsm21

Todella yksinkertainen

Kuten arvata, todella yksinkertaisella on puhdas ja minimaalinen muotoilu. Sen Twitter-linkki on otsikon päävalikossa yksinkertaisena typografisena linkkinä.

wdsm22
wdsm23

Jarad Johnson

Interaktiivinen suunnittelija Jarad Johnson on toinen, joka tarjoaa viehättävän yhdistelmän väriä, muotoa ja typografiaa. Hänen sosiaaliset kuvakkeet kerätään yhteystietoihin.

wdsm24
wdsm25

Mikä on Cupcake?

Mikä on Cupcake? seuraa sen cupcakes teemaa antamalla sosiaalinen kuvakkeet mukava väri, muoto ja kehys. Kuvakkeet näkyvät sivun keskellä.

wdsm26
wdsm27

Pieni Fortune

Pieni Fortune, luova studio, on yksinkertainen ja kaunis layout. Sen sosiaaliset linkit ovat tekstipohjaisia ​​ja niillä on hieno taustaväri.

wdsm28
wdsm29

Punainen pop

Punainen Pop on puhdas ulkoasu. Punainen tausta ja valkoinen teksti sekoittuvat hyvin, ja sosiaaliset linkit ovat myös yksinkertaisia ​​ja tekstipohjaisia.

wdsm30
wdsm31

Sisustetut soittolistat

Sisustetuilla soittolistoilla on puhdas, minimaalinen ja kaunis muotoilu. Minimaalinen tekstiperusteinen Twitter-linkki näkyy otsikkovalikossa.

wdsm32
wdsm33

Big Eye

Big Eye näyttää sosiaaliset kuvakkeet otsikossa, päävalikon yläpuolella. Värit, typografia, tekstuuri ja kuvakkeet yhdistyvät erittäin hyvin.

wdsm34
wdsm35

Creative Jar

Creative Jar tuo sosiaaliset kuvakkeet kahteen paikkaan: otsikossa animoituna Twitter-widgetinä ja alatunnisteena kuvakkeina.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau on tyylikäs ja puhdas ulkoasu, joka näyttää sosiaaliset kuvakkeet kauniissa otsakkeessa.

wdsm39
wdsm40

Octavo mallit

Octavo Designilla on useita eri taustakuvia ja pystysuorat navigointi. Sosiaaliset kuvakkeet ovat oikeassa yläkulmassa.

wdsm41
wdsm42

Mikä on suosikki tapa esitellä sosiaalisia kuvakkeita? Kumpi täällä kiinnostaa sinua eniten?