Δημιουργική χρήση του βίντεο στο Web Design: βίντεο φόντου

Από Aygul ZagidullinaJanuary 6ο, 2011Inspiration69 CommentsPublishing πολιτικής διαφήμιση

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

Ορισμένοι σχεδιαστές να πάμε ακόμη παραπέρα, δημιουργώντας Bluray-όπως εμπειρία στο πρόγραμμα περιήγησης, με την αλληλεπιδραστική navigation μενού, απαλές μεταβάσεις και εξαιρετικών οπτικών εφέ — όλες τις υποστηριζόμενες με βίντεο φόντου. Αυτό μπορεί να γίνει με το Flash ή για HTML5, ωστόσο, οι περισσότερες ιστοσελίδες ενσωματώσετε βίντεο φόντου χρησιμοποιώντας μόνο Flash. Για να ενεργοποιήσετε την πλούσια εμπειρία cross-συσκευή, αξίζει να ΕΚΤΙΜΩΝΤΑΣ προσθέτοντας επαναφορά-βίντεο για εκείνους τους χρήστες που έχουν ένα πρόγραμμα περιήγησης που δεν υποστηρίζει το Flash. Ωστόσο, εμείς δεν το θέλησε να υπεισέλθω σε τεχνικές λεπτομέρειες μόλις ακόμα και ήθελαν να δουν τι σχεδιαστές πραγματικών προσεγγίσεων λαμβάνει εντός τους δικτυακούς τόπους.

Οι επιδόσεις από μια τοποθεσία Web, συμπεριλαμβανομένων των βίντεο φόντου εξαρτάται σημαντικά από την ταχύτητα της σύνδεσης internet του χρήστη. Βίντεο φόντου σίγουρα δεν χωρούν σε κάθε ρύθμιση; θα μπορούσατε να έχουν νόημα στο online περιοδικά ή blogs. Ωστόσο, μπορούν να εργάζονται πραγματικά καλά στην ψυχαγωγία και ορισμένων εταιρειών ρυθμίσεις οι οποίες υποτίθεται ότι θα επικοινωνήσουν καλλιτεχνική ποιότητες, αποκλειστικότητας, επωνυμίας ή ακόμα και υψηλά πρότυπα ποιότητας. Όπως θα διαπιστώσετε, πολύ καλά λειτουργούν σε δικτυακούς τόπους χαρτοφυλακίου, μόδα δικτυακούς τόπους και διαφημιστικές εκστρατείες. Παρακάτω θα βρείτε μια βιτρίνα της ορθής και δεν έχει τόσο καλή δικτυακούς τόπους που υλοποιούν αυτό δυναμική μάτι candy σε λειτουργία πλήρους οθόνης.

Μόδα ιστοσελίδες: Ρούχα, παπούτσια, κοσμήματα

Bulgari B.Zero1
Bulgari, μια ιταλική κοσμηματοπώλης και πολυτελών αγαθών λιανοπωλητή, χρησιμοποιεί ένα βίντεο φόντου to showcase (ή

Δημιουργία και διανομή παρουσιάσεις στο Web

Από Christian HeilmannJanuary 7ο, 2011Coding, Design19 CommentsPublishing πολιτικής διαφήμιση

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

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

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

Δωρεάν εργαλεία για την καταγραφή και να βελτιώσετε την εμφάνιση συνομιλίες

Ας αρχίσω με το σύστημα μόνο πληρωμένη-για κατά την χρήση σε ολόκληρη τη διαδικασία: γράφω διαφάνειές μου στο Apple iLife εφαρμογή Keynote. Μπορώ να χρησιμοποιήσω αυτό διότι όταν κάνω τη δουλειά μου είμαι συνήθως για εργασία χωρίς σύνδεση (στις αμαξοστοιχίες, στο αεροδρόμιο σαλόνια, σε δωμάτια ξενοδοχείων χωρίς ελεύθερη συνδεσιμότητα, κ.λπ.).

KEYNOTE είναι μεγάλη: I μπορεί να αλλάξετε το μέγεθος και τοποθετείτε μάσκα στις εικόνες, ενσωματώσετε βίντεο, εξάγετε ως PDF, και υπάρχουν πολλά όμορφα, λεπτές και αποτελεσματική κινούμενες εικόνες και εναλλαγές. Οι δημιουργοί των διαφανειών εργαλεία πρέπει να προβάλετε Keynote ως μοντέλο και 280slides πράγματι έπραξε. Apple πρέπει επίσης να εξεταστεί χρησιμοποιώντας μια τυποποιημένη μορφή για HTML διαφάνειες στην εισαγωγή, στην πραγματικότητα, αυτή είναι μία από τις ενδιαφέρουσες συζητήσεις που συμβαίνουν.

Εάν χρειάζεται να χρησιμοποιήσετε εικόνες υψηλής ποιότητας, μου μη σπαταλάτε χρήματα ή ώρα γρήγορα την άδεια χρήσης περιεχομένου. Αντ ' αυτού, θα πάω στην επιλογή Σύνθετη αναζήτηση σε Flickr, βρείτε φωτογραφίες με άδειες χρήσης Creative Commons και να χρησιμοποιήσετε αυτές. Όλα πρέπει να κάνω στη συνέχεια είναι να δημοσιεύσει μια σύνδεση με κάθε φωτογραφία στην διαφάνειές μου. Μάλιστα μπορώ να κάνω αυτό πολύ δίκαιο της πνευματικής ιδιοκτησίας.

Δωρεάν HTML 4.01/για HTML5 WordPress θέμα: θεαματική

Από τη θραύση του 10ου EditorialJanuary, 2011Freebies86 CommentsPublishing πολιτικής διαφήμιση

Σήμερα εμείς αφήστε θεαματική, μια ελεύθερη WordPress θέμα που στοχεύει να παρέχει μια ζεστή και ευχάριστη ατμόσφαιρα για προσωπική συλλογισμοί και πόζες. Το θέμα που έρχεται σε δύο flavors: HTML 4.01 και για HTML5. Επίσης, τόσο η γερμανική όσο και η αγγλική εκδόσεις του θέματος περιλαμβάνονται στο πακέτο λήψης του. Το θέμα είναι συμβατός με όλα τα προγράμματα περιήγησης και υποστηρίζει, Opera, Safari, Chrome, IE7

Διατήρηση στους χρήστες του Web ασφαλή από Sanitizing δεδομένων εισόδου

Από Philip TellisJanuary 11ου, 2011Coding33 CommentsPublishing πολιτικής διαφήμιση

Στο τελευταίο άρθρο μου, μίλησα για πολλά συνηθισμένα λάθη που εμφανίζονται σε εφαρμογές web. Από αυτά, εκείνο που προκαλεί τις περισσότερες κόπο είναι ανεπαρκής εισόδου επικύρωσης/sanitization. Σε αυτό το άρθρο, εγώ είμαι Συνεκδικασθείσες ο συνάδελφός μου Peter (evilops) Ellehauge εξετάζοντας εισόδου φιλτράρισμα εις βάθος ενώ συλλογή σχετικά με μερικά πραγματικά παραδείγματα που έχουμε δει γύρω από το web. Όπως θα δείτε από τα παρακάτω παραδείγματα, ανεπαρκής επικύρωσης δεδομένων εισόδου μπορεί να οδηγήσει σε διάφορα είδη κώδικα έγχυσης, συμπεριλαμβανομένων των XSS, και σε ορισμένες περιπτώσεις μπορεί να χρησιμοποιηθεί για phish πιστοποιήσεις χρήστη ή malware ανάπτυγμα.

Για να ξεκινήσετε με, εμείς θα πάρουμε ένα παράδειγμα

Ευέλικτη σχεδίαση Web: Τι είναι και πώς να το χρησιμοποιήσετε

Από Kayla KnightJanuary 12th, 2011Coding, Design61 CommentsPublishing πολιτικής διαφήμιση

Σχεδόν κάθε νέο πρόγραμμα-πελάτη αυτές τις μέρες θέλει μια κινητή έκδοση του δικτυακού τόπου τους. Είναι σχεδόν απαραίτητο μετά από όλα: μία σχεδίασης για το BlackBerry, ένα άλλο για το iPhone, iPad, netbook, Kindle — και όλες οι αναλύσεις οθόνης πρέπει να είναι συμβατό, πάρα πολύ. Τα επόμενα πέντε χρόνια, θα χρειαστούμε πιθανότατα να σχεδιάσετε για ένας αριθμός πρόσθετων εφευρέσεις. Πότε θα σταματήσει την τρέλα; Δεν θα, φυσικά.

Στο πεδίο της σχεδίασης Web και της ανάπτυξης, εμείς γρήγορα είσαι getting στο σημείο να είναι δυνατό να συμβαδίσει με τις ατελείωτες νέα ψηφίσματα και συσκευές. Για πολλές τοποθεσίες Web, δημιουργώντας μια ιστοσελίδα έκδοση για κάθε ψήφισμα και νέα συσκευή θα ήταν αδύνατη, ή τουλάχιστον ανέφικτη. Θα πρέπει εμείς απλώς υποφέρουν από τις συνέπειες της απώλειας επισκεπτών από μία συσκευή, προς όφελος της κερδίζοντας επισκεπτών από την άλλη; Ή μήπως υπάρχει άλλη μια επιλογή;

Ευέλικτη σχεδίαση Web είναι η προσέγγιση που προτείνει η σχεδίαση και ανάπτυξη πρέπει να ανταποκρίνεται στην συμπεριφορά και το περιβάλλον που βασίζεται σε μέγεθος οθόνης, πλατφόρμα και τον προσανατολισμό του χρήστη. Η πρακτική αποτελείται από ένα μίγμα ευέλικτη πλέγματα και διατάξεις, εικόνες και μια ευφυή χρήση των CSS media ερωτήματα. Όπως ο χρήστης μεταβαίνει από τους φορητό υπολογιστή σε iPad, δικτυακό τόπο πρέπει αυτόματα διακόπτη να χωρέσει για ψήφισμα, Μέγεθος εικόνας και ικανότητες για δέσμες ενεργειών. Με άλλα λόγια, η ιστοσελίδα πρέπει να έχουν την τεχνολογία για την αυτόματη απάντηση με τις προτιμήσεις του χρήστη. Αυτό εξαλείφει την ανάγκη για μια διαφορετική φάση σχεδιασμού και ανάπτυξης για κάθε νέα μικροεφαρμογή στην αγορά.

Η έννοια της ανταποκρίνεται στο Web Design

Ethan Marcotte έγραψε ένα εισαγωγικό άρθρο σχετικά με την προσέγγιση,

Πώς να αναγνωρίσετε καλή υπολογιστές-πελάτες (και να αποφευχθούν κακά)

Από Uzi ShmiloviciJanuary 14ου, 2011Business57 CommentsPublishing πολιτικής διαφήμιση

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

Παραγωγικοί Web Design With… Adobe Illustrator;

Από Vincent Le MoignJanuary 17th, 2011Design116 CommentsPublishing πολιτικής διαφήμιση

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

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

Λόγους, να χρησιμοποιήσει το Illustrator για Web DesignDesign ταχύτερα

Σε αντίθεση με το ερμηνευτικό υπόδειγμα επίπεδα στο Photoshop (δηλαδή πρώτα επιλέξτε το στρώμα, και στη συνέχεια εργασία σε αυτό), το Illustrator απασχολεί ένα