22 Oct, 2018

Author Archive

Δωρεάν mockup τρίπτυχου εντύπου (PSD)

trifold-brochure-mocup

trifold-brochure-print-template

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

Είναι πολύ εύκολο στην χρήση. Εκμεταλευτείτε τα Smart Layers για να τοποθετήσετε τα σχέδιά σας και είστε έτοιμοι.

trifold-brochure-presentation  

κατεβάστε το από: pixeden.com

Σχεδιάζοντας ιστοσελίδες ηλεκτρονικού εμπορίου (e-shop)

eshop design

Μερικοί άνθρωποι πιστεύουν ότι μια ηλεκτρονική (online) επιχείρηση είναι ευκολότερη από ό, τι μια παραδοσιακή (offline), γιατί δεν υπάρχουν πολλές δαπάνες και απευθύνεται σε ένα μεγαλύτερο ακροατήριο από ένα τοπικό κατάστημα το οποίο περιορίζεται από τη γεωγραφική του θέση. Αυτό δεν είναι πραγματικά αλήθεια. Υπάρχουν πλεονεκτήματα και στις δύο πλευρές, αλλά υπάρχουν και μειονεκτήματα, ανάλογα με τις γνώσεις σας.

Η δημιουργία μιας ηλεκτρονικής επιχείρησης (e-shop) απαιτεί αρκετό κουράγιο, πολύ όραμα και ακόμη περισσότερο προγραμματισμό. Αφού έχετε κάνει ένα πλάνο για την σελίδα σας (website), στην οποία θα ασκήσετε το ηλεκτρονικό εμπόριο, είναι καιρός να το σχεδιάσετε στην πραγματικότητα, το οποία δεν είναι μια εύκολη υπόθεση. Απλά βάζοντας μερικά εικονίδια και μερικά κουμπιά που να λένε «ΑΓΟΡΑΣΤΕ ΤΩΡΑ» δεν αρκεί.

Η περισσότερες ιστοσελίδες ηλεκτρονικού εμπορίου μετατρέπουν κατά μέσο όρο μόνο το 1-4% των επισκεπτών τους σε πελάτες και εσείς δεν θέλετε να είστε στο μέσο όρο, θέλετε να δημιουργήσετε ένα e-shop που να συναγωνίζεται τα στατιστικά που έχουν οι δημοφιλείς σελίδες (15% μετατροπή).

Κάνοντας τα προϊόντα ευδιάκριτα ορατά

Ο κύριος λόγος για τον οποίο ένας επισκέπτης φεύγει από ένα e-shop χωρίς να αγοράσει κάτι είναι η έλλειψη χρηστικότητας. Αυτό σημαίνει ότι, να κάνετε ευκρινώς ορατό το προϊόν σας είναι μια από τις πιο σημαντικές πτυχές του σχεδιασμού της ιστοσελίδας σας.

ecommerce web design

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

Προβάλετε το προϊόν σωστά

Υπάρχουν μερικά σημεία που δεν πρέπει να παραλείψετε κατά το σχεδιασμό της σελίδας του προϊόντος και που θα μπορούσαν να ωθήσουν το επισκέπτη να αγοράσει και όχι απλά να κοιτάει το προϊόν με λαχτάρα.

Πρώτον, προσθέτοντας μερικές φωτογραφίες υψηλής ποιότητας του προϊόντος, και όχι μόνο μία, είναι μια καλή αρχή. Ο καλύτερος τρόπος για την προβολή των προϊόντων σας είναι να μην υπάρχουν άλλοι περισπασμοί στη φωτογραφία. Θέλετε να κρατήσετε τον πελάτη επικεντρωμένο στο προϊόν.

eshop design

Δεύτερον, προσθέτοντας μερικές αξιολογήσεις είναι εξαιρετικά χρήσιμο. Οι πελάτες ενδιαφέρονται για το τι λένε οι άλλοι για το προϊόν. Είναι γνωστό ότι η κοινωνική επιρροή είναι ένας ισχυρός παράγοντας για την αγορά ενός προϊόντος και δεν πρέπει να το παραβλέψετε αυτό. Πέραν του ότι είναι χρήσιμες για τους άλλους πελάτες, οι αξιολογήσεις μπορεί επίσης να είναι χρήσιμες και σε εσάς. Αν έχετε μερικές αρνητικές, θα πρέπει να εξετάσετε την επίλυση των προβλημάτων που αυτοί οι πελάτες έχουν συναντήσει για να εξασφαλίσετε την καλύτερη ποιότητα του προϊόντος.

Τρίτον, χρησιμοποιήστε την έκφραση «προσθήκη στο καλάθι» για την οριστικοποίηση μιας αγοράς. Υπάρχουν πολλές μελέτες για τα κείμενα των κουμπιά δράσης (call to action buttons) και τον σωστό τρόπο να τα ονοματίσουμε. Μία από αυτές τις μελέτες αναφέρει ότι η χρήση «προσθήκη στο καλάθι» αντί του «αγόρασε το» είναι καλύτερο για μετατροπές.

Και τελευταία συμβουλη για την ανάδειξη ενός προϊόντος: προσφέρετε εκπτώσεις ή ενσωματώστε το σε ένα πακέτο προσφοράς. Κάθε φορά που ένας πελάτης βλέπει τη λέξη έκπτωση, το μυαλό του «εκρήγνυται». Οι τεχνικές μάρκετινγκ πάντα λειτουργούν όταν λέτε στον πελάτη ότι ο θα πάρει περισσότερα για λιγότερα χρήματα.

Η πώληση του προϊόντος

Ποτέ δεν μου άρεσαν τα ηλεκτρονικά καταστήματα (e-shop) που απαιτούν πολλά περιττά πράγματα από μένα, είναι σαν να μην θέλουν τα χρήματά μου, αλλά αντίθετα, να θέλουν να με κρατήσουν στην σελίδα, όπως είναι δυνατό.

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

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

Τελικά συμπεράσματα

eshop web design

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

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

Freebie: Space Icon Set (40 Εικόνες, AI, PNG, SVG)

space icons

Ένα σύνολο εικονιδίων αφιερωμένο σε πυραύλους, δορυφόρους και ηλιακά συστημάτα (μην ξεχνάμε και τους εξωγήινους). Υπάρχουν τόσα πολλά για να εξερευνήσουμε στον κόσμο της αστρονομίας, και είναι καιρός να το κάνουμε. Το σημερινό σετ εικονιδίων που δημιουργήθηκε και σχεδιάστηκε από την ομάδα Iconshock, αποτελείται από 40 εικόνες σε AI, PNG, καθώς και σε μορφή SVG.

space icons

Αυτό το σύνολο εικονιδίων διατίθεται με άδεια Creative Commons Attribution 3.0 Unported. Μπορείτε να τροποποιήσετε το μέγεθος, το χρώμα ή το σχήμα των εικόνων. Δεν απαιτείται αναφορά στον δημιουργό, ωστόσο, η μεταπώληση του συνόλου ή μεμονωμένων εικονιδίων δεν είναι «πρέπον».

few space icons space icons large preview space icons large

Κατεβάστε το σετ εικονιδίων δωρεάν

Space Icon Set (.zip, 10 MB)

από: smashingmagazine.com

Σωστός Φωτισμός & Γραφικές Τέχνες

Σωστός Φωτισμός - Γραφικές Τέχνες

Όλο και περισσότεροι επαγγελματίες του χώρου των Γραφικών Τεχνών χρησιμοποιούν πλέον όργανα και λογισμικό για τη διαχείριση χρώματος.

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

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

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

Έχουμε κάνει μία τρύπα στο νερό εάν έχουμε αγοράσει μία ακριβή οθόνη, ένα φασματοφωτόμετρο, έχουμε δαπανήσει ώρες για τη δημιουργία color profile και για λόγους… διακόσμησης, ο χώρος εργασίας και αξιολόγησης φωτίζεται με σποτάκια tungsten!

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

Αυτές τις συνθήκες τις ορίζουν τα πρότυπα ISO 3664:2009 (συνθήκες θέασης), ISO 12646:2008 (Οθόνες για έγχρωμα δοκίμια – χαρακτηριστικά και συνθήκες θέασης) και ISO/AWI 14861 (προδιαγραφές συστημάτων εγχρώμων δοκιμιακών οθονών).

 sostos-fotismos-ston-ypologisti

Η ποιότητα του φωτισμού

Πρώτα απ’ όλα, η θερμοκρασία χρώματος φωτισμού για αδιαφανή και διαφανή πρωτότυπα ορίζεται σε D50 ή 5000o K (Kelvin). Αυτές είναι, θεωρητικά, οι φωτιστικές συνθήκες φυσικού φωτισμού και σχετίζονται με θερμοκρασία χρώματος κατά προσέγγιση 5000o K.

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

Για να εξασφαλίσουμε ότι αυτό που μετράμε και αυτό που βλέπουμε αντιμετωπίζονται με το ίδιο τρόπο, πρέπει να έχουμε και στα όργανα μέτρησης τον ίδιο φωτισμό, όπως επιβάλλεται από το πρότυπο ISO 13655:2009, που αφορά τις συνθήκες μέτρησης, γιατί το χρώμα είναι μεταβλητό κάτω από διαφορετικές φωτιστικές συνθήκες. Άλλωστε το φαινόμενο του μεταμερισμού προκαλείται από αυτό το γεγονός.

Τα επίπεδα του φωτισμού

Το πρότυπο ISO 3664:2009 ορίζει δύο διαφορετικά επίπεδα φωτισμού για τις συνθήκες θέασης. Υπάρχει το πολύ δυνατό 2000 ± 500 lux που χρησιμεύει για να διακρίνουμε όλες τις λεπτομέρειες της εικόνας στις σκούρες περιοχές όταν πρόκειται για σύγκριση δύο ανακλώμενων πρωτοτύπων π.χ. δοκιμίου και εκτύπωσης ή οποιαδήποτε άλλη σύγκριση αναφοράς.

Υπάρχει επίσης το δεύτερο (αναθεωρημένο) επίπεδο, 500 lux ± 125 lux για θέαση σε κανονικές συνθήκες, στην πραγματικότητα σε συνθήκες εργασίας γραφείου, ώστε να μπορούμε να δούμε πως θα φαίνεται η εικόνα στην καθημερινή (και εφικτή) ένταση φωτισμού.

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

Για τις διαφάνειες οι συνθήκες θέασης ορίζονται σε φωτεινότητα (Β) 1270 ± 320 cd/m2 κατά προτίμηση ή 1270 ± 160 cd/m2 όπου απαιτείται.

Ο χρωματισμός των τοιχωμάτων όταν πρόκειται για καμπίνες θέασης πρέπει να είναι ουδέτερο γκρι, κατά προτίμηση απόχρωσης Munsell/N8 ή Munsell/N7. Φυσικά το ίδιο ισχύει και για τους τοίχους του χώρου εργασίας μας, ειδικά όταν πρόκειται για το χώρο όπου θα τοποθετηθεί η οθόνη για επεξεργασία χρώματος ή softproofing.

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

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

Οι τοίχοι συνιστάται να βαφούν με ουδέτερο γκρι απόχρωσης Munsell/N8 ή Munsell/N7 ή Munsell/N9.

Στο χρωματικό σύστημα Munsell, η ουδέτερη απόχρωση Munsell/N8 αντιστοιχεί σε ποσοστό μαύρου 19%.

Φυσικά, θα πρέπει να αποφεύγεται η τοποθέτηση της οθόνης μας μπροστά σε παράθυρο. Όπως στον κλασικό σκοτεινό θάλαμο, έτσι και στον ψηφιακό, τα παράθυρα πρέπει να αποφεύγονται.

Ο φωτισμός του χώρου πρέπει να γίνεται αποκλειστικώς από τεχνητό φωτισμό 5000o Κ, χωρίς καθόλου παρουσία φυσικού φωτισμού (όσο αυτό είναι δυνατό), γιατί ο φωτισμός από τα παράθυρα συνεχώς μεταβάλλεται κατά τη διάρκεια της ημέρας και δεν εξασφαλίζει σταθερές συνθήκες έντασης φωτισμού και χρώματος. Ο στόχος είναι να εξασφαλίσουμε σταθερές φωτιστικές συνθήκες όλη την ημέρα (αλλά και τη νύχτα).

Επειδή οι λαμπτήρες D50 ή 5000o Κ είναι πολύ ακριβοί και δυσεύρετοι, για χρήση φωτισμού 5000o Κ υπάρχουν στην αγορά λαμπτήρες φθορισμού προσιτοί με καλό δείκτη CRI (~ 98) από τη Philips και την Osram αλλά και από άλλες εταιρείες με κωδικό χρώματος 950 π.χ. PHILIPS Graphica Pro TLD-90 58W/950 ή OSRAM ColorProof L 58W/950 ή ακόμα και ο OSRAM LUMILUX DE LUXE L 58W/954 (CRI>90).

Το νούμερο με το W δείχνει μόνο τα watt του λαμπτήρα, και μπορούμε να καταλάβουμε και αναλογικά το μήκος του. Εμάς, μάς ενδιαφέρει το τελευταίο νούμερο στον κωδικό της λάμπας, το οποίο μάς δείχνει την ποιότητα και το χρώμα. Το 9 δείχνει την καλύτερη ποιότητα πού μπορούμε να έχουμε (θα μπορούσε να είναι 8, ή 7) σε σχέση με τους λαμπτήρες που χρησιμοποιούμε συνήθως. Ενώ το 50 δηλώνει τη θερμοκρασία χρώματος (5000o Κ).

Για παράδειγμα, ένας λαμπτήρας με κωδικό …w/765 είναι ένας φτηνός λαμπτήρας 65000Κ, ακατάλληλος για τη δουλειά που τον θέλουμε, ενώ ένας με κωδικό …w/954 χαρακτηρίζεται από ποιότητα 9 και θερμοκρασία χρώματος 5400o Κ.

sostos-fotismos-ston-ypologisti

Το πρότυπο ISO 12646:2008 (Οθόνες για έγχρωμα δοκίμια – χαρακτηριστικά και συνθήκες θέασης) ορίζει ότι η θερμοκρασία χρώματος του φωτισμού που περιβάλλει μία οθόνη (δηλαδή ο φωτισμός του δωματίου) πρέπει να είναι μικρότερη ή ίση με τη θερμοκρασία χρώματος του λευκού σημείου της οθόνης απεικόνισης. Αυτό πρακτικά σημαίνει ότι μπορούμε να ρυθμίσουμε το λευκό σημείο της οθόνης μας στα 5000 – 6000o Κ. Στην πράξη έχει αποδειχτεί ότι, λόγω της διαφορετικής αντιληπτικής ικανότητας του ματιού στο χρώμα μεταξύ ακτινοβολούμενου χρώματος (οθόνη) και τυπωμένου (δοκίμιο), καθώς και της μη ομοιογενούς φασματικής κατανομής της εσωτερικής φωτιστικής πηγής της οθόνης, ένα λευκό σημείο μιας εκτύπωσης που φωτίζεται με 5000o Κ φαίνεται παρόμοια λευκό με ρύθμιση λευκού σημείου οθόνης 5500 – 5800o Κ.

Σε πολύ ακριβά συστήματα softproofing αυτό το φαινόμενο δεν είναι τόσο εμφανές.

Η οθόνη πρέπει να είναι προστατευμένη από αντανακλάσεις, γι αυτό πρέπει να την περιβάλει σκίαστρο. Ο διάχυτος φωτισμός μέσα στο σκίαστρο μπροστά στην οθόνη πρέπει να έχει φωτισμό μικρότερο από 64 Lux και μεγαλύτερο από 32 Lux.

Ο περιβάλλων φωτισμός πρέπει να είναι γύρω από την οθόνη περίπου 10% φωτεινότερος από αυτή.

Ο προσπίπτων φωτισμός στο δοκίμιο προς σύγκριση πρέπει να είναι 500 Lux ± 125 lux κατά προτίμηση μέσα σε ειδική καμπίνα θέασης 5000o K.

Το λευκό σημείο της οθόνης μας πρέπει να ρυθμιστεί σε φωτεινότητα (L) 100 έως μέγιστο 160 cd/m2 σύμφωνα με τα πρότυπα, αλλά και αναλογικά με τον περιβάλλοντα φωτισμό.

πηγή: cmykmag.gr

Διαστάσεις εικόνας εξωφύλλου και προφίλ στο Facebook

facebook page dimensions

Η επιτυχία στο Facebook έχει γίνει μια όλο και πιο δύσκολη κατάσταση – ιδιαίτερα για εκείνους που δεν είναι εξοπλισμένοι με τα κατάλληλα μέσα. Κακός σχεδιασμός – της σελίδας, των δημοσιεύσεων ή των διαφημίσεων σας – μπορεί να σημάνει την αποτυχία πριν καν πατήσετε το κουμπί “δημοσίευση”. Ποιες είναι λοιπόν οι σωστές διαστάσεις μία σωστή παρουσία της σελίδας σας στο Facebook;

facebook page dimensions

Η εικόνα προφίλ πρέπει να είναι 180×180 πίξελ αλλά το Facebook την κάνει σμίκρυνση σε 160×160.

Η εικόνα εξωφύλλου πρέπει να είναι 851×351 (αλήθεια ποιός τα επιλέγει αυτά τα νούμερα;) αλλά να έχετε υπόψιν ότι τα 150 πίξελ από αριστερά και τα 145 από δεξιά δεν εμφανίζονται στα κινητά τηλέφωνα. Οπότε μην βάλετε εκεί κάτι σημαντικό.

Μπορείτε να βρείτε μία δωρεάν εφαρμογή, και να κατασκευάσετε μόνοι σας ένα όμορφο και μοντέρνο Facebook Cover στο fotojet.com

Αν όμως θέλετε κάτι που να ταιριάζει απόλυτα στην φιλοσοφία σας, επικοινωνήστε μαζί μας.