Elxis CMS Forum
Ελληνικό Forum => Δημόσιο Βήμα => Topic started by: rentasite on November 30, 2008, 00:57:12
-
Αρχίζω ένα θέμα και πιστεύω ότι είναι ενδιαφέρον. Αφορμή πήρα από μια άλλη συζήτηση σχετικλα με το eshop που ετοιμάζει ο Γιάννηης και τους χρωματισμούς του (άσπρο, πράσινο κλπ). Παραθέτω κάποια πράγματα που βρήκα στο web και μετά εάν θέλετε το συζητάμε ;D
ΨΥΧΟΛΟΓΙΑ ΧΡΩΜΑΤΩΝ
Είναι δεδομένο ότι το κάθε χρώμα επιρρεάζει με διαφορετικό τρόπο την ψυχολογία του ανθρώπου. Επίσης είναι δεδομένο ότι κάθε άνθρωπος επιρρεάζεται διαφορετικά από το κάθε χρώμα. Όμως η επιστημονική κοινότητα έχει καταφέρει να βρει κάποια κοινά ερεθίσματα που προκαλούν τα χρώματα σε όλους σχεδόν τους ανθρώπους. Έτσι μπορούμε να έχουμε έναν οδηγό για την επιλογή των χρωμάτων των χώρων στους οποίους ζούμε καθημερινά.
Άσπρο
Το λευκό χρώμα υποδηλώνει την αγνότητα και την καθαρότητα. Είναι χρώμα ιδιατέρως φωτεινό, και αυτός είναι ο λόγος που χρησιμοποιήθηκε πάρα πολύ στον κατασκευαστικό τομέα. Το άσπρο χρώμα προδιαθέτει τον δέκτη ευχάριστα μόνο όταν χρησιμοποιείται σε διχρωμία με κάποια απαλή απόχρωση.
Μαύρο
Το μαύρο χρώμα συμβολίζει την υποταγή αλλά και το κύρος. Μπορεί να χρησιμοποιηθεί σε λεπτομέρειες, και να τους προσδώσει την έμφαση που θα τις κάνει να ξεχωρίσουν. Είναι πολύ ισχυρό χρώμα, οπότε η έκταση που θα καλύψει θα πρέπει να είναι πολύ μικρή.
Γκρι
Το γκρι συμβολίζει την ισορροπία, την σοβαρότητα και την ουδετερότητα.
Κόκκινο
Αυτό που ήδη γνωρίζουν οι περισσότεροι είναι ότι το κόκκινο συμβολίζει το πάθος. Αυτό που δεν γνωρίζουν, όμως, είναι ότι το κόκκινο προκαλεί διέγερση στο αίσθημα της πείνας (εκεί ωφείλεται το κόκκινο χρώμα στους τοίχους πολλών εστιατορίων).
Επίσης, το κόκκινο χρώμα προσδίδει και αυτό κύρος, αλλά σαν δευτερεύον χρώμα. Όταν δηλαδή συνδυαστεί με κάποιο άλλο χρώμα που προσδίδει κύρος (για παράδειγμα χρυσαφί ή μαύρο).
Πράσινο
Το πράσινο χρώμα βοηθάει στην συγκέντρωση και την ηρεμία. Είναι χρώμα που δημιουργεί αίσθηση ασφάλειας (μάλλον λόγω του ότι συνειρμικά συνδέεται με τη φύση). Οι απαλές αποχρώσεις του συνδυάζονται εύκολα με πληθώρα χρωμάτων, ενώ, λόγω του ότι είναι πιο κοντά στις φυσικές αποχρώσεις, διεγείρουν την αίσθηση ασφάλειας και συγκέντρωσης στο μέγιστο βαθμό.
Μπλε
Το τυπικά ουράνιο χρώμα, αυτό που αναπτύσσει σε βάθος το στοιχείο της ηρεμίας. Στατιστικά, το μπλε χρώμα είναι αυτό που προτιμάνε οι περισσότεροι ανεξαρτήτως φύλου. Όπως και το πράσινο, έτσι και το μπλε βοηθάει στην εκτόνωση και την ηρεμία. Επίσης το μπλε είναι "καθαρό" χρώμα.
Κίτρινο
Τυπικά γήινο χρώμα, που σχετίζεται με την πνευματικότητα. Είναι χρώμα που έχει συνδεθεί με το αίσθημα της χαράς, αλλά έχει την ιδιότητα να κουράζει τα μάτια περισσότερο από κάθε άλλο χρώμα. Έχει παρατηρηθεί επίσης ότι λόγω της ενεργητικότητας που προκαλεί, πολλές φορές δρα αντίθετα, δηλαδή προκαλεί ένταση και αναστάτωση. Επίσης, καλό θα είναι να αποφεύγονται οι έντονες αποχρώσεις του, και να προτιμούνται αποχρώσεις πιο κοντά στην ώχρα.
Καφέ
Το καφέ είναι το χρώμα που διεγείρει την εμπιστοσύνη και τη συνεργασία. Το καφέ δεν συγκαταλέγεται στα καθαρά χρώματα, όπως είναι το άσπρο και το μπλε. Καλό θα ήταν, όπου χρησιμοποιείται να έχει απόχρωση αρκετά ανοιχτή.
Μωβ
Το μωβ είναι ένα χρώμα που έχει αρχίσει να χρησιμοποιείται τα τελευταία χρόνια. Είναι αρκετά μοντέρνο και συμβολίζει την κυριαρχία. Το μωβ χρώμα αυξάνει την παρατηριτικότητα, ενώ ταυτόχρονα λειτουργεί καταπραϋντικά και δεν κουράζει τα μάτια. Συνδυάζεται όμορφα τόσο με ανοιχτά χρώματα όσο και με μουντά.
Πηγή: http://www.xigakis-works.gr
-
Πολύ ωραία. Φυσικά παίζουν ρόλο και οι αποχρώσεις των χρωμάτων αλλά και η αναλογία τους. Αν ας πούμε θέλουμε να συνδιάσουμε μπλε με κίτρινο κάποιες αποχρώσεις τους θα είναι πιο όμορφες και αρμονικές ενώ κάποιες άλλες πολύ χτυπητές και άσχημες. Μιλώντας σαν "μπογιατζής" για μεγάλες επιφάνειες χρησιμοποιώ πάντα απαλές αποχρώσεις γήϊνων παστέλ χρωμάτων ή λευκό. Συνδιάζονται πιο εύκολα με τα άλλα χρώματα και είναι πιο ξεκούραστα.
Το web design διαφέρει ως προς το σύνηθως βάψιμο των τοίχων μόνο στο ότι στο web design στο τέλος γράφουμε πάνω στους τοίχους! Διαφορετικά πιστεύω η "ψυχολογία των χρωμάτων" όπως την είπες είναι σχεδόν ίδια. Αν λοιπόν χρησιμοποιήσουμε ένα αγαπημένο μου κόκκινο/κεραμυδί, το #CC0000, σε έναν τοίχο ίσως θα είναι καλό αν συνδιαστεί κατάλληλα (αυτοκρατορικό κόκκινο). Αλλά αν το χρησιμοποιήσουμε ως φόντο της σελίδας και θέλουμε πάνω του να εμφανίζεται κείμενο θα πρέπει να βάλουμε άσπρα ή κίτρινα/χρυσαφί γράμματα αλλά τα μεγάλα κείμενα θα γίνουν πολύ κουραστικά. Οπότε δεν το χρησιμοποιούμε για φόντο παρά μόνο σε ορισμένες περιοχές για να προσδώσουμε έμφαση ή ως περίγραμμα της σελίδας.
Στις εφαρμογές που φτιάχνω επειδή απευθύονται σε αρκετά site το καθένα από τα οποία μπορεί να έχει εντελώς διαφορετικό template χρησιμοποιώ αρκετά ουδέτερα χρώματα όπως είναι το άσπρι και το γκρι για να ταιριάζει όσο γίνεται καλύτερα. Φυσικά όλες έχουν αρχεία css για να προσαρμόζετε τα χρώματα αλλά σχεδόν κανείς δεν το κάνει. Όλοι αφήνουν το default css, κακώς...
-
εγω παλι ξεκιναω απο τα χρωματα του λογοτυπου του καθε πελατη, συνηθως τις περισσοτερες φορες μια καρτα η ενα λογοτυπο (που υπαρχει ηδη) εχουν περασει απο καποιου ειδους ελεγχο και αρεσει, βασιζομενος πανω εκει φτιαχνω και τα χρωματα παντα βεβαια επιφυλακτικα και με λιγη φαντασια.
-
Πολύ ωραίο Σπύρο το αρθράκι σου.
...και τώρα ας μιλήσω σαν μία γνωστή φυσιογνωμία της τηλεόρασης που πουλάει χαλιά στην τηλεόραση (ονόματα δεν λέμε)...
..." αγαπητοί μου φίλοι και φίλες αυτό το υπέροχο Βackground σε repeat X έχει πανέμορφες πινελιές πορτοκαλοκόκκινου ,
δεμένο άψογα με Fonts Tahoma σε γήινο πρασινομπεζαριστό κίτρινο.
Παρατηρήστε τον άψογο συνδυασμό του Banner με αποχρώσεις σε απαλό μπορντοκοραλί με φυσική κατάληξη στο top menu module με διπλόκομπα μοτίβα παρδαλογκριζωπού χακί!!
;D νομίζω ότι σας κάλυψα
Ευχαριστώ :P
-
Χαχαχαχαχαχαχαχαχαχαχαχαχα Γιάννη έγραψες! ;D
Έχω επίσης να πω ότι η συγκεκριμένη παραπάνω αναφορά χρωμάτων φυσικά και αναφερόταν (εάν είδατε την πηγή) στον χρωματισμό τοίχων. Παρ' όλα αυτά το αποτέλεσμα της "ψυχολογίας των χρωμάτων" πάνω κάτω είναι σχεδόν η ίδια.
Φυσικά όλες έχουν αρχεία css για να προσαρμόζετε τα χρώματα αλλά σχεδόν κανείς δεν το κάνει. Όλοι αφήνουν το default css, κακώς...
Συμφωνώ με αυτό που είπε ο datahell. Είναι όντως άσχημο να βλέπεις ΩΣ ΤΕΛΙΚΟ ΑΠΟΤΕΛΕΣΜΑ... να χρησιμοποιούντε άσχετα χρώματα μεταξύ τους. Η κακογουστιά στο μεγαλείο της! :D Καμία αρμονία!
Λοιπόν ετοιμάζω ένα άρθρο (στα Ελληνικά), σχετικά με τη χρήση των χρωμάτων στο marketing και στο internet. Θα προσπαθήσω να είναι όσο γίνετε πιο ολοκληρωμένο. Μόλις ολοκληρωθεί θα το ανεβάσω μέσω του Elxis Download Center για όποιον ενδιαφέρετε.
Συνεχίζουμε την συζήτηση εδώ... :) Ας πουν και άλλοι την γνώμη και την εμπειρία τους.
-
Ο οδηγός να έχει και παραδείγματα γιατί το να λέμε ότι πχ το μπλε ταιριάζει με το καφέ δεν έχει νόημα. Ποιο μπλε; Ποιο καφέ;
Και κάτι παντελώς άσχετο: Σπύρο συνεχίζω να παίρνω mail με ιούς από σένα.
-
δεν παιζει μονο ρολο το είδος των χρωματων αλλά και η ποσοτητα ...
πόσο περισότερο ή λιγότερο το ένα από το άλλο
-
μια τελευταια δουλεια στα χρωματα του data και σε template ks
http://www.andcom.gr/
εδω μια ποιο παλια σε μαυρο φοντο το main...και ομως μια χαρα επισκεψεις εχει, και τα χρωματα "δενουν",
http://www.dmilonaki.gr/
βεβαια ΑΥΤΟ ΤΟ ΚΕΦΑΛΑΙΟ μπορει να οδηγηση σε διαφωνιες πχ vcdc (οι σουπερ ντιζαινερς) αλλα ....θα προσπαθησω να συμμετασχω μηπως και αποκομμισω κατι καλο
-
πολύ καλό....
καθαρό που θεωρώ ότι πρέπει να είναι ο πρώτος κανόνας στην σχεδίαση...
φυσικά η προσθήκη costume-module με δικό τους html σε διάφορα σημεία ανεβάζει το look...
γενικά το περιεχόμενο(και η σχεδίαση αυτού) είναι αυτό που μπορεί να κάνει το template να πετάει..
δοκιμάστε να αδειάσετε από κείμενα κτλ... όλο το περιεχόμενο ακόμα και από site όπως bbc.com.
και θα δείτε...
για το http://www.andcom.gr/
παρατήρηση βασική....
η σχεδίαση(layout) σε αυτό το template(ks-blacky) ειναι
header>mainbody>rightcol>leftcol>footer...
οπότε oi θεσεις των module στην διαχείριση στο default installation κάθονται ανάποδα..
εσκεμμένα.... ήθελα τη βασική πλοήγηση δεξιά ... αλλά και καλή σειρά του
διαβάσματος από τα crawler των στηλών της σελίδας....
με λίγα λόγια για καλλίτερο seo υπενθυμίζω πώς τα βασικά module όπως το κυρίως μενού πρέπει να μπούν δεξιά
το left module-position δηλαδή κάθεται δεξιά (ήθελα το μενου δεξιά αλλά full seo)
έτσι ώστε από την αρχική εγκάσταση να πέφτουν τα μενού ακριβώς μετά το κυρίως κείμενο όπως θα τα δούν οι μηχανές
τα παραπάνω νομίζω πώς σηκώνουν την δημιουργία νέου πόστ(ή κατηγορία forum?) και μάλιστα σταθερού....
seo, optimization and template design... etc..
-
δηλαδη τα crawler διαβαζουν php load ? γιατι μεχρι σημερα νομιζα οτι διαβαζαν page source. Κατι αλλο που προεκυψε εντελως τυχαια, εδω www.epiplaistikbal.gr ζητουμενα ηταν μουσικη στο site με δυνατοτητα button on/off αλλα να παιζει συνεχεια , αρα αποκλειαμε την οποιαδηποτε επιλογη refresh που σημαινει δεν μπορουμε να εχουμε μενου. Επειδη και απο εκει ξεκινησε η ιδεα, τα περισσοτερα λινκς εστελναν σε popup παραθυρα και μονο το ποιοι ειμαστε , που ειμαστε και η επικοινωνια εμενε στην ουσια να αντιπροσωπευει περιεχομενα του elxis, στειλαμε με url menu στην index2.php σε popup παραθυρο, οποτε βλεπουμε μονο τα αντικειμενα περιεχομενου χωρις το template, οποτε μενει η μουσικη συνεχεια. Αυτο που παρατηρησα ηταν στην αναζητηση του google istikbal λαρισα, μου πεταξε και τα δυο popup στην πρωτη θεση, την στιγμη που η αρχικη δεν υπαρχει ακομα. Το δοκιμαζω τωρα και σε μερικα αλλα sites, και αν ειναι ετσι εχει πολυ ενδιαφερον. Ξεφυγα λιγο αλλα πηρα αφορμη απο το seo. Το συγκεκριμενο λοιπον site χρωματιστηκε με βαση το λογοτυπο τους.εε...και λιγη φαντασια.
Παντως και θα σας το δειξω παρολο που ειναι υπο κατασκευη, ποιο μαυρο site δεν μου εχει ξανατυχει και μαλιστα να ειναι απαιτηση του φιλου μου και πελατη (τι να πω αγγλικη φιλοσοφια so much dark)...http://www.athensorthopaedics.gr
-
δηλαδη τα crawler διαβαζουν php load ? γιατι μεχρι σημερα νομιζα οτι διαβαζαν page source.
δεν νομίζω να έκανες λάθος...
html...source και το layout του τεμπλατε έχει μεγάλη σημασία...
δεν ξέρω και πως έβγαλες το συμπέρασμα αυτό από τα λεγόμενα μου...
Αυτο που παρατηρησα ηταν στην αναζητηση του google istikbal λαρισα, μου πεταξε και τα δυο popup στην πρωτη θεση, την στιγμη που η αρχικη δεν υπαρχει ακομα. Το δοκιμαζω τωρα και σε μερικα αλλα sites, και αν ειναι ετσι εχει πολυ ενδιαφερον.
να μη κανω τον ειδκό αλλά εδώ μου μυρίζει αυτό που αναφέρει άλλωστε και ίδια η google...
refresh-tags page-reloads redireactions popups κτλ... είναι πρακτικές προς αποφυγείν αν δεν θέλουμε να
εχουμε σπαζσμένο page-indexing
-
Παντως και θα σας το δειξω παρολο που ειναι υπο κατασκευη, ποιο μαυρο site δεν μου εχει ξανατυχει και μαλιστα να ειναι απαιτηση του φιλου μου και πελατη (τι να πω αγγλικη φιλοσοφια so much dark)...http://www.athensorthopaedics.gr
Για να λέμε την αλήθεια: ΑΠΑΡΑΔΕΚΤΟ. Much dark... and too much underground 8)
-
και εγω αυτο του ειπα και μετα απο 10΄΄ γελιου μου ειπε οτι αυτο ακριβως ζηταει, παντως περα απο την οποιαδηποτε επιρριψη ευθυνης θελω να καταληξω οτι τιποτα δεν ειναι απολυτο (εκτος βεβαια απο τον οποιονδηποτε κωδικα). Εκτος εαν θεσπιστουν οι δεκα εντολες. Βεβαια ασχημο θα ηταν να ηταν σαν κουρελου, αλλα πειτε μου οσοι ειχατε δει στο tivo τα cd που εδιναν για το νεο κυμα (αυτα τα χιππικα), δεν σας αρεσε ο συνδιασμος τοσων χρωματων? (παντως αν δεν μου ζηταγε τοσο μαυριλα δεν θα το εφτιαχνα ποτε ετσι...δεν ξερω ομως αν θα εφταιγε ο συντηρητισμος μου που δεν θα εσπαγα τα μεχρι τοτε standards μου).
έτσι ώστε από την αρχική εγκάσταση να πέφτουν τα μενού ακριβώς μετά το κυρίως κείμενο όπως θα τα δούν οι μηχανές
καταλαβα τι εννοεις θελεις να βλεπουν το κυριως κειμενο πρωτο. Απλα νομιζα οτι διαβαζουν header-left column-main-right column..............
προχθες εβλεπα ενα ντοκυμαντερ για το πως φτιαχτηκε το burj al arab, αυτο το τεραστιο ξενοδοχειο στο dubai, και ποσα χρηματα διεθεσε ο σουλτανος, και λεω παω να δω τι σελιδα εχουν φτιαξει, περιμενα προς απογοητευση μου αν το εβλεπα ετσι καμμια σελιδαρα με φλασαρες και βλεπω αυτο http://www.burj-al-arab.com/, και λεω κοιτα να δεις ενω μπορουσαν να διαθεσουν εκκατομυρια για να εντυπωσιασουν, προτιμησαν μια καλοφτιαγμενη σελιδα σχεδον στα πρωτυπα του ελξις.......................
:o κρατηση απο 22-12 εως 2-1 (μεσα και η πρωτοχρονια) 139,000.00 AED=29,779.44 EUR
ασε θα παω στο πηλιο ;D
-
Δεν θεωρώ πως υπάρχουν απαγορευμένα χρώματα. Σίγουρα τα έντονα/σκούρα χρώματα κάθονται πιο δύσκολα, τα χρώματα που προτείνω εγώ (παλ χρώματα -κυρίως αποχρώσεις του μπλε, πράσινου και πορτοκαλί- με γκρι και λευκό) είναι πιο εύκολα για τον σχεδιαστή και κατάλληλα για την πλειοψηφία των site. Δεν μπορεί να φτιάξει ο καθένας ένα site βασισμένο στο μαύρο χρώμα για παράδειγμα ούτε θα έφτιαχνες πχ το site ενός καταστήματος ή ενός δικηγόρου κατάμαυρο. Οι επισκέπτες θα έφευγαν τρέχοντας. Τα ακραία χρώματα μπορούν όμως να είναι τέλεια για συγκεκριμένα site και όταν γνωρίζουμε τι κάνουμε. Σίγουρα όμως μπορούμε να προσθέσουμε πινελιές. Για παράδειγμα το παρόν φόρουμ είναι βασισμένο στο λευκό χρώμα για να είναι ξεκούραστο στον επισκέπτη καθώς σε ένα φόρουμ κυρίως διαβάζουμε, γράφουμε και αναζητούμε πληροφορίες. Η πληροφορία είναι το σημαντικό κομμάτι αυτού του forum. Πάραυτα στην κορυφή το κόκκινο σήμα του elxis στο μαύρο φόντο δηλώνει την ταυτότητα του forum. Αν δεν υπήρχε αυτό το τμήμα το φόρουμ θα ήταν απρόσωπο. Το μαύρο δηλώνει σοβαρότητα ενώ το κόκκινο ανεξαρτησία/επανάσταση. Και τα δύο μαζί μία δύναμη πέραν των συμβατικών, αδέσμευτη και αστείρευτη. Το λογότυπο του elxis υπογράφει το περιεχόμενο των σελίδων και δηλώνει "να είσαι σοβαρός και υπεύθυνος, μην ξεχνάς ότι είσαι στο elxis.org". Όλα δηλαδή έχουν λίγο-πολύ την σημασία τους αν θέλει να το αναλύσει κανείς.
Αυτό που έγω προτείνω πάντα σε κάθε site είναι πριν κάνουμε την μαμακία και αρχίσουμε κατευθείαν να γράφουμε άρθρα και κατηγορίες να πάρουμε μία σελίδα χαρτί και να καταγράψουμε όλα εκείνα τα στοιχεία που πρέπει να αποδώσουμε στο συγκεκριμένο site. Κατόπιν θα προκύψει η εμφάνιση και η δομή του site σχεδόν αυτόματα.
-
Ετοιμάζω κάτι πολύ χρήσιμο (ελπίζω) σε αρκετούς. Υπομονή, το καλό πράγμα αργεί (λίγο ακόμα) ;)
-
Το κόκκινο της προσοχής και το μπλε της δημιουργικότητας
Το κόκκινο χρώμα ευνοεί την προσοχή, κυρίως στις εργασίες που σχετίζονται με τη μνήμη, ενώ το μπλε ευνοεί τη δημιουργικότητα, σύμφωνα με μελέτη που δημοσιεύεται από το περιοδικό Science.
Τα παραπάνω συμπεράσματα μπορεί να έχουν χρησιμότητα στη διαφήμιση, τα φυλλάδια φαρμάκων, τη διακόσμηση γραφείων ή τις αίθουσες διδασκαλίας, εκτιμά η Ζιλιέτ Ζου που διδάσκει μάρκετινγκ στο Πανεπιστήμιο Μπρίτις Κολούμπια (UBC) του Καναδά.
Η συγκεκριμένα μελέτη έγινε σε δείγμα 600 φοιτητών που εργάζονταν σε υπολογιστές με κόκκινο, μπλέ ή λευκό φόντο στην οθόνη τους, και διαπίστωσαν ότι οι επιδόσεις διέφεραν σε σχέση με τα χρώματα και τις εργασίες.
(Πληροφορίες από ΑΠΕ - ΜΠΕ)
-
Ένα site το οποίο βρήκα πριν μερικές μέρες και μου φαίνεται αρκετά χρήσιμο.
Πρόκειται για επιλογή από τον χρήστη ενός χρώματος είτε από την τεμπρετούρα του site είναι με κώδικα π.χ #000000.
Το site αυτό σου βγάζει όλους τους πιθανούς συνδυασμούς χρωμάτων οι οποίοι ταιριάζουν με αυτό που έχεις δώσει σε έκδοση Lighter ή Darken.
Έχει και άλλες δυνατότητες.
Απολαύστε το και πείτε μου σχόλια : Color Scheme Designer (http://colorschemedesigner.com/)
-
Έχει πολλά τέτοια στο web
-
Όπως ? Αν είναι πρότεινε και άλλα αν ξέρεις ;)
-
με λιγο google ....
βρίσκεις τα πάντα..... εκτός από color scheme generators... για σχεδιαστές να επεκτείνω λίγο....
κουμπιά,εικονίδια,layouts,background-patterns, ktl.... GPL φυσικά .
buttons
http://speckyboy.com/2008/06/07/30-amazing-free-vector-icons-buttons-stickers-banners-labels-and-speech-bubbles/
color scheme
http://www.gpeters.com/color/color-schemes.php
http://websitetips.com/colortools/sitepro/
layouts
http://layouts.ironmyers.com/
http://www.code-sucks.com/css%20layouts/faux-css-layouts/
icons
http://www.freeiconsweb.com
και πολλά άλλα.....
-
Δεν θεωρώ πως υπάρχουν απαγορευμένα χρώματα.
Να σας ρωτήσω βρε παιδιά, γιατί φαντάζομαι θα το έχετε συναντήσει αυτό το πρόβλημα πάνω στα χρώματα
Έχω σχεδιάσει μια σελίδα, και βλέπω άλλα χρώματα σε 16bit, άλλα σε 32bit ανάλυση, άλλα σε Firefox και άλλα σε Explorer. Και δε μιλάω για τα χρώματα που είναι στο css, αλλά και για τις εικόνες που χρησιμοποιεί το template (background images κτλ)
Τι παίζει ρε παιδιά με αυτές τις διαφορές; Πρέπει να ακολουθούμε συγκεκριμένη παλέτα (smart ή web colors), συγκεκριμένους τύπους αρχείων (png ή gif για διαφάνειες) ή συγκεκριμένα formats αρχείων?
Έχετε συναντήσει παρόμοια προβλήματα; Πως το έχετε ξεπεράσει ;
-
16bit ??
-
Αυτό είναι περισσότερο θέμα οθόνης παρά οτιδήποτε άλλο. Αν η οθόνη είναι κουκουρούκου ή η κάρτα γραφικών 10ετίας τότε μην περιμένεις να δεις και ποιότητα. Αν όμως τώρα στον ΊΔΙΟ υπολογιστή βλέπεις διαφορετικά τις αποχρώσεις ανάλογα με τον browser τότε αυτό είναι ένα θέμα. Κανονικά νομίζω ότι πρέπει να τα βλέπεις το ίδιο.
-
παιζει ενα θεμα με τον ie και τις φωτογραφιες png, εαν εχεις βαλει μια background img png gradient πχ μεχρι 400px απο την κορυφη του tpl και μετα δινεις χρωμα body bg color τον τελευταιο bottom χρωματισμο του gradient της φωτο (μεταφραζοντας το σε #....... με ενα run pixie) τοτε εχει διαφορα πρεπει να κανεις την εικονα η jpg η gif, εγω μονο εκει το εχω συναντησει, αλλιως οπως λεει και ο γιαννης ειναι θεμα pc
-
Μπάμπη δεν μιλάμε για ποιότητα gradient ή διαφάνεια ή το παλιό πρόβλημα του IE6 με τις PNG εικόνες. Μιλάμε να βλέπεις τα χρώματα ακριβώς το ίδιο. Πχ κάνω ένα πορτοκαλί κουτάκι με φόντο FF9900. Λογικά θα πρέπει να εμφανίζεται ακριβώς το ίδιο χρώμα σε όλους τους browser στον ίδιο υπολογιστή.
-
Για να καταλάβετε (sorry για το offtopic, αν θέλετε το κάνετε split)
Όταν η ανάλυση χρωμάτων στο μηχάνημα είναι 32bit, τότε δεν εμφανίζεται καμία διαφορά στα χρώματα της σελίδας
Όταν όμως πέφτει η ανάλυση (και δε μιλάω για 256 χρώματα που κανείς πλέον δεν έχει τέτοια ανάλυση, αλλά 16 ή 24bit), τότε άλλα δίχνει ο firefox, άλλα ο explorer και άλλα ο crome. Όλοι δε οι browsers εχουν ρυθμίσεις στο να δείχνουν ό,τι δίνεται και να μην κάνουν drift τα χρώματα.
Συγκεκριμένα, μία θέση module έχει png background και ορίζεται το ίδιο χρώμα ως background του στο css (όλη η δουλειά είναι για να γίνει rounded η θέση)
Ο firefox δείχνει
(http://img249.imageshack.us/img249/9682/image2at.png)
ενώ ο explorer δείχνει
(http://img517.imageshack.us/img517/4058/image4vy.png)
(..νομίζω οτι είναι διακριτή η διαφορά στο κάτω μέρος της θέσης)
Σε άλλα τα ταιριάζει είτε ο firefox και σε άλλα ο explorer, γενικά το τέριασμα των χρωμάτων δεν είναι σταθερό και πάντα ξεφεύγει κάτι.
Γιαυτό ρωτάω αν πρέπει να ακολουθούμε μια σταθερή παλέτα για να έχουμε το κεφάλι μας ήσυχο σε όλους τους browsers και αναλύσεις :o
-
κανε ενα τεστ, κανε την png gif η jpg, οταν παρεις χρωμα απο την φωτο και το δωσεις στο css και ειναι οπως τα εχεις ο ie το χρωμα της png το δειχνει αλλου γι αλλου...απλα κανε ενα τεστ και αν λες κατι αλλο και δεν το καταλαβαινω γραψε λαθος !!!!!
-
Α κατάλαβα σωστά, το πρόβλημα δημιουργείται στην απόδοση της εικόνας και όχι στην απόδοση του χρωματικού κωδικού, διότι από τις επισυναπτόμενες βλέπως το background ίδιο...
Κατ' αρχάς η εικόνα σε τι format είναι αποθηκευμένη και κυρίως στα πόσα bits; Εάν θέλεις να αποδίδονται τα χρώματα σωστά σε χαμηλότερες αναλύσεις βάθους, πρέπει να δημιουργήσεις τις εικόνες στο χαμηλότερο αυτό βάθος. Αλλιώς η μετατροπή από την υψηλότερη στην χαμηλότερη ανάλυση (που γίνεται κατά την φόρτωση της εικόνας) καταλήγει σε τέτοιου είδους απρόοπτα...
-
Α κατάλαβα σωστά, το πρόβλημα δημιουργείται στην απόδοση της εικόνας και όχι στην απόδοση του χρωματικού κωδικού, διότι από τις επισυναπτόμενες βλέπως το background ίδιο..
Στις συγκεκριμένες φωτογραφίες που έβαλα, το png είναι ο πάτος της θέσης που φαίνεται πάντα ίδιος. Αυτό που δε διαβάζεται πάντα σωστά, είναι ο χρωματικός κωδικός που είναι το κείμενο. Ο κωδικός είναι #f0f5da που πρασινίζει σε explorer ή κιτρινίζει σε firefox :( :(
-
Κατ' αρχάς η εικόνα σε τι format είναι αποθηκευμένη και κυρίως στα πόσα bits; Εάν θέλεις να αποδίδονται τα χρώματα σωστά σε χαμηλότερες αναλύσεις βάθους, πρέπει να δημιουργήσεις τις εικόνες στο χαμηλότερο αυτό βάθος. Αλλιώς η μετατροπή από την υψηλότερη στην χαμηλότερη ανάλυση (που γίνεται κατά την φόρτωση της εικόνας) καταλήγει σε τέτοιου είδους απρόοπτα...
οκ .. αυτό ήταν ;D Βέβαια, η μετατροπή σε εικόνες χαμηλότερου βάθους είχε ως αποτέλεσμα να χάσω τα χρώματα που για την επιλογή τους ψαχνόμουν 5-6 μερες :'( :'(
-
Σε καταλαβαίνω απόλυτα... Την έχω πατήσει και εγώ κάπως έτσι στο παρελθόν...
Γενικά θεωρώ ότι το καλλίτερο είναι να δουλεύεις με png στα 24bit: Τα 24bit σου δίνουν ένα ικανοποιητικό εύρος χρωμάτων για να δουλέψεις (τα 16bit θεωρω ότι είναι πλέον ξεπερασμένα) και το png κρατά την εικόνα σε φυσιολογικό μέγεθος χωρίς απώλειες χρωματικές και σου δίνει πολλές δυνατότητες.
Και πάντα μακρυα από gif και jpeg... Προσωπικά έχω περάσει πολύ δύσκολα με αυτά τα format μέχρι να ανακαλύψω το png...
-
Θα διαφωνίσω όσον αφορά το jpeg. Το jpeg είναι μακράν το καλύτερο φορμάτ, με την καλύτερη συμπίεση, για εμφάνιση φωτογραφιών στο διαδίκτυο. Το βασικό προτέρημα του PNG (και του SVG), πέραν του ότι υποστηρίζει διαφάνειες (άρα δεν χρειαζόμαστε πλέον το gif) είναι ότι είναι ανοικτό φορμάτ. Τα jpeg, gif είναι πατενταρισμένα εμπορικά φορμάτ. Γιαυτό αν έχετε παρατηρήσει στο Elxis προτιμούμε το PNG. Βέβαια αν πρόκειται για φωτογραφία και όχι γράφικο η επιλογή του jpeg είναι μονόδρομος.
-
Ναι, εννοείται... Είχα στο μυαλό μου τα γραφικά που στηρίζουν την βασική σχεδίαση της ιστοσελίδας... Για φωτογραφίες και μεγάλες εικόνες το jpeg είναι σαφώς μονόδρομος!
-
πολυ ωραιο αρθρο ;) +1
-
πολυ ενδιαφερον