Mockup ανάρτησης κοινωνικών δικτύων
Δείξτε σε έναν πελάτη, σε έναν συνάδελφο ή στον εαυτό σας πώς θα φαίνεται πραγματικά μια ανάρτηση πριν δημοσιευτεί. Αφήστε εδώ την εικόνα, γράψτε τη λεζάντα, ορίστε το όνομα της σελίδας και τους αριθμούς αλληλεπιδράσεων και δείτε μια ρεαλιστική ανάρτηση Facebook, Instagram ή LinkedIn σε φωτεινή ή σκοτεινή λειτουργία, ως απλή κάρτα ή μέσα σε οθόνη κινητού. Κάντε λήψη σε ευκρινές PNG διπλής ανάλυσης για παρουσίαση, δοκιμαστικό ή email έγκρισης. Η εικόνα και το κείμενό σας δεν φεύγουν ποτέ από τη συσκευή σας.
Σύρετε τα αρχεία εδώ ή κάντε κλικ για να επιλέξετε
Αποτελέσματα
Πώς να φτιάξετε mockup ανάρτησης
- Αφήστε εδώ την εικόνα της ανάρτησης, πολλές εικόνες για carousel ή καμία για ανάρτηση μόνο με κείμενο.
- Επιλέξτε πλατφόρμα, φωτεινή ή σκοτεινή λειτουργία και κάρτα ή πλαίσιο κινητού.
- Γράψτε το όνομα της σελίδας, το όνομα χρήστη, τη λεζάντα και τον αριθμό από «μου αρέσει», σχόλια και κοινοποιήσεις που θέλετε να εμφανίζονται.
- Αν θέλετε, προσθέστε το λογότυπό σας ως εικόνα προφίλ και μετά κάντε λήψη του PNG.
Γιατί να φτιάξετε mockup μιας ανάρτησης πριν τη δημοσιεύσετε
Μια λεζάντα που διαβάζεται ωραία σε ένα έγγραφο μπορεί να φαίνεται εντελώς διαφορετική όταν σπάσει στο πλάτος της ροής και κοπεί με το «See more», μια εικόνα που δείχνει υπέροχη ως αρχείο περικόπτεται σε 4:5 στο Instagram, και ένας πελάτης που ενέκρινε το κείμενο σε ένα email συχνά αντιδρά διαφορετικά όταν το βλέπει ως πραγματική ανάρτηση. Ένα mockup κλείνει αυτές τις συζητήσεις με μια ματιά. Είναι επίσης αυτό που επικολλούν τα γραφεία επικοινωνίας σε παρουσιάσεις και σε συζητήσεις έγκρισης, και αυτό που φωτογραφίζετε για το portfolio σας όταν η πραγματική ανάρτηση δεν έχει δημοσιευτεί ακόμη.
Τι δείχνει το mockup
Κάθε πλατφόρμα σχεδιάζεται με τη δική της διάταξη, γραμματοσειρές, εικονίδια και ετικέτες:
| Πλατφόρμα | Τι παίρνετε |
|---|---|
| Όνομα σελίδας, ώρα ή ετικέτα Sponsored με την υδρόγειο του κοινού, λεζάντα, εικόνα, εικονίδια αντιδράσεων με αριθμό, αριθμό σχολίων και κοινοποιήσεων και τη γραμμή Like, Comment και Share. | |
| Όνομα χρήστη με τον δακτύλιο του story, ετικέτα Sponsored, την εικόνα περικομμένη στις αναλογίες της ροής, τα εικονίδια καρδιάς, σχολίου, αποστολής και αποθήκευσης, τα «μου αρέσει», τη λεζάντα με το όνομα χρήστη στην ίδια γραμμή, το «View all comments» και τη χρονοσφραγίδα. | |
| Όνομα εταιρείας ή προφίλ, αριθμό ακολούθων, ώρα ή ετικέτα Promoted, λεζάντα, εικόνα, τη στοίβα αντιδράσεων με αριθμό, σχόλια και αναδημοσιεύσεις και τη γραμμή Like, Comment, Repost και Send. |
Κάθε πλατφόρμα είναι διαθέσιμη σε φωτεινή και σκοτεινή λειτουργία, είτε ως καθαρή κάρτα ανάρτησης σε απαλό φόντο είτε μέσα σε οθόνη κινητού με γραμμή κατάστασης, που διαβάζεται καλύτερα σε μια παρουσίαση.
Carousel και αναρτήσεις με πολλές εικόνες
Αφήστε εδώ δύο ή περισσότερες εικόνες και το mockup αλλάζει στη διάταξη πολλών εικόνων κάθε πλατφόρμας. Το Facebook σχεδιάζει διαφήμιση carousel: τετράγωνες κάρτες δίπλα δίπλα, με την επόμενη κάρτα να ξεπροβάλλει από δεξιά, καθεμία με τίτλο, το όνομα της σελίδας σας και ένα κουμπί με κείμενο που ορίζετε εσείς. Το Instagram και το LinkedIn δείχνουν μία διαφάνεια τη φορά, με τον μετρητή διαφανειών στη γωνία και τις τελείες ή τη γραμμή σελίδων από κάτω, και επιλέγετε ποια διαφάνεια θα είναι μπροστά. Για carousel, η λήψη περιέχει πάντα δύο PNG: την προβολή ροής ακριβώς όπως την προσπερνούν οι χρήστες με κύλιση και μια προβολή όλων των διαφανειών με κάθε κάρτα δίπλα στην άλλη, που είναι αυτή που καταλαβαίνουν οι πελάτες με μια ματιά.
Για ένα πειστικό αποτέλεσμα
- Χρησιμοποιήστε το πραγματικό μέγεθος της εικόνας. Η προεπισκόπηση περικόπτει τις ψηλές εικόνες όπως η ροή, οπότε βλέπετε ακριβώς τι κόβεται. Οι τετράγωνες εικόνες ή αυτές σε 4:5 εμφανίζονται ολόκληρες.
- Προσθέστε το λογότυπό σας ως εικόνα προφίλ. Τα αρχικά αρκούν για έναν γρήγορο έλεγχο, αλλά το λογότυπο είναι αυτό που κάνει το mockup να μοιάζει με στιγμιότυπο οθόνης.
- Βάλτε πειστικούς αριθμούς. Τα «μου αρέσει», τα σχόλια και οι κοινοποιήσεις μορφοποιούνται όπως τα δείχνει κάθε πλατφόρμα, οπότε το 1240 γίνεται 1,2K εκεί όπου η πλατφόρμα θα το συντόμευε.
- Επικολλήστε την τελική λεζάντα. Οι αλλαγές γραμμής και τα emoji διατηρούνται, και οι μεγάλες λεζάντες κόβονται εκεί όπου θα τις έκοβε η ροή.
- Ενεργοποιήστε την ετικέτα χορηγίας όταν ελέγχετε μια διαφήμιση και όχι μια απλή ανάρτηση. Η διατύπωση της ετικέτας αλλάζει ανά πλατφόρμα.
Λήψη και χρήση του mockup
Η λήψη είναι ένα PNG στο διπλάσιο μέγεθος της οθόνης, οπότε μένει ευκρινές όταν μπαίνει σε διαφάνεια, σε έγγραφο ή σε σελίδα portfolio. Επειδή περιλαμβάνει το φόντο, μπαίνει απευθείας σε μια παρουσίαση. Αν το χρειάζεστε χωρίς φόντο για σύνθεση, περικόψτε το αργότερα με το εργαλείο περικοπής.
Τι δεν κάνει
Δεν δημοσιεύει τίποτα, δεν προγραμματίζει τίποτα και δεν συνδέεται με κανέναν λογαριασμό, και δεν είναι αντίγραφο ακριβές μέχρι το τελευταίο pixel κάθε ενημέρωσης των πλατφορμών. Οι διατάξεις ροής αλλάζουν κατά λίγα pixel κάθε λίγους μήνες· το mockup ακολουθεί την τρέχουσα διάταξη αρκετά πιστά για εγκρίσεις, παρουσιάσεις και έργα portfolio, και αυτός είναι ο σκοπός των mockup. Οι αναρτήσεις βίντεο δεν υποστηρίζονται ακόμη· χρησιμοποιήστε ένα καρέ από το βίντεο ως εικόνα και η υπόλοιπη διάταξη είναι ίδια.
Απόρρητο
Οι καμπάνιες που δεν έχουν κυκλοφορήσει είναι ακριβώς το είδος του υλικού που δεν πρέπει να μεταφορτωθεί σε έναν τυχαίο ιστότοπο mockup. Αυτό το εργαλείο σχεδιάζει την προεπισκόπηση και δημιουργεί το PNG εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Η εικόνα, η λεζάντα και το λογότυπό σας δεν φεύγουν ποτέ από τη συσκευή σας.
Συχνές ερωτήσεις
Μεταφορτώνεται η εικόνα ή η λεζάντα μου σε διακομιστή;
Όχι. Η προεπισκόπηση σχεδιάζεται στο πρόγραμμα περιήγησής σας και το PNG δημιουργείται στη συσκευή σας. Καμπάνιες που δεν έχουν κυκλοφορήσει μένουν ιδιωτικές.
Δείχνει διαφημίσεις εκτός από απλές αναρτήσεις;
Ναι. Ενεργοποιήστε την ετικέτα χορηγίας και το mockup δείχνει «Sponsored» στο Facebook και στο Instagram και «Promoted» στο LinkedIn.
Μπορώ να χρησιμοποιήσω το λογότυπό μου ως εικόνα προφίλ;
Ναι. Προσθέστε ένα λογότυπο ή μια φωτογραφία και θα χρησιμοποιηθεί ως εικόνα προφίλ· χωρίς αυτό, η προεπισκόπηση δείχνει τα αρχικά σας στο χρώμα της πλατφόρμας.
Πόσο ακριβής είναι η διάταξη;
Ακολουθεί την τρέχουσα διάταξη ροής κάθε πλατφόρμας σε γραμματοσειρές, αποστάσεις, εικονίδια και ετικέτες αρκετά πιστά για εγκρίσεις και παρουσιάσεις. Οι πλατφόρμες αλλάζουν συχνά μικρές λεπτομέρειες, οπότε δείτε το ως πιστό mockup και όχι ως στιγμιότυπο οθόνης ακριβές μέχρι το τελευταίο pixel.
Τι μέγεθος έχει το αρχείο λήψης;
Το PNG αποδίδεται στο διπλάσιο του μεγέθους της οθόνης, οπότε μένει ευκρινές σε παρουσιάσεις και σε οθόνες retina. Υποστηρίζονται επίσης αναρτήσεις μόνο με κείμενο και ψηλές εικόνες.
Μπορώ να δω προεπισκόπηση ενός carousel;
Ναι. Αφήστε εδώ δύο ή περισσότερες εικόνες. Το Facebook δείχνει κάρτες που σύρονται, με τίτλο και κουμπί σε καθεμία, ενώ το Instagram και το LinkedIn δείχνουν τον μετρητή διαφανειών και τις τελείες. Η λήψη σας δίνει δύο PNG: την προβολή ροής με την επόμενη κάρτα να ξεπροβάλλει και μια προβολή όλων των διαφανειών με κάθε κάρτα δίπλα στην άλλη, ώστε να διαλέξει ο πελάτης.
Μπορώ να δω προεπισκόπηση μιας ανάρτησης βίντεο;
Όχι ακόμη. Χρησιμοποιήστε ένα στατικό καρέ από το βίντεο ως εικόνα και η διάταξη είναι ίδια.
Τα αρχεία σας δεν φεύγουν ποτέ από τη συσκευή σας
Κάθε εργαλείο του Squishly Tools είναι 100% δωρεάν και λειτουργεί εξ ολοκλήρου μέσα στο πρόγραμμα περιήγησής σας. Οι εικόνες και τα έγγραφά σας επεξεργάζονται στον δικό σας υπολογιστή και δεν ανεβαίνουν ποτέ σε διακομιστή. Χωρίς λογαριασμούς, χωρίς υδατογραφήματα και χωρίς παγίδες.