Θέλετε να μάθετε πώς να σχεδιάσετε τον πρώτο σας ιστότοπο; Ίσως έχετε σχεδιάσει μερικές και τώρα θα θέλατε να μετατρέψετε τις ικανότητές σας σε καριέρα; Αυτό το άρθρο είναι εδώ για να σας δείξει τη σωστή κατεύθυνση.
Ένα άρθρο δεν μπορεί να καλύψει όλα όσα χρειάζεται να γνωρίζετε φυσικά. οι δεξιότητες, τα εργαλεία και οι τεχνολογίες που θα χρειαστείτε για να γίνετε ένας αρκετά ικανός σχεδιαστής, θα χρειαστούν μήνες για να μάθουν και χρόνια για να κυριαρχήσουν. Συγνώμη όχι. Δεν υπάρχει πραγματικά γρηγορότερος τρόπος. Αλλά η συνεχής εκμάθηση και ανάπτυξη είναι μία από τις πιο ευχάριστες πτυχές αυτής της εργασίας.
Για τους σχεδιαστές ανάμεσα σε εμάς: Έχετε πει ποτέ σε κάποιον "σχεδιάζω ιστοσελίδες", και βίωσα αυτό το κρύο φόβο όταν απαντήσουν με, "Cool! Μπορείς να με διδάξεις πώς να το κάνεις αυτό; "Το να εξηγείς πόσο σχεδιασμό εργασίας μπορεί να είναι δύσκολο. Αυτό ισχύει ιδιαίτερα όταν το άτομο που ρωτάει δεν γνωρίζει πολλά για τους υπολογιστές για να ξεκινήσει. Πολλοί άνθρωποι υποθέτουν ότι κάνετε κλικ και σύρετε τα πάντα στην οθόνη, λίγο σαν το PowerPoint, ίσως. Θα σας το πω δωρεάν: η επιλογή του PowerPoint για εξαγωγή "ιστοσελίδων" δεν βοήθησε. Είμαστε εδώ για να σας βοηθήσουμε σωστά αυτό το λάθος. Την επόμενη φορά που κάποιος σας ρωτάει πώς να σχεδιάσετε ιστότοπους, θα τους δείξετε εδώ.
Καλώς ήλθατε, Κυρίες και Κύριοι, στον οδηγό του Webdesigner Depot για να ξεκινήσετε στο σχεδιασμό ιστοσελίδων. Πιάσε τα ποντίκια σου και αγκάλιασε τα πληκτρολόγια σου, αυτό θα είναι μακρύ. Ο καφές είναι προαιρετικός, αλλά συνιστάται ιδιαίτερα.
Αυτό το άρθρο προορίζεται για όσους θέλουν να ξεκινήσουν να σχεδιάζουν ιστοσελίδες στον browser τους. Είναι επίσης για τους ανθρώπους που θέλουν να αρχίσουν να σχεδιάζουν ιστοσελίδες, περίοδο. Αυτό το άρθρο υποθέτει ότι ο αναγνώστης δεν είχε καμία επίσημη σχεδιαστική εκπαίδευση, καμία δεξιότητα κωδικοποίησης και καμία εμπειρία στη βιομηχανία σχεδιασμού ιστοσελίδων.
Οι "ελάχιστες απαιτήσεις" ... είναι χαμηλές. Αν γνωρίζετε ποιους φακέλους και αρχεία κειμένου είναι, μπορείτε να ξεκινήσετε. Είναι τόσο απλό
Οι "ελάχιστες απαιτήσεις" για τους ανθρώπους που θέλουν να σχεδιάσουν την πρώτη τους ιστοσελίδα είναι χαμηλές. Αν γνωρίζετε ποιους φακέλους και αρχεία κειμένου είναι, μπορείτε να ξεκινήσετε. Είναι τόσο απλό.
Ωστόσο, ενώ ξεκινάτε είναι απλή, η οικοδόμηση ενός καλού δικτυακού τόπου είναι οτιδήποτε άλλο. Υπάρχουν πολλές δεξιότητες που θα πρέπει να μάθετε. Θα πρέπει να μάθετε για τη θεωρία των χρωμάτων. Θα πρέπει να ξέρετε πώς αλληλεπιδρούν τα ανθρώπινα όντα με τους ιστότοπους και γιατί το κάνουν όπως κάνουν. Θα χρειαστεί να μάθετε τις βασικές γλώσσες κωδικοποίησης, συγκεκριμένα το HTML και το CSS.
Στη συνέχεια, ίσως θελήσετε να μάθετε κάποιο βασικό προγραμματισμό στο JavaScript και να υπολογίσετε πώς να το χρησιμοποιήσετε για να χειριστείτε τμήματα του ιστοτόπου σας. Στη συνέχεια, υπάρχουν συστήματα διαχείρισης περιεχομένου, βελτιστοποίηση μηχανών αναζήτησης, μάρκετινγκ.
Και φυσικά, πρέπει να έχετε ένα μεγάλο περιεχόμενο για τον ιστοχώρο σας στην πρώτη θέση. Γιατί θέλεις να το κάνεις αυτό, ούτως ή άλλως; Εννοώ, θα μπορούσατε να προσλάβετε έναν επαγγελματία. Πρέπει να είστε σε αυτό επειδή αγαπάτε τη μάθηση. Πρέπει να γοητεύεστε από το Διαδίκτυο και όλες τις δυνατότητές του. Χρειάζεστε πολύ ελεύθερο χρόνο. Δεν χρειάζεται, ωστόσο, να είστε ειδικός σε όλα. Κανένας από τους επαγγελματίες δεν είναι. Μερικοί ειδικεύονται σε μια περιοχή. Κάποιοι κάνουν λίγα πράγματα.
Καλώς ήρθατε στον υπέροχο κόσμο του web design, αρχάριος. Να είστε έτοιμοι να βιδώσετε πολλά και θυμηθείτε να διασκεδάσετε!
Διαβάστε αρκετά για να ξεκινήσετε. Κάντε την πρώτη σας, πιθανώς μπερδεμένη, ιστοσελίδα. Ελάτε πίσω και διαβάστε περισσότερα. Βελτιώσει. Επαναλαμβάνω.
Όχι πραγματικά, μάλλον δεν θέλετε να το διαβάσετε ταυτόχρονα. Υπάρχουν πολλοί εξωτερικοί πόροι για να διαβάσετε, πολλές ιδέες για να τυλίξετε το κεφάλι σας γύρω. Δεν το έμαθα αυτό με ένα πάτημα. Πιθανότατα, ούτε εσείς. Είναι εντάξει.
Ίσως ψάξατε στον Ιστό και έχετε παρατηρήσει ότι πολλοί άνθρωποι χρησιμοποιούν εκδότες εικόνων για να σχεδιάσουν πρώτα τους ιστοτόπους τους. Κωδικοποιούν τα σχέδια μετά, ή να το κάνουν κάποιος άλλος. Photoshop είναι το εργαλείο που χρησιμοποιείται περισσότερο, αλλά οι άνθρωποι χρησιμοποιούν επίσης προγράμματα όπως Σκίτσο , ΣΕΙΡΗΤΙ , Inkscape , και Εικονογράφος .
οι ιστοσελίδες θα πρέπει να σχεδιάζονται στο πρόγραμμα περιήγησης ... επειδή οι χρήστες δεν περιηγούνται στον ιστό στο Photoshop
Κοιτάξτε γύρω από τον ιστό και θα δείτε μετά το blog μετά το νήμα του φόρουμ συζητώντας τα οφέλη και τα προβλήματα που είναι εγγενή στη χρήση ενός ή του άλλου εργαλείου για να σχεδιάσετε τους ιστοτόπους σας. Αυτό είναι καλό. Πάντα είπα ότι οι άνθρωποι πρέπει να χρησιμοποιούν όποια εργαλεία λειτουργούν καλύτερα γι 'αυτούς. Εντούτοις, κάνω μια εξαίρεση από τον κανόνα αυτό. Πιστεύω ότι οι ιστότοποι θα πρέπει να σχεδιάζονται στο πρόγραμμα περιήγησης - ιδανικά σε διάφορα προγράμματα περιήγησης - επειδή οι χρήστες δεν περιηγούνται στον ιστό στο Photoshop.
Εκτός αυτού, μια ροή εργασιών που βασίζεται σε πρόγραμμα περιήγησης έρχεται με πολλά άλλα πλεονεκτήματα:
Βλέπεις ακριβώς τι παίρνεις. Ακόμη και τα mockups υψηλής πιστότητας δεν μεταδίδουν τα διαδραστικά μέρη ή τα κινούμενα μέρη ενός ιστότοπου πολύ καλά. Με το σχεδιασμό του προγράμματος περιήγησης, μπορείτε να δείτε ακριβώς πώς λειτουργεί ο σχεδιασμός.
Αυτό ισχύει ιδιαίτερα όταν πρόκειται για ανταποκρινόμενο σχεδιασμό. (Για τους απροσδιόριστους: ο σχεδιασμός που ανταποκρίνεται στις ανάγκες σας είναι όταν δημιουργείτε ένα σχέδιο ιστοτόπου που αλλάζει και προσαρμόζεται σε διαφορετικά μεγέθη οθόνης. Αυτό σημαίνει ότι ο ίδιος ιστότοπος θα φαίνεται, και ίσως να λειτουργεί, λίγο διαφορετικά στα τηλέφωνα, τα tablet και τους επιτραπέζιους υπολογιστές.)
Έχετε δοκιμάσει ποτέ να φτιάξετε τουλάχιστον τρεις μακέτες υψηλής πιστότητας σε κάθε διάταξη σελίδας στον ιστότοπό σας; Δεν είναι βολικό. Πολύ καλύτερα να το κάνετε "όλα ταυτόχρονα".
Ο σχεδιασμός με βάση το πρόγραμμα περιήγησης μπορεί να σας κάνει έναν καλύτερο σχεδιαστή. Όταν κάνετε όλες τις προκαταρκτικές εργασίες σχεδίασης στο, λόγου χάρη, το Photoshop, είναι εύκολο να αφήσετε τα πράγματα να ξεπεραστούν: οι διασυνδέσεις μπορούν να γεμιστούν, οι σχεδιαστές τρελαίνονται με τα βαριά γραφικά. Δερμάτινες υφές παντού! (Ευτυχώς αυτή η τάση έχει μειωθεί τα τελευταία χρόνια.) Δεν χρειάζεται να συμβεί αυτό, αλλά συχνά το κάνει. Αυτό χειροτερεύει αν το πρόσωπο που σχεδιάζει την ιστοσελίδα δεν είναι το άτομο που θα το κωδικοποιεί.
Αυτός είναι ένας τρόπος που ο σχεδιασμός στο πρόγραμμα περιήγησης μπορεί να αλλάξει την προσέγγισή σας στην αισθητική και τα γραφικά. Σας αναγκάζει επίσης να μάθετε περισσότερα για το HTML. Και, μαθαίνετε πολύ περισσότερα για το πώς λειτουργούν τα διαφορετικά προγράμματα περιήγησης. Βασικά, όσο περισσότερο παίρνετε τα χέρια σας βρώμικα με κώδικα, τόσο καλύτερα θα καταλάβετε πώς λειτουργούν οι ιστότοποι. Αυτό δεν θα σας κάνει ένα φοβερό σχεδιαστή από μόνο του? αλλά είναι μια καλή αρχή.
Πριν ανοίξετε ποτέ έναν επεξεργαστή κειμένου και αρχίσετε να πληκτρολογείτε, πρέπει να καταλάβετε κάποιες βασικές αρχές. Οι άνθρωποι που σχεδιάζουν σε ένα πρόγραμμα επεξεργασίας εικόνων, όπως το Photoshop, μπορεί να σχεδιάσουν έναν ιστότοπο όπως αυτό:
Αυτή η προσέγγιση δεν κάνει κανέναν καλό. Έτσι, το πρώτο πράγμα που πρέπει να ξέρετε είναι:
Κυριολεκτικά, κάθε μέρος του σχεδίου σας θα πρέπει να αλλάξει. Τίποτα δεν είναι ιερό. Εάν κάτι δεν λειτουργεί ή δεν ταιριάζει με το υπόλοιπο σχέδιο, θα πρέπει να πάει ή να αλλάξει. Ακόμη και όταν ο ιστότοπός σας "γίνει" και ξεκινήσει, μπορεί να παρατηρήσετε σφάλματα ή να αποφασίσετε να το πάρετε σε μια νέα κατεύθυνση. Ο ιστός είναι υγρός και συνεχώς μεταβαλλόμενος. Ενώ δεν πιστεύω πραγματικά στην αλλαγή για χάρη της αλλαγής, θα πρέπει να είστε έτοιμοι να προσαρμόσετε όποτε χρειάζεται.
Δεν δημιουργείτε μόνο έναν ιστότοπο και τον αφήνετε εκεί. Οι ιστότοποι είναι λίγο σαν τα παιδιά, μόνο που δεν μεγαλώνουν ποτέ και φεύγουν από το σπίτι. Πρέπει να τα φροντίζετε, να τα ενημερώνετε, να τα διατηρείτε.
Κάνετε το σωστό, όμως, και θα πάρετε μια φανταστική απόδοση της επένδυσής σας.
Η στιγμή που οι σχεδιαστές σταματούν να μαθαίνουν νέα πράγματα για το σχεδιασμό ιστοσελίδων είναι η στιγμή που παύουν να είναι σχετικές. Το Διαδίκτυο έχει να κάνει με τη συνάφεια. Σοβαρά, εάν ο ιστότοπός σας φαίνεται πολύ χρονολογημένος, οι πιθανότητες είναι ότι πολλοί επισκέπτες δεν θα παραμείνουν για να δουν τι πρέπει να πείτε. Η αντίληψη είναι τα πάντα.
Δεν χρειάζεται να ξανασχεδιάζετε κάθε έξι μήνες, αλλά θα πρέπει πάντα να διαβάζετε περισσότερα, να ανακαλύπτετε νέους ήρωες σχεδιασμού και να μιλάτε με άλλους σχεδιαστές. Όπως οποιοσδήποτε γιατρός, δικηγόρος ή άλλος επαγγελματίας, θα πρέπει να συμβαδίσετε με τα νέα.
Δεν είναι όλες οι λαμπερές νέες σχεδιαστικές τάσεις. Υπάρχουν επίσης νέες εφαρμογές, τεχνολογίες και τεχνάσματα που μπορούν να διευκολύνουν τη ζωή και την εργασία σας. Θυμάστε τι είπα για να είμαι σε αυτό για την μακρά απόσταση; Ναι. Αυτό είναι ένα μέρος αυτού που μιλούσα.
Έχουμε ήδη διαπιστώσει ότι, κατά τη δημιουργία μιας ιστοσελίδας, δεν πρέπει ποτέ να μεταβείτε απευθείας στη δημιουργία των γραφικών. Πραγματικά, ποτέ δεν πρέπει ποτέ να πηδήσετε σε οποιοδήποτε έργο του σχεδιασμού. Το πρώτο βήμα στο σχεδιασμό μιας ιστοσελίδας είναι να διασφαλίσετε ότι έχετε το περιεχόμενο του ιστότοπου. Αυτό σημαίνει κείμενο, φωτογραφίες, πληροφορίες επικοινωνίας, έργα. Χρειάζεται πρώτα. Αυτό δεν είναι διαπραγματεύσιμο.
Το πρώτο βήμα στο σχεδιασμό μιας ιστοσελίδας είναι ... το περιεχόμενο του ιστότοπου ... Χρειάζεται πρώτα. Αυτό δεν είναι διαπραγματεύσιμο
Ίσως έχετε δει ανθρώπους να γεμίζουν τα σχέδιά τους με ψεύτικο κείμενο που ονομάζεται "Lorem ipsum" κείμενο. Μπορεί επίσης να το γνωρίζετε ως "λατινικό κείμενο" ή "ελληνικό κείμενο" παρόλο που στην πραγματικότητα δεν έχει καμία σχέση με καμία από τις δύο γλώσσες. Είναι απλώς ψεύτικο κείμενο, το οποίο έχει σχεδιαστεί για να δείχνει τι θα φανεί ένα σχέδιο όταν γεμίσει με περιεχόμενο. Αποφύγετε εάν μπορείτε. Πιστεύω ότι, όσο το δυνατόν περισσότερο, οι σχεδιαστές θα πρέπει να προσπαθήσουν να χρησιμοποιήσουν το πραγματικό περιεχόμενο για τον ιστότοπο. Θα πρέπει να το κάνουν ακόμη και στα ψηφιακά καλώδια.
Αυτή η πρακτική παρέχει μια πολύ καλύτερη ιδέα για το πόσο διάστημα θα χρειαστείτε για το περιεχόμενό σας και μπορεί να σας βοηθήσει να αποφύγετε πολλά λάθη και προβλήματα αργότερα.
Ο κανόνας που πρέπει να έχετε κατά νου είναι ότι: το περιεχόμενο δεν πρέπει να είναι κατάλληλο για το σχεδιασμό σας. Ο σχεδιασμός θα πρέπει να γίνει για να ταιριάζει στο περιεχόμενό σας. Μόλις ομιληθεί φωναχτά, αυτό μοιάζει με ένα όχι-brainer. Χρειάστηκαν πολλά χρόνια για να το καταλάβω. Όχι, δεν είμαι μόνος σε αυτό.
Συνέπεια: η τυπογραφία είναι βασικά ο σχεδιασμός ιστοσελίδων
Εκτός αν ο ιστότοπος που κατασκευάζεται είναι, συγκεκριμένα, όλα σχετικά με εικόνες, βίντεο ή ήχο, θα υπάρχει πολύ κείμενο. Πράγματι, μπορεί να υπάρχει αρκετό κείμενο ακόμη και σε αυτές τις περιπτώσεις. Κείμενο σχόλια, περιγραφές κειμένων, σχόλια κειμένου, επιχειρήματα κειμένου σχετικά με το εν λόγω περιεχόμενο. Το Διαδίκτυο είναι ως επί το πλείστον κείμενο.
Είναι λογικό, λοιπόν, ότι η τυπογραφία είναι η πιο σημαντική αισθητική πειθαρχία σχεδιασμού που πρέπει να κυριαρχήσει. Εάν οι χρήστες μπορούν να διαβάσουν το περιεχόμενό σας, είστε χρυσός. Μην με πάρτε λάθος, όλοι οι κλάδοι σχεδιασμού είναι σημαντικοί. αλλά ξεκινήστε με τυπογραφία. Το όμορφο κείμενο θα σας μεταφέρει μακριά.
Θα θυμάστε ότι οι χρήστες περιηγούνται στο Web με διαφορετικές συσκευές και σε διαφορετικά περιβάλλοντα. Θα πρέπει να λογαριάσετε με διαφορετικούς τρόπους.
Μερικοί άνθρωποι έχουν μικρότερες, πολύ μικρότερες οθόνες. Θυμάστε αυτό που έγραψα παραπάνω σχετικά με το σχεδιασμό που ανταποκρίνεται; Αυτό είναι όπου μπαίνει στο παιχνίδι. Ο ιστότοπός σας θα πρέπει να προσαρμοστεί σε οθόνες μεγέθους από τρεις έως σαράντα ίντσες. Αυτό δεν είναι εύκολο, αλλά αξίζει τον κόπο. Αξίζει γιατί, αν περισσότεροι άνθρωποι μπορούν πραγματικά να χρησιμοποιήσουν τον ιστότοπό σας, είναι πιο πιθανό να αγοράσουν αυτό που πουλάτε.
Άλλοι επισκέπτονται διαφορετικό φωτισμό από εσάς και οι οθόνες τους μπορεί να είναι αμυδρές. Ή, μπορεί να έχουν μόνο κακή όραση. Αυτό θα σημαίνει ότι το σχέδιό σας θα χρειαστεί αντίθεση και πολλά. Αυτές οι τρομερές, λεπτές διαφορές στα χρώματα και τις αποχρώσεις δεν θα σημαίνουν τίποτα σε πολλούς χρήστες.
Μερικοί άνθρωποι χρησιμοποιούν οθόνες αφής. Αυτοί είναι συνήθως οι ίδιοι άνθρωποι που χρησιμοποιούν μικρές οθόνες. Θα πρέπει να λογαριάσετε αυτό, βεβαιώνοντας ότι οι σύνδεσμοι και τα κουμπιά είναι εύκολο να αγγίξετε με τα δάχτυλα. Καθώς δοκιμάζετε τα σχέδιά σας με τις δικές σας κινητές συσκευές, μπορεί να αντιμετωπίσετε άλλες ανησυχίες χρηστικότητας που πρέπει να αντιμετωπιστούν.
Στη συνέχεια, υπάρχουν άτομα με προβλήματα όρασης. Υπάρχουν άνθρωποι που χρησιμοποιούν μόνο διαφορετικά προγράμματα περιήγησης. Άτομα που χρησιμοποιούν προγράμματα περιήγησης με βάση το κείμενο. Θα μπορούσα να συνεχίσω, αλλά το θέμα είναι αυτό: οι εμπειρίες των χρηστών σας με τον ιστότοπό σας θα ποικίλουν, μερικές φορές σε μεγάλο βαθμό. Ποτέ μην το ξεχνάτε.
Τέλος, θυμηθείτε να σχεδιάσετε για την πώληση. Και ναι, πουλάτε κάτι. Ακόμα κι αν είστε blogging για τις προσωπικές σας εμπειρίες, εξακολουθείτε να πουλάτε τον εαυτό σας. Πουλάτε τις εμπειρίες σας, πιθανώς με την προϋπόθεση ότι παρουσιάζουν ενδιαφέρον ή προσφέρουν αξία στους αναγνώστες σας. Για ένα blog, αυτό μπορεί να σημαίνει μόνο να βεβαιωθείτε ότι οι άνθρωποι μπορούν να βρουν τις θέσεις που τους ενδιαφέρουν γρήγορα και εύκολα. Για έναν ιστότοπο φυλλαδίων, αυτό μπορεί να σημαίνει σχεδιασμό κάθε σελίδας για να δείξει καλύτερα την καταπληκτική του προϊόντος / της υπηρεσίας, ενώ ταυτόχρονα είναι εύκολο να αγοράσετε πραγματικά το πράγμα.
Ο παράγοντας αυτό σε όλα σχετικά με τον ιστότοπο, συμπεριλαμβανομένου του περιεχομένου και της πραγματικής διάταξης του ιστότοπου. Οι άνθρωποι πρέπει να δουν τι πουλάτε και να είστε πεπεισμένοι ότι το θέλουν. Γρήγορα. Πρέπει να αποδειχθεί ότι υπάρχει ένας εύκολος τρόπος να αναλάβετε δράση με βάση αυτό που πουλάτε. Εάν είστε blogger, η ενέργεια αυτή μπορεί να είναι να εγγραφείτε στο ιστολόγιό σας. Εάν πουλάτε ένα προϊόν ή μια υπηρεσία, μπορεί να σας δώσει χρήματα για το εν λόγω προϊόν / υπηρεσία.
Εάν θέλετε να το κάνετε αυτό επαγγελματικά, θα χρειαστείτε μια ποικιλία δεξιοτήτων. Εδώ, θα επικεντρωθούμε στις δεξιότητες που απαιτούνται για το σχεδιασμό και την οικοδόμηση ενός δικτυακού τόπου. Επίσης, θα χρειαστείτε επιχειρηματικές και επικοινωνιακές δεξιότητες, φυσικά. Όταν είστε έτοιμοι να μάθετε όλα σχετικά με αυτό, ελέγξτε το Επιχείρηση κατηγορία εδώ στο WDD.
Προς το παρόν, ξεκινάμε με τα πρώτα πράγματα που πρέπει να γνωρίζετε.
Η εμπειρία του χρήστη - ή του UX - σχεδιάζει, στο πλαίσιο αυτό, να γνωρίζει πώς οι περισσότεροι άνθρωποι χρησιμοποιούν ιστότοπους και μεταφράζουν αυτές τις γνώσεις σε ένα ανώτερο σχεδιασμό τοποθεσίας. Είναι μια διαδικασία, είναι μια φιλοσοφία, και είναι πολλή δουλειά. Θυμηθείτε, ο τρόπος που χρησιμοποιείτε τους ιστότοπους μπορεί να διαφέρει από τον τρόπο που το κάνουν άλλοι. Αυτό που σας έχει νόημα μπορεί να μην έχει νόημα στους χρήστες σας. Οι σχεδιαστές ιστοσελίδων σε κάθε επίπεδο δεξιοτήτων ξεχνούν ότι από καιρό σε καιρό, προσέξτε.
Φυσικά, υπάρχουν πόροι που μπορούν να σας βοηθήσουν να ξεκινήσετε, όπως Τι είναι ο σχεδιασμός εμπειρίας χρήστη; Αυτό το εκτενές άρθρο από το περιοδικό Smashing καλύπτει τα βασικά του σχεδιασμού UX και περιλαμβάνει μια τεράστια λίστα συνδέσμων με άλλους πόρους. Μόλις τελειώσετε με αυτό, βεβαιωθείτε ότι έχετε διαβάσει UI vs UX: ποια είναι η διαφορά; , από τον Dain Miller. (Μερικές φορές θα βλέπετε όρους όπως "σχεδιασμό διεπαφής χρήστη" και "σχεδιασμό UX" που χρησιμοποιούνται εναλλακτικά και αυτό δίνει στους λάθος εντυπώσεις ανθρώπων.)
Αυτή είναι επίσης μια καλή στιγμή για να μάθετε για wireframing. Η συρραφή είναι μια διαδικασία κατά την οποία μπορείτε να σχεδιάσετε πρώτα κάποιες πολύ βασικές ιδέες σχεδίασης σε στυλό και χαρτί. Το στυλό και το χαρτί, ή ένα πρόγραμμα σχεδίασης σε ένα tablet, είναι ιδανικό για το είδος των γρήγορων, ακατέργαστων εννοιών με τις οποίες θα εργαστείτε.
Αργότερα, μπορείτε να χρησιμοποιήσετε μια εφαρμογή για επιτραπέζιους υπολογιστές ή tablet για να κάνετε πιο λεπτομερή έκδοση της διάταξης. Αυτή η διαδικασία είναι ένα ουσιαστικό μέρος της απόφασης, από την αρχή, πώς θα λειτουργήσει ο ιστότοπός σας.
Για μια γρήγορη εισαγωγή στις βασικές έννοιες wireframing, ελέγξτε έξω Χρησιμοποιώντας συρματοπλέγματα για να εξομαλύνετε τη διαδικασία ανάπτυξης . Για μια πιο εκτεταμένη εισαγωγή, συμπληρώστε με έναν μακρύ κατάλογο πόρων, διαβάστε Ένας οδηγός αρχαρίων για Wireframing .
Κάποιοι θα υποστήριζαν ότι θα πρέπει να μάθετε να κωδικοποιείτε τα σχέδιά σας προτού ασχοληθείτε να προσπαθήσετε να τα φανείτε όμορφα. Μπορεί να έχουν δίκιο. Για τους σκοπούς αυτού του άρθρου, ωστόσο, ήθελα να καλύψω τη θεωρία πριν από τις πρακτικές δεξιότητες.
Αισθητική: Είναι ένα δύσκολο πράγμα. Αυτό που μοιάζει με ένα μεγάλο σχέδιο χρωμάτων σε μερικούς ανθρώπους μπορεί να φανεί εντελώς παράξενο σε άλλους. Οι γραμματοσειρές που αισθάνονται "σωστά" σε εσάς μπορούν να φαίνονται εντελώς λανθασμένες στους συνεργάτες σας. Φαίνεται πολύ, πολύ υποκειμενικό.
Υπάρχει μια επιστήμη για να κάνει τα πράγματα να φαίνονται καλά, όμως. Μπορεί να φαίνεται σαν μια ανακριβής επιστήμη, αλλά γνωρίζοντας τους βασικούς κανόνες, θα περάσετε πολλά προβλήματα. Όπως και σε κάθε άλλη δημιουργική πειθαρχία, η γνώση των κανόνων είναι το πρώτο βήμα. Τότε μαθαίνετε πώς να σπάσετε τους κανόνες με δημιουργικούς τρόπους, χωρίς να σπάσετε τον ιστότοπό σας.
Τυπογραφία
Θυμάστε τι είπα για την εκμάθηση της τυπογραφίας πρώτα; Δεν αστειεύομαι. Το Διαδίκτυο είναι κείμενο. Είναι λόγια. Αυτές οι λέξεις θα πρέπει να φαίνονται καταπληκτικές . Η τυπογραφία είναι κάτι παραπάνω από την επιλογή της σωστής γραμματοσειράς. Η τυπογραφία αφορά τη χρηστικότητα. Πρέπει να επιλέξετε τα σωστά μεγέθη γραμματοσειρών και τους τύπους γραμματοσειρών, για παράδειγμα, για να κάνετε το κείμενο σας αναγνώσιμο από την πλειοψηφία των ανθρώπων, στην πλειοψηφία των οθονών. Πρέπει να ορίσετε τα σωστά μεγέθη για τις επικεφαλίδες και τους τίτλους για να δημιουργήσετε μια οπτική ιεραρχία. Πρέπει να κάνετε το κείμενό σας νόημα στο μεγαλύτερο δυνατό αριθμό ατόμων.
Εδώ για να σας βοηθήσουμε να το κάνετε αυτό Πρακτική τυπογραφία του Butterick . Αυτό το βιβλίο έχει τα πάντα: άριστες εξηγήσεις τυπογραφικών εννοιών, κανόνες τυπογραφίας, εξαιρετικά παραδείγματα και ένας από τους πιο βρετανικούς τίτλους που έχω ακούσει ποτέ. Πρέπει να διαβάσετε ολόκληρο το βιβλίο. Μπορείτε να το κάνετε online, δωρεάν ή να παραγγείλετε ένα αντίγραφο πραγματικού βίου. Κάνε το. Ακόμη και αν δεν φτάσετε ποτέ στο σχεδιασμό του πρώτου ιστοτόπου σας, οι συμβουλές σε αυτό το βιβλίο θα βελτιώσουν την εμφάνιση κάθε εγγράφου που κάνετε.
Εάν δεν θέλετε να διαβάσετε ολόκληρο το βιβλίο, ελέγξτε έξω η σύντομη έκδοση . Σε κυριολεκτικά λιγότερο από δέκα λεπτά, θα μάθετε τα ελάχιστα από αυτά που πρέπει να γνωρίζετε.
Αφού μάθετε τους κανόνες τυπογραφίας, ίσως θελήσετε να δοκιμάσετε να διαλέξετε μερικές γραμματοσειρές για το έργο σας. Υπάρχουν πολλά καλά ελεύθερα εκεί έξω, οπότε κοιτάξτε γύρω. Πολλοί άνθρωποι, συμπεριλαμβανομένου και εγώ, επιλέγουν τις γραμματοσειρές τους Γραμματοσειρές Google Web . Οι γραμματοσειρές Google σάς επιτρέπουν να "ενσωματώσετε" απευθείας τις γραμματοσειρές για χρήση στον ιστότοπό σας, έτσι ώστε να είναι βολικό. Ακόμα καλύτερα, μερικοί μεγάλοι σχεδιαστές έχουν πάει και έχουν καταρτίσει λίστες συνδυασμών γραμματοσειρών για να δοκιμάσετε:
Εάν θέλετε να δημιουργήσετε τα δικά σας ζεύγη γραμματοσειρών Google, ελέγξτε τα Ο συνδυασμός γραμματοσειρών Web . Είναι ένα εργαλείο που σας επιτρέπει να κάνετε γρήγορη προεπισκόπηση των συνδυασμών γραμματοσειρών με λογικό τρόπο. Για ένα πιο προηγμένο εργαλείο σχεδιασμού τυπογραφίας, δοκιμάστε Τύπος . Έχει ένα δωρεάν σχέδιο που θα ταιριάζει στους περισσότερους αρχαρίους και μοναχούς σχεδιαστές. Αν αρχίσετε να εργάζεστε με άλλους και πρέπει πραγματικά να τους δώσετε πρόσβαση στην επεξεργασία της γραμματοσειράς σας, η τιμολόγηση δεν είναι καθόλου κακή. Το Typecast θα σας δώσει επίσης πρόσβαση σε πληρωμένες γραμματοσειρές όχι στη βιβλιοθήκη των γραμματοσειρών Google.
Ένα άλλο μέρος για να αναζητήσετε τις γραμματοσειρές web: Σκίουρος γραμματοσειράς. Το Font Squirrel διαθέτει μια τεράστια βιβλιοθήκη δωρεάν γραμματοσειρών για χρήση σε ιστότοπους. Σε αντίθεση με την Google, η ενσωμάτωσή τους δεν είναι τόσο βολική. Θα πρέπει να το κάνετε μόνοι σας. Εάν θέλετε να μάθετε πώς να το κάνετε αυτό, εδώ είναι α καλό οδηγό . Πριν όμως το κάνετε αυτό, ίσως να θέλετε να προχωρήσετε και να μάθετε πρώτα βασικά HTML και CSS.
Τελευταίο, αλλά εξίσου σημαντικό, υπάρχουν πολλές εξαιρετικές γραμματοσειρές, δωρεάν και πληρωμένες, που αναφέρονται εδώ στο Webdesigner Depot. Έχουμε επίσης πολλά μεγάλα άρθρα για την τυπογραφία που κινούνται πέρα από τα βασικά. Κοιτάξτε γύρω από την τοποθεσία για τις γραμματοσειρές (μερικές από αυτές βρίσκονται στην ενότητα Freebies). Μπορείτε να βρείτε τα είδη τυπογραφίας εδώ: https:// {$lang_domain} / κατηγορία / τυπογραφία /
Θεωρία χρωμάτων
Η θεωρία των χρωμάτων δεν έχει να κάνει με την εκμάθηση των τεχνικών ονομάτων των χρωμάτων. Έτσι, αν ο πελάτης σας ζητά φούξια, αλλά πραγματικά θέλει ζεστό ροζ, είσαι μόνος σου. (<- Πραγματική εμπειρία ζωής.)
Η θεωρία των χρωμάτων ασχολείται με συνδυασμούς χρωμάτων και τα ανθρώπινα συναισθήματα που μπορούν να προκαλέσουν. Είναι πραγματική επιστήμη. Για μια μεγάλη εισαγωγή στη θεωρία χρωμάτων, δείτε αυτό το άρθρο από τον Tutsplus: Εισαγωγή στη Θεωρία Χρωμάτων για τους Σχεδιαστές Ιστού . Όταν ολοκληρώσετε αυτό το άρθρο, ελέγξτε τις γεννήτριες δύο χρωμάτων που εμφανίζονται στο τέλος.
Θυμηθείτε ότι η θεωρία χρωμάτων έχει επιπτώσεις για την χρηστικότητα του ιστοτόπου σας και την εμπειρία του χρήστη. Για παράδειγμα, εάν το χρώμα του κειμένου σας είναι πολύ κοντά στο χρώμα του φόντου, οι χρήστες δεν θα μπορούν να το διαβάσουν καλά. Αυτό το πρόβλημα χειροτερεύει με την αντανάκλαση της οθόνης, τις οθόνες που δεν έχουν ρυθμιστεί σωστά και με προβλήματα όρασης.
Το HTML σημαίνει "Γλώσσα σήμανσης Hypertext". Κάθε ιστότοπος που εξετάσατε ποτέ είναι κατασκευασμένος από HTML. Το HTML είναι αυτό που λέει στο πρόγραμμα περιήγησης ιστού αν ψάχνει σε απλό παλιό κείμενο, εικόνα, σύνδεσμο, βίντεο και ούτω καθεξής. Το πρόγραμμα περιήγησής σας στη συνέχεια μεταφράζει αυτό που βλέπετε στην οθόνη.
Η γλώσσα κάνει μια ιστοσελίδα να μοιάζει αρκετά καλείται CSS, και σημαίνει "Cascading Style Sheets". Το CSS λέει στο πρόγραμμα περιήγησης ποια γραμματοσειρά πρέπει να έχει το κείμενο και ποια χρώματα πρέπει να χρησιμοποιήσει. Το CSS ορίζει επίσης τη διάταξη του ιστότοπού σας, τον τρόπο εμφάνισης των κουμπιών, πόσο μεγάλα ή μικρά τα πάντα υποτίθεται ότι είναι ... μπορείτε ακόμη και να ζωντανέψετε με αυτό.
Η εκμάθηση αυτών των γλωσσών είναι αρκετά απλή. Είναι οι πιο απλές γλώσσες υπολογιστών που μπορεί να μάθετε ποτέ. Ωστόσο, είναι επίσης εκτεταμένες, και μπορούν να συνδυαστούν σε τόνοι τρόπων, για να κάνουν τους τόνους των φοβερών σχεδίων. Θα σας πάρει λίγο χρόνο για να μάθετε πώς να τα χρησιμοποιήσετε σωστά. Σας προτείνω να αρχίσετε Κωδικός Ακαδημία . Code Academy είναι ένας χώρος όπου μπορείτε να μάθετε HTML και CSS, καθώς και μερικές γλώσσες προγραμματισμού, όλες δωρεάν. Οι εξηγήσεις παραμένουν απλές. Παρέχετε ασκήσεις κωδικοποίησης και ζωντανή ανατροφοδότηση σχετικά με την εργασία σας.
Αφού γνωρίζετε τα βασικά στοιχεία, υπάρχει ένας πραγματικά καταπληκτικός αριθμός ιστοσελίδων εκεί έξω όπου μπορείτε να μάθετε περισσότερα.
Το Javascript, όπως αναφέρθηκε προηγουμένως, είναι μια βασική γλώσσα προγραμματισμού που σας επιτρέπει να χειρίζεστε το περιεχόμενο του ιστότοπού σας με τρόπους που μόνο οι HTML και CSS δεν μπορούν να χειριστούν. Ωστόσο, δεν το χρειάζεστε πραγματικά. Είναι επίσης μια τάξη μεγέθους πιο περίπλοκη από την βασική HTML / CSS. Ω, είναι εξαιρετικά χρήσιμο, αλλά για τον πρώτο σας ιστότοπο, δεν είναι απαραίτητο. Είναι, ωστόσο, μία από τις σημαντικότερες τεχνολογίες που σχετίζονται με το σχεδιασμό ιστοσελίδων, γι 'αυτό το αναφέρω εδώ.
Τι μπορείτε να κάνετε με αυτό; Ω, πράγματα όπως φανταχτερά διαφανειών, καλώντας σε νέο περιεχόμενο χωρίς να φορτώσετε ξανά τη σελίδα, βελτιώνοντας την χρηστικότητα του ιστότοπου και πολλά άλλα πράγματα! Εάν θέλετε να μάθετε πώς να κάνετε αυτά τα πράγματα, η σύστασή μου είναι ίδια όπως και στην τελευταία ενότητα: Code Academy. Είναι ακριβώς αυτό το τρομερό.
jQuery
Μια πλαϊνή σημείωση: Η Ακαδημία του Κώδικα θα σας διδάξει επίσης πώς να χρησιμοποιήσετε το jQuery, αν το επιλέξετε. Το jQuery είναι ουσιαστικά μια βιβλιοθήκη των στοιχείων που έχουν ήδη δημιουργήσει άλλοι με JavaScript. Διευκολύνει τη χρήση του JavaScript σε ιστοσελίδες, διευκολύνοντας την επιλογή και χειρισμό του περιεχομένου.
Αν δεν καταλαβαίνετε κανένα από αυτά, αυτό είναι εντάξει. Ξεκινήστε με HTML και CSS. Μάθετε ένα κομμάτι τακτικού JavaScript. Κοιτάξτε τον κώδικα άλλου ... πολύ. Μεταξύ αυτού και της πορείας της Ακαδημίας Κώδικα, θα αρχίσετε να το καταλάβετε.
Το λογισμικό μπορεί να είναι ένα ευαίσθητο θέμα, με μερικούς ανθρώπους να ορκίζονται από έναν επεξεργαστή εικόνων και άλλοι να κηρύσσουν τα καλά νέα του αγαπημένου κειμενογράφου τους. Ακόμα άλλοι θα φωνάζουν: "Όχι! Όλοι είσαι λάθος! " Μπορούν μερικές φορές να πάρουν αρκετά έντονη? αλλά μπορείτε να αγνοήσετε με ασφάλεια τα περισσότερα από αυτά.
Ο καθένας πρέπει να πάρει τακτικά χρόνο για να πειραματιστεί με νέα εργαλεία, ροές εργασίας και διαδικασίες
Άλλοι δεν είναι αρκετά ενθουσιασμένοι για τις εφαρμογές που χρησιμοποιούν. Ωστόσο, γίνονται άνετα σε μια συγκεκριμένη εφαρμογή και δεν τους αρέσει η αλλαγή. Αυτή η νοοτροπία είναι θάνατος σε οποιονδήποτε σχεδιαστή ή προγραμματιστή. Ο καθένας πρέπει να πάρει τακτικά χρόνο για να πειραματιστεί με νέα εργαλεία, ροές εργασίας και διαδικασίες. Ίσως δεν έχετε το χρόνο να το κάνετε συνεχώς, και αυτό είναι εντάξει. Υπάρχει κάτι που πρέπει να ειπωθεί για το "Αν δεν έχει σπάσει, μην το διορθώσετε". Το θέμα μου είναι ότι ποτέ δεν πρέπει να φοβάστε να πειραματιστείτε με κάτι καινούργιο, ειδικά σε αυτόν τον κλάδο.
Έτσι λοιπόν, τι θα κάνω: θα απαριθμήσω μερικά μεγάλα, δωρεάν εργαλεία. Αν τους αρέσει, ωραία! Αν νομίζετε ότι χρειάζεστε κάτι διαφορετικό, υπάρχουν λίστες με λίστες εναλλακτικών επιλογών.
Αχ, το πρόγραμμα περιήγησης. Μπορεί να το γνωρίζετε ως "Chrome" ή "Firefox", ή, Θεός, απαγορεύστε "Αυτό το μπλε" E "Thingy". Κανένα από αυτά δεν είναι το ίδιο. Όλοι έχουν τις μικρές ιδιορρυθμίες τους και οι ιστότοποι μπορούν να φαίνονται λίγο διαφορετικοί σε κάθε μία. Μπορούν επίσης να φαίνονται ριζικά διαφορετικά, ανάλογα με τον τρόπο κωδικοποίησης του ιστότοπου. Θα χρειαστεί να δοκιμάσετε τον ιστότοπό σας και να βεβαιωθείτε ότι φαίνεται σωστά σε όσο το δυνατόν περισσότερους από αυτούς. Ευτυχώς, οι δυνατότητες του προγράμματος περιήγησης έχουν φτάσει στο σημείο όπου οι ιστότοποι αρχίζουν να φαίνονται σχεδόν ακριβώς οι ίδιοι σε κάθε μία. Τουλάχιστον οι διατάξεις του ιστότοπου δεν είναι, κατά κανόνα, πρόβλημα.
Ακόμα, τα κλειδιά για την εξασφάλιση της ποιότητας της εργασίας σας είναι να το δοκιμάσετε σε όσο το δυνατόν περισσότερα περιβάλλοντα. Εάν ο υπολογιστής γραφείου / φορητού υπολογιστή σας εκτελεί Windows, τότε έχετε ήδη τον Internet Explorer (το Blue E). Θα θελήσετε επίσης Firefox και Google Chrome , τουλάχιστον.
Σε ένα Mac, θα έχετε το Safari, αλλά θα έχετε πρόβλημα στη λειτουργία του Internet Explorer. Είναι εφικτό, αλλά ενοχλητικό. Εάν ο υπολογιστής σας τρέχει ένα παράγωγο Linux όπως το Ubuntu, μπορείτε να δοκιμάσετε το Safari 5 και τον Internet Explorer 8 και παρακάτω - Πρέπει να σημειωθεί ότι οι IE 8 και οι πιο κάτω είναι οι πιο οδυνηρές εκδόσεις του IE για να συνεργαστείτε και δεν χρησιμοποιείτε πια. Πράγματι, ο Internet Explorer μειώνεται γενικά και λιγότεροι άνθρωποι το χρησιμοποιούν κάθε χρόνο. Επιπλέον, η Microsoft θα κυκλοφορήσει ένα νέο πρόγραμμα περιήγησης συνολικά με τα Windows 10 με Παίξτε στο Linux .
Κινητά προγράμματα περιήγησης
Οι δοκιμές του προγράμματος περιήγησης για κινητά θα περιορίζονται από τις συσκευές που διαθέτετε. Τούτου λεχθέντος, τα γνωστά προγράμματα περιήγησης για κινητά έχουν όλοι παρόμοιες δυνατότητες.
Το Word έχει ότι ο Firefox για το iPhone / iPad βρίσκεται στις εργασίες για κυκλοφορία φέτος. Μπορείτε, ωστόσο, να εγκαταστήσετε Χρώμιο , και Opera Mini τώρα αμέσως.
Στις συσκευές Android, μπορείτε να εγκαταστήσετε Χρώμιο , Firefox , ΛΥΡΙΚΗ ΣΚΗΝΗ , και το Opera Mini. Δεν αγαπάει το Σαφάρι, αν και δεν είναι έκπληξη. Η Apple αρέσει να κρατά τα πράγματα "στην οικογένεια".
Νομίζετε ότι αυτό πολλοί browsers για να δοκιμάσετε; Υπάρχουν περισσότεροι τόνοι! Ωστόσο, οι βάσεις χρηστών τους είναι συγκριτικά μικρές. Κατά τη δοκιμή σε προγράμματα περιήγησης, πρέπει να παίξετε στην πλειοψηφία. ή θα οδηγήσετε τον εαυτό σας τρελό.
Στυλό και χαρτί (ή μια εφαρμογή σχεδίασης)
Αναφέρθηκα προηγουμένως ότι θα θελήσετε να αρχίσετε το σύρμα σας σε στυλό και χαρτί ή ίσως σε κάποια εφαρμογή σχεδίασης. Αυτό είναι σημαντικό . Είναι πολύ σπάνιο για τις πρώτες ιδέες του καθενός να είναι οι καλύτερες ιδέες τους. Η χρήση γρήγορων, μίας χρήσης πλαισίων καλωδίων για να ξεκινήσετε με σας επιτρέπει να τελειοποιήσετε τις ιδέες σας λίγο πριν από τη δέσμευση σε οτιδήποτε.
Σχεδίαση εφαρμογών
Αφού είστε έτοιμοι να αρχίσετε να φτιάχνετε τα πραγματικά καλώδια, εκείνα στα οποία θα βασιστεί ο κωδικός σας, θα χρειαστείτε μια εφαρμογή για την κατασκευή καλωδίων. Έχω επιλέξει το Google Draw (αυτό καλώ την εφαρμογή σχεδίασης στο Google Drive) επειδή έχει όλα όσα χρειάζομαι. Έρχεται με όλα τα βασικά σχήματα που θα μπορούσα ποτέ να θέλω, με εξαιρετικά κοινά χαρακτηριστικά και ζωντανή συνεργασία. Αυτό είναι σωστό, αν δουλεύω με κάποιον άλλο, μπορούμε ταυτόχρονα να κάνουμε αλλαγές στο ίδιο καλώδιο.
Το έχω κάνει πριν. Δουλεύει. Είναι φοβερό. Ω, και έχετε περίπου 15 GB ελεύθερου χώρου για να εργαστείτε με. Είναι web-based, έτσι λειτουργεί σε οποιοδήποτε λειτουργικό σύστημα επιτραπέζιων υπολογιστών. Δεν φαίνεται να έχει έκδοση έκδοσης tablet, που με απογοητεύει. Λοιπόν, δεν μπορείτε να έχετε τα πάντα.
Για τα tablet, έχουμε μια λίστα εφαρμογών που μπορούν να κάνουν τη δουλειά εδώ: Πώς να σχεδιάσετε wireframes στο tablet σας .
Ένας κώδικας επεξεργαστής είναι πραγματικά μια δοξασμένη έκδοση του Σημειωματάριου. Μπορεί να έκανα μόλις μερικούς τεχνίτες να καταβροχθίζω και να καταριέμαι, αλλά είναι σχεδόν αλήθεια. Η διαφορά είναι ότι αυτοί οι επεξεργαστές κειμένων έρχονται με πολλές πρόσθετες λειτουργίες που έχουν σχεδιαστεί για να διευκολύνουν την κωδικοποίηση ιστοσελίδων και προγραμμάτων. Θυμάστε τι έλεγα για τους ανθρώπους που έχουν εμμονή με το λογισμικό τους; Είναι κακό με το πλήθος του προγράμματος επεξεργασίας κειμένου.
Θυμηθείτε, αν κάποιος σας ρωτήσει για το "Vim" ή το "Emacs", γυρίστε πίσω αργά χωρίς να σπάσετε την επαφή με τα μάτια. Αυτή είναι η μόνη σας προστασία.
Αυτή είναι μια από εκείνες τις στιγμές που θα πρέπει να πειραματιστείτε και να δείτε τι σας αρέσει περισσότερο. Μπορείτε να δημιουργήσετε κυριολεκτικά ιστοσελίδες στο Σημειωματάριο, αν θέλετε. Θα γίνει οδυνηρό και κουραστικό μετά από λίγο, αλλά μπορείτε.
Έτσι από ποιον πρέπει να ξεκινήσετε; Πάω να πω Στηρίγματα . Είναι ακόμα υπό ενεργό ανάπτυξη, αλλά είναι σταθερό. Είναι δωρεάν. Λειτουργεί σε Windows, Mac και Linux. Έχει σχεδιαστεί ειδικά για άτομα που σχεδιάζουν και κατασκευάζουν ιστότοπους στο πρόγραμμα περιήγησης.
Μπορεί να μην σχεδιάζετε πλέον ιστοσελίδες στο Photoshop, αλλά θα πρέπει να δημιουργήσετε και να επεξεργαστείτε μεμονωμένες εικόνες. Είτε πρόκειται για φωτογραφίες, λογότυπα ή εικονίδια, θα χρειαστείτε κάτι. Και πάλι, χρησιμοποιήστε ό, τι δουλεύει για σας. Αυτό θα μπορούσε να είναι το Photoshop, το GIMP, το Paint.Net ή μια από τις εφαρμογές του Corel.
Τέλος, ίσως θελήσετε να εγκαταστήσετε έναν διακομιστή ιστού στον προσωπικό σας υπολογισ?