Sociální média jsou po celém webu a je to velmi důležité při návrhu webových stránek. Způsob, jakým zobrazujete ikony / odkazy sociálních médií, může mít přímý vliv na reakci a angažovanost vašich uživatelů.

Téma sociálních médií je po celém webu a je důležité jej při návrhu webové stránky zvážit.

Způsob, jakým zobrazujete ikony nebo odkazy sociálních médií, má přímý vliv na zapojení uživatelů.

Při vytyčování stránky je třeba uvažovat o mnoha podrobnostech, včetně rozvržení, toku obsahu a hlavní oblasti odpočinku na stránce.

Ať už skončíte s typografickými odkazy v záhlaví nebo ikonami v zápatí, měli byste otestovat barvy, tvary, typografii a ikonografii, abyste zajistili, že vaše sociální vazby budou promyšleně kombinovány, zapojeny a dobře navrženy.

Zde vám ukážeme několik příkladů, jak webové stránky zobrazují své sociální odkazy, takže můžete vidět různé možnosti. Vyzkoušejte je a dejte nám vědět, co si myslíte.

Contentcube

Agentura pro digitální řešení Contentcube má čisté uspořádání, které přináší naši pozornost trochu textury a barevného záhlaví. Odkazy Twitter a Facebook se nacházejí v hlavičce s řádkem "Sledujte nás na ..."

wdsm01
wdsm02

lepidlo Isobar

lepidlo Isobar, kreativní agentura, také má čisté rozložení, s obrázky umístěnými krásně přes stránku. Veškeré sociální odkazy jsou v zápatí, s atraktivními ikonami a silnou barvou pozadí. Společnost také obsahuje widget v blízkosti zápatí s nejnovějšími tweet.

wdsm03
wdsm04

Focus Lab

Focus Lab, malý tým návrhářů webových stránek a vývojářů, má krásnou, čistou a minimální stránku. Zobrazuje odkazy na Twitter a Flickr na stránce kontaktů a zápatí.

wdsm05
wdsm06
wdsm07

Adam

Adam opraví jeho záhlaví a zápatí na místě, když se posunete dolů. Sociální vazby se objevují v zápatí, upevněné v pravé dolní části stránky.

wdsm08
wdsm09

Honička

Funkce Chase má paralaxní efekt při procházení stránky. Přejděte dolů a najděte sociální ikony.

wdsm10
wdsm11

hellofisher

hellofisher, webová stránka návrháře a reproduktorů zkušeností uživatelů Steven Fishera, má také čistý design, společenské ikony jsou velmi elegantně prezentovány v zápatí.

wdsm12
wdsm13

Elles

Elles, kreativní centrum Paul Morris, má krásné a barevné uspořádání založené na tvaru, textuře a typografii. Společenské ikony jsou na kontaktní stránce spolu s kontaktní formulář.

wdsm14
wdsm15

Owltastic

Owltastic umístí své sociální ikony v pravém horním rohu postranního panelu, před kterým je "Následuj mě". Kombinace barev, typografie a grafiky je zde jemná a krásná.

wdsm16
wdsm17

Rozvinout

Rozbalte je jednostránkový design, který můžete procházet posouváním nebo přes menu. Sociální informace naleznete v nabídce "Sdílení".

wdsm18
wdsm19

Zaviněno

Způsobené je webová stránka vizuálního designéra Huga Loninga. Společenské ikony jsou v hlavičce, vystupují červeně.

wdsm20
wdsm21

Really Simple

Jak jste si mysleli, Really Simple má čistý a minimální design. Jeho odkaz na Twitter je v hlavním menu v záhlaví, jako jednoduchý typografický odkaz.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, interaktivní designér, je další, který nabízí atraktivní kombinaci barvy, tvaru a typografie. Jeho sociální ikony se shromažďují na kontaktní stránce.

wdsm24
wdsm25

Co se jmenuje Cupcake?

Co se jmenuje Cupcake? následuje téma své košíčky tím, že dává svým společenským ikonám pěknou barvu, tvar a rám. Ikony se zobrazují uprostřed stránky.

wdsm26
wdsm27

Malá štěstí

Small Fortune, kreativní studio, má jednoduché a krásné uspořádání. Jeho sociální vazby jsou založeny na textu a mají pěknou barvu pozadí.

wdsm28
wdsm29

Red Pop

Red Pop má čisté rozložení. Červené pozadí a bílé textové mixy dobře a sociální odkazy jsou také jednoduché a založené na textu.

wdsm30
wdsm31

Dekorativní seznamy skladeb

Zdobené playlisty mají čistý, minimální a krásný design. V nabídce záhlaví se zobrazí minimální textový odkaz Twitter.

wdsm32
wdsm33

Velké oko

Big Eye zobrazuje své sociální ikony v záhlaví nad hlavním menu. Barvy, typografie, textura a ikony jsou velmi dobře kombinovány.

wdsm34
wdsm35

Creative Jar

Creative Jar uvádí své sociální ikony na dvě místa: v hlavičce jako animovaný widget Twitter a v zápatí jako ikony.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau má elegantní a čisté rozložení, které zobrazuje sociální ikony ve své krásné hlavičce.

wdsm39
wdsm40

Octavo Designs

Octavo Design má několik různých obrázků na pozadí a vertikální navigaci. Společenské ikony jsou v pravém horním rohu.

wdsm41
wdsm42

Jaký je váš oblíbený způsob prezentace sociálních ikon? Který z nich vás nejvíce zabývá?