Social Media gibt es überall im Web und es ist sehr wichtig, sie beim Entwerfen einer Website zu berücksichtigen. Die Art und Weise, wie Sie Ihre Social Media-Symbole / Links anzeigen, kann sich direkt auf die Reaktion und das Engagement Ihrer Nutzer auswirken.

Das Thema Social Media findet sich überall im Web und es ist wichtig, es bei der Gestaltung einer Website zu berücksichtigen.

Die Art und Weise, in der Sie Social Media-Symbole oder Links anzeigen, wirkt sich direkt auf die Benutzerinteraktion aus.

Bei der Gestaltung einer Seite müssen Sie viele Details berücksichtigen, einschließlich des Layouts, des Inhaltsflusses und des Hauptbereichs der Ruhe auf der Seite.

Unabhängig davon, ob Sie typografische Links in der Kopfzeile oder Symbole in der Fußzeile erhalten, sollten Sie Farben, Formen, Typografie und Ikonographie testen, um sicherzustellen, dass Ihre sozialen Links durchdacht kombiniert, ansprechend und gut gestaltet sind.

Hier zeigen wir Ihnen einige Beispiele dafür, wie Websites ihre sozialen Links anzeigen, damit Sie die Vielfalt der Möglichkeiten sehen können. Schau sie dir an und lass uns wissen, was du denkst.

Inhaltscube

Contentcube, eine Agentur für digitale Lösungen, hat ein sauberes Layout, das unsere Aufmerksamkeit mit ein wenig Textur und einem farbigen Header auf sich zieht. Sowohl die Twitter- als auch die Facebook-Links befinden sich in der Kopfzeile mit der Zeile "Follow us on ..."

wdsm01
wdsm02

kleben Isobar

Leim Isobar, eine Kreativagentur, hat auch ein sauberes Layout mit Bildern, die wunderschön über die Seite verteilt sind. Alle sozialen Links sind in der Fußzeile, mit attraktiven Icons und einer starken Hintergrundfarbe. Das Unternehmen enthält auch ein Widget in der Nähe des Fußes mit seinem neuesten Tweet.

wdsm03
wdsm04

Fokuslabor

Focus Lab, ein kleines Team von Website-Designern und Entwicklern, hat eine schöne, saubere und minimale Seite. Es zeigt seine Twitter- und Flickr-Links auf der Kontaktseite und in der Fußzeile.

wdsm05
wdsm06
wdsm07

Adam

Adam korrigiert seine Kopf- und Fußzeile beim Scrollen nach unten. Die sozialen Links werden in der Fußzeile rechts unten auf der Seite angezeigt.

wdsm08
wdsm09

Die Jagd

Der Chase bietet den Parallax-Effekt, wenn Sie auf der Seite blättern. Scrolle den ganzen Weg nach unten, um die sozialen Symbole zu finden.

wdsm10
wdsm11

Hellofisher

hellofisher, die Website von User Experience Designer und Redner Steven Fisher, hat auch ein sauberes Design, mit sozialen Symbolen sehr elegant in der Fußzeile dargestellt.

wdsm12
wdsm13

Elles

Elless, das kreative Zentrum von Paul Morris, hat ein wunderschönes und farbenfrohes Layout, das auf Form, Textur und Typografie basiert. Soziale Symbole befinden sich zusammen mit dem Kontaktformular auf der Kontaktseite.

wdsm14
wdsm15

Owtastic

Owtastic platziert seine sozialen Symbole oben rechts in der Seitenleiste, gefolgt von "Follow me". Die Kombination aus Farbe, Typografie und Grafik ist hier subtil und schön.

wdsm16
wdsm17

Entfalten

Unfold ist ein einseitiges Design, das Sie durch Scrollen oder über das Menü navigieren können. Sie finden die sozialen Informationen unter dem Menüpunkt "Sharing".

wdsm18
wdsm19

Zugefügt

Zufügt ist die Website von Visual Designer Hugo Loning. Die sozialen Symbole sind in der Kopfzeile und stehen in roter Farbe.

wdsm20
wdsm21

Wirklich einfach

Wie Sie sich denken können, hat Really Simple ein sauberes und minimalistisches Design. Der Twitter-Link befindet sich im Hauptmenü als einfacher typografischer Link.

wdsm22
wdsm23

Jarad Johnson

Jarad Johnson, ein interaktiver Designer, ist ein anderer, der eine attraktive Kombination aus Farbe, Form und Typografie bietet. Seine sozialen Symbole sind auf der Kontaktseite zusammengefasst.

wdsm24
wdsm25

Was ist Up Cupcake?

Was ist Up Cupcake? folgt dem Thema seiner Cupcakes, indem es seinen sozialen Ikonen eine schöne Farbe, Form und Rahmen gibt. Die Symbole erscheinen in der Mitte der Seite.

wdsm26
wdsm27

Kleines Glück

Small Fortune, ein kreatives Studio, hat ein einfaches und schönes Layout. Seine sozialen Verbindungen sind textbasiert und haben eine schöne Hintergrundfarbe.

wdsm28
wdsm29

Roter Pop

Red Pop hat ein sauberes Layout. Der rote Hintergrund und der weiße Text mischen sich gut und die sozialen Links sind ebenfalls einfach und textbasiert.

wdsm30
wdsm31

Dekorierte Playlisten

Dekorierte Playlists hat ein sauberes, minimalistisches und schönes Design. Der minimale textbasierte Twitter-Link erscheint im Kopfmenü.

wdsm32
wdsm33

Großes Auge

Big Eye präsentiert seine sozialen Symbole in der Kopfzeile über dem Hauptmenü. Farben, Typografie, Textur und Icons sind sehr gut miteinander kombiniert.

wdsm34
wdsm35

Kreatives Glas

Creative Jar setzt seine sozialen Symbole an zwei Stellen: im Header als animiertes Twitter-Widget und in der Fußzeile als Symbole.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau hat ein elegantes und sauberes Layout, das soziale Symbole in seinem schönen Header zeigt.

wdsm39
wdsm40

Octavo Designs

Octavo Design hat verschiedene Hintergrundbilder und vertikale Navigation. Die sozialen Symbole befinden sich in der oberen rechten Ecke.

wdsm41
wdsm42

Was ist deine bevorzugte Art soziale Symbole zu präsentieren? Welcher hier beschäftigt dich am meisten?