Ομαλές μεταβάσεις χρωμάτων: βαθμίδωση CSS

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

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

Ψυχολογικές επιδράσεις των χρωμάτων μεταβάσεις

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

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

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

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

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

Ομαλή μετάβαση μέσω CSS

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

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

κανόνες CSS για την κλίση φόντο καταγραφή

Η βαθμίδωση είναι μια ομαλή μετάβαση από το ένα χρώμα στο άλλο. Σε αυτήν την περίπτωση, μπορείτε να χρησιμοποιήσετε πολλά χρώματα. Σημειώστε την γραμμική έκδοση του (γραμμική βαθμίδα CSS) μπορεί να ποικίλλει:

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

Η επιλογή του χρώματος, το χρώμα γεννήτριες

Το δημιουργικό τμήμα του σχεδιαστή, το site του προγραμματιστή τελευταία χρόνια απλοποιηθεί. Γίνεται πρακτικό και κατάλληλο ορθογώνιο σχήμα, που περιέχει τουλάχιστον τις πληροφορίες, τουλάχιστον λειτουργιών, τη μέγιστη αίσθηση και ψυχική στάση για να πουλήσουν το προϊόν, την παροχή υπηρεσιών, τονίζουν τις εκπτώσεις, την ποιότητα ή / και σημαντικές διαφορές από τους ανταγωνιστές.

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

Χρώμα λύσεις «Google» και «της Skype», ειδικότερα, είχε επιπτώσεις και τους οπαδούς, όμως, τα τελευταία δύο χρόνια, το ενεργό συστατικό του web design άρχισαν να ψάξουν για νέα σχήματα, νέα χρώματα και διακριτικά, δοκιμάστε τη δυναμική της που απορρέουν μορφές.

Στο Διαδίκτυο υπάρχουν πολλές online πηγές (γεννήτρια κλίση CSS), το οποίο απλοποιεί σε μεγάλο βαθμό το έργο της επιλογής των σωστών χρωμάτων:. Angrytools, flatonika, generatecass και άλλοι Με τη βοήθειά τους, μπορείτε πραγματικά να εξοικονομήσετε χρόνο για την επιλογή του σωστού χρώματος, να εξετάσει τις μεταβάσεις γραμμής και επικαλύψεις.

Δυναμική χρωμάτων

Η παράδοση, που διέπουν τη δημιουργία του web-πόρων, έκανε απαράβατος κανόνας: η δομή, το περιεχόμενο και το διάλογο site με τον πελάτη - στην αρμοδιότητα του έργου υλοποιεί τη βούληση του ιδιοκτήτη (πελάτη). Εμφάνιση της θέση, το σχεδιασμό του είναι επίσης παραδοσιακά αναφέρεται στο γεγονός ότι δεν καθορίζεται από τον πελάτη.

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

Μια ποικιλία από προγράμματα περιήγησης και εκδόσεις που χρησιμοποιούνται δημιουργεί επίσης προβλήματα σε επαρκή χαρτογράφηση των ικανοτήτων κλίση CSS.

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

Ένα τέτοιο κέντρο βάρους της μεταφοράς οφέλη του έργου: δεν είναι ανάγκη να συμμετάσχουν στην υλοποίηση του cross-browser συμβατότητα, χώρο δοκιμών σε διαφορετικές συσκευές σε διαφορετικά λειτουργικά συστήματα.

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