20 ιστότοπους που εμπλέκουν τους χρήστες με εικονίδια και συνδέσμους κοινωνικών μέσων

Τα κοινωνικά μέσα ενημέρωσης είναι παντού στον ιστό και είναι πολύ σημαντικό να εξεταστεί κατά το σχεδιασμό ενός ιστότοπου. Ο τρόπος με τον οποίο εμφανίζετε τα εικονίδια / συνδέσεις κοινωνικών μέσων σας μπορεί να επηρεάσει άμεσα την απόκριση και την αφοσίωση από τους χρήστες σας.

Το θέμα των κοινωνικών μέσων ενημέρωσης είναι σε όλο τον ιστό και είναι σημαντικό να το λάβετε υπόψη κατά το σχεδιασμό ενός ιστότοπου.

Ο τρόπος με τον οποίο εμφανίζετε εικονίδια ή συνδέσμους κοινωνικών μέσων έχει άμεση επίδραση στη συμμετοχή του χρήστη.

Θα πρέπει να εξετάσετε πολλές λεπτομέρειες κατά τη διαμόρφωση μιας σελίδας, συμπεριλαμβανομένης της διάταξης, της ροής περιεχομένου και της κύριας περιοχής ανάπαυσης στη σελίδα.

Είτε καταλήγετε με τυπογραφικούς συνδέσμους στην κεφαλίδα ή τα εικονίδια στο υποσέλιδο, θα πρέπει να δοκιμάσετε τα χρώματα, τα σχήματα, την τυπογραφία και την εικονογραφία, για να διασφαλίσετε ότι οι κοινωνικοί σας δεσμοί είναι προσεκτικά συνδυασμένοι, συναρπαστικοί και καλά σχεδιασμένοι.

Εδώ θα σας δείξουμε μερικά παραδείγματα για τον τρόπο με τον οποίο οι ιστότοποι εμφανίζουν τους κοινωνικούς τους συνδέσμους, ώστε να μπορείτε να δείτε τις διάφορες επιλογές εκεί έξω. Ελέγξτε τα έξω και ενημερώστε μας τι πιστεύετε.

Contentcube

Το Contentcube, ένα γραφείο ψηφιακών λύσεων, έχει μια καθαρή διάταξη που τραβάει την προσοχή μας με λίγο υφή και έγχρωμη κεφαλίδα. Τόσο οι συνδέσεις Twitter όσο και το Facebook βρίσκονται στην κεφαλίδα, με τη γραμμή "Ακολουθήστε μας ..."

κόλλα Isobar

η κόλλα Isobar, μια δημιουργική αντιπροσωπεία, έχει επίσης μια καθαρή διάταξη, με τις εικόνες να τοποθετούνται όμορφα σε όλη τη σελίδα. Όλοι οι κοινωνικοί δεσμοί βρίσκονται στο υποσέλιδο, με ελκυστικές εικόνες και έντονο χρώμα φόντου. Η εταιρεία περιλαμβάνει επίσης ένα widget κοντά στο υποσέλιδο με τα τελευταία tweet.

Focus Lab

Το Focus Lab, μια μικρή ομάδα σχεδιαστών ιστοσελίδων και προγραμματιστών, έχει μια όμορφη, καθαρή και ελάχιστη σελίδα. Παρουσιάζει τις συνδέσεις Twitter και Flickr στη σελίδα επαφών και στο υποσέλιδο.

Αδάμ

Ο Adam διορθώνει την κεφαλίδα και το υποσέλιδο στη θέση του κατά την κύλιση προς τα κάτω. Οι κοινωνικοί σύνδεσμοι εμφανίζονται στο υποσέλιδο, σταθεροί στο κάτω δεξιά μέρος της σελίδας.

Το κυνηγητό

Το Chase διαθέτει το φαινόμενο parallax καθώς μετακινηθείτε στη σελίδα. Μετακινηθείτε προς τα κάτω για να βρείτε τα κοινωνικά εικονίδια.

hellofisher

hellofisher, ο ιστοχώρος του σχεδιαστή και του ομιλητή Steven Fisher, έχει επίσης καθαρό σχεδιασμό, με τις κοινωνικές εικόνες να εμφανίζονται πολύ κομψά στο υποσέλιδο.

Έλεσε

Ο Elles, ο δημιουργικός κόμβος του Paul Morris, έχει μια όμορφη και πολύχρωμη διάταξη με βάση το σχήμα, την υφή και την τυπογραφία. Τα κοινωνικά εικονίδια βρίσκονται στη σελίδα επαφών μαζί με τη φόρμα επικοινωνίας.

Owltastic

Το Owltastic θέτει τις κοινωνικές του εικόνες στην πάνω δεξιά γωνία της πλαϊνής γραμμής, που προηγείται από το "Follow me". Ο συνδυασμός χρώματος, τυπογραφίας και γραφικών είναι εδώ λεπτός και όμορφος.

Ξεδιπλωθεί

Η αναδίπλωση είναι ένα σχέδιο μιας σελίδας που μπορείτε να πλοηγηθείτε με κύλιση ή μέσω του μενού. Μπορείτε να βρείτε τις κοινωνικές πληροφορίες στην επιλογή μενού για "Κοινή χρήση".

Προκαλείται

Προκαλείται η ιστοσελίδα του εικαστικού σχεδιαστή Hugo Loning. Τα κοινωνικά εικονίδια βρίσκονται στην κεφαλίδα, με κόκκινο χρώμα.

Πραγματικά Απλή

Όπως θα μαντέψατε, το Really Simple έχει καθαρό και ελάχιστο σχέδιο. Ο σύνδεσμος του Twitter βρίσκεται στο βασικό μενού της κεφαλίδας, ως απλός τυπογραφικός σύνδεσμος.

Τζάραντ Τζόνσον

Ο Jarad Johnson, ένας διαδραστικός σχεδιαστής, είναι άλλος που προσφέρει ένα ελκυστικό συνδυασμό χρώματος, σχήματος και τυπογραφίας. Τα κοινωνικά του εικονίδια συγκεντρώνονται στη σελίδα επαφών.

Τι είναι το Cupcake;

Τι είναι το Cupcake; ακολουθεί το θέμα των φλυτζανιών του δίνοντας στις κοινωνικές του εικόνες ωραίο χρώμα, σχήμα και πλαίσιο. Τα εικονίδια εμφανίζονται κάτω από το κέντρο της σελίδας.

Μικρή περιουσία

Το Small Fortune, ένα δημιουργικό στούντιο, έχει μια απλή και όμορφη διάταξη. Οι κοινωνικοί σύνδεσμοί της βασίζονται σε κείμενο και έχουν ωραίο χρώμα φόντου.

Κόκκινο ποπ

Το Red Pop έχει μια καθαρή διάταξη. Το κόκκινο φόντο και το λευκό κείμενο συνδυάζονται καλά και οι κοινωνικοί δεσμοί είναι επίσης απλοί και βασισμένοι σε κείμενο.

Διακοσμημένα playlist

Τα διακοσμημένα playlists έχουν καθαρό, ελάχιστο και όμορφο σχέδιο. Ο ελάχιστος σύνδεσμος Twitter με βάση το κείμενο εμφανίζεται στο μενού κεφαλίδας.

Μεγαλο μάτι

Το Big Eye προβάλλει τα κοινωνικά του εικονίδια στην κεφαλίδα, πάνω από το κύριο μενού. Τα χρώματα, η τυπογραφία, η υφή και τα εικονίδια συνδυάζονται πολύ καλά.

Creative Jar

Το Creative Jar τοποθετεί τα κοινωνικά του εικονίδια σε δύο μέρη: στην κεφαλίδα ως ένα κινούμενο γραφικό στοιχείο Twitter και στο υποσέλιδο ως εικονίδια.