Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

πρακτικός οδηγός σχεδίασης διαφανειών

on

  • 847 views

Μερικές συμβουλές

Μερικές συμβουλές

Statistics

Views

Total Views
847
Views on SlideShare
724
Embed Views
123

Actions

Likes
0
Downloads
9
Comments
0

5 Embeds 123

http://aspete-kritis.blogspot.com 67
http://aspete-kritis.blogspot.gr 47
http://aspete-kritis.blogspot.ie 4
http://aspete-kritis.blogspot.de 4
http://www.aspete-kritis.blogspot.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Αποφεύγουμε να φορτώνουμε τις διαφάνειες με πολλές λεπτομέρειες. Ακολουθούμε τον κανόνα του «5 συν/πλην 2» (από 3 μέχρι το πολύ 7 πράγματα μπορεί να θυμάται ταυτόχρονα κάποιος – τα παραπάνω δεν μπορούν να αφομοιωθούν)
  • Προσέχουμε έτσι ώστε να υπάρχει ενιαίο ύφος στην παρουσίαση μας π.χ. χρώμα φόντου, γραμματοσειρά και μέγεθος γραμμάτων. Αυτή η διαφάνεια είναι ένα αντιπαράδειγμα για την συγκεκριμένη παρουσίαση
  • Προσέχουμε έτσι ώστε να υπάρχει ενιαίο ύφος στην παρουσίαση μας π.χ. χρώμα φόντου, γραμματοσειρά και μέγεθος γραμμάτων.
  • Γενικός κανόνας: Τοποθετούμε στη διαφάνεια μόνο τις επικεφαλίδες – τα επιμέρους σημεία τα αναφέρουμε προφορικά κατά την ομιλία μας
  • Προσέχουμε να είναι ευκολοδιάβαστη η παρουσίασή μας – μην ξεχνάμε ότι η οθόνη κουράζει ευκολότερα τα μάτια. Παρεμπιπτόντως, η διαφάνεια αυτή δεν ακολουθεί τον κανόνα το 5+2
  • Καλή χρήση του χρώματος – ενδείκνυται αν ο χώρος προβολής είναι πολύ φωτεινός
  • Καλή χρήση του χρώματος – πιο ξεκούραστο για τα μάτια από ότι το προηγούμενο
  • Κακή χρήση του χρώματος
  • Πολύ κακή χρήση του χρώματος
  • Γενικοί κανόνες χρήσης του χρώματος
  • Τα έντονα χρώματα κουράζουν
  • Συγκρίνετε αυτή τη διαφάνεια με την προηγούμενη
  • Αντί να βάλουμε πολλά χρώματα...
  • ... μπορούμε να βάλουμε πολλές αποχρώσεις του ίδιου χρώματος
  • Ισχύει και εδώ ο κανόνας του 5+2
  • Συγκρίνετε αυτή τη διαφάνεια με την προηγούμενη
  • Η ομαδοποίηση μπορεί να βοηθήσει και να κατευθύνει το χρήστη
  • Χρώμα με μέτρο
  • Το μάτι πέφτει πρώτα στο έντονο χρώμα
  • Μπορούμε να εκμεταλλευτούμε τα παραπάνω για να τραβήξουμε την προσοχή του χρήστη σε συγκεκριμένο σημείο πρώτα
  • Καλό είναι επίσης να ταιριάζουμε τα χρώματα, σχήματα κλπ με το περιεχόμενο της παρουσίασης
  • Καλό είναι επίσης να ταιριάζουμε τα χρώματα, σχήματα κλπ με το περιεχόμενο της παρουσίασης

πρακτικός οδηγός σχεδίασης διαφανειών πρακτικός οδηγός σχεδίασης διαφανειών Presentation Transcript

  • Σχεδίαση Διαφανειών Πρακτικός Οδηγός Μιχαηλίδη Αφροδίτη
  • Απλότητα
  • Συνοχή Όχι
  • Συνοχή
    • Ναι
  • Η χρήση του κειμένου
    • Ιδιαίτερη αναφορά χρειάζεται στην περίπτωση του κειμένου μέσα σε μία παρουσίαση. Βασικό στοιχείο που πρέπει να έχουμε υπόψη σε σχέση με το κείμενο είναι το γεγονός ότι ο χρήστης, ενώ έχει συνηθίσει να βλέπει το κείμενο τυπωμένο στο χαρτί, τώρα καλείται να το διαβάσει από την οθόνη του υπολογιστή.
    • Αυτό έχει σαν αποτέλεσμα μειωμένη αναγνωσιμότητα του κειμένου στην οθόνη σε σχέση με το χαρτί, καθώς η επιφάνεια της οθόνης είναι φωτεινή και ασταθής σε σχέση με τη σταθερή και ουδέτερη επιφάνεια του χαρτιού. Έχει παρατηρηθεί ότι η ταχύτητα ανάγνωσης από την οθόνη είναι 30% μικρότερη από ότι στο χαρτί.
    • Η αναγνωρισιμότητα του κειμένου μπορεί να βελτιωθεί αν υιοθετηθούν μερικοί βασικοί κανόνες μορφοποίησης, όπως:
      • χρήση κεφαλαίων και πεζών γραμμάτων
      • επιλογή κατάλληλου μεγέθους γραμματοσειράς
      • χρήση κειμένου σε μορφή πίνακα
      • χρήση χρωμάτων
      • χρήση έντονων πλάγιων ή υπογραμμισμένων γραμμάτων.
    μπλα μπλα μπλα μπλα μπλα
  • Η χρήση του κειμένου
    • ΧΡΗΣΗ ΚΕΦΑΛΑΙΩΝ ΚΑΙ πεζών ΓΡΑΜΜΑΤΩΝ
    • Χρήση γραμματοσειρών sans serif
    • επιλογή κατάλληλου μεγέθους γραμματοσειράς
    • Χρήση κουκίδων ή αρίθμησης
    • Χωρισμός σε παραγράφους με ενιαίο θεματικό περιεχόμενο
    • Χρήση tabs
    • χρήση χρωμάτων
    • χρήση έντονων πλάγιων ή υπογραμμισμένων γραμμάτων .
    • χρήση κειμένου σε μορφή πίνακα
    • Εμπλουτισμός του κειμένου με εικονίδια
    • Χωρισμός σε περισσότερες διαφάνειες, αν χρειάζεται
  • Η χρήση του χρώματος στο κείμενο
    • Αυτό είναι ένα παράδειγμα κειμένου όπου χρησιμοποιείται συνδυασμός χρωμάτων υψηλής αντίθεσης.
    • Το φόντο είναι σκουρόχρωμο ενώ τα γράμματα είναι ανοιχτόχρωμα, κάτι που δημιουργεί μια ευανάγνωστη σύνθεση.
  • Η χρήση του χρώματος στο κείμενο
    • Αυτό είναι ένα παράδειγμα κειμένου όπου χρησιμοποιείται συνδυασμός χρωμάτων υψηλής αντίθεσης.
    • Το φόντο είναι ανοιχτόχρωμο ενώ τα γράμματα είναι σκουρόχρωμα, κάτι που δημιουργεί μια ευανάγνωστη σύνθεση.
  • Η χρήση του χρώματος στο κείμενο
    • Αυτό είναι ένα παράδειγμα κειμένου όπου χρησιμοποιείται συνδυασμός χρωμάτων χαμηλής αντίθεσης.
    • Το αποτέλεσμα είναι δυσλειτουργικό καθώς δεν διακρίνονται εύκολα τα γράμματα πάνω στο φόντο.
  • Η χρήση του χρώματος στο κείμενο
    • Αυτό είναι ένα παράδειγμα κειμένου όπου το φόντο είναι μπλε ενώ τα γράμματα κόκκινα, κάτι που δημιουργεί δυσκολίες στην εστίαση εκ μέρους του χρήστη. Έτσι το κείμενο αυτό είναι δύσκολο στην ανάγνωση.
  • Η χρήση του χρώματος
    • Σχεδιάστε πρώτα την οθόνη σε μαυρόασπρο και προσθέστε το χρώμα εκ των υστέρων.
    • Χρησιμοποιείτε το ίδιο χρώμα για την ίδια λειτουργία σε όλη την πορεία της εφαρμογής.
    • Μη χρησιμοποιείτε το ίδιο χρώμα για διαφορετικές λειτουργίες.
    • Μη βασίζεστε μόνο στο χρώμα για τη μετάδοση ενός μηνύματος – συνδύαστε το με κάποια άλλη ένδειξη π.χ. σχήμα, μέγεθος
  • Η χρήση του χρώματος
    • Χρησιμοποιείτε ουδέτερα χρώματα για φόντο
  • Η χρήση του χρώματος
    • Χρησιμοποιείτε ουδέτερα χρώματα για φόντο
  • Η χρήση του χρώματος
    • Εκμεταλλευτείτε το γεγονός ότι το ανθρώπινο μάτι είναι πιο ευαίσθητο στις διαφορές φωτεινότητας παρά χρώματος . Μια οθόνη που περιέχει στοιχεία στους ίδιους χρωματικούς τόνους με διαφορές στη φωτεινότητα είναι πιθανόν να είναι αισθητικά πιο αποδεκτή παρά μία οθόνη με πολλά διαφορετικά χρώματα .
  • Η χρήση του χρώματος
    • Εκμεταλλευτείτε το γεγονός ότι το ανθρώπινο μάτι είναι πιο ευαίσθητο στις διαφορές φωτεινότητας παρά χρώματος . Μια οθόνη που περιέχει στοιχεία στους ίδιους χρωματικούς τόνους με διαφορές στη φωτεινότητα είναι πιθανόν να είναι αισθητικά πιο αποδεκτή παρά μία οθόνη με πολλά διαφορετικά χρώματα .
  • Η χρήση του χρώματος
    • Χρησιμοποιείστε το πολύ 5 διαφορετικά χρώματα. Όπου αυτό δεν είναι δυνατό, τότε μη χρησιμοποιείτε περισσότερα από δύο επιπλέον χρώματα.
  • Η χρήση του χρώματος
    • Χρησιμοποιείστε το πολύ 5 διαφορετικά χρώματα. Όπου αυτό δεν είναι δυνατό, τότε μη χρησιμοποιείτε περισσότερα από δύο επιπλέον χρώματα.
  • Η χρήση του χρώματος
    • Χρησιμοποιείστε το ίδιο βασικό χρώμα για να ομαδοποιήσετε στοιχεία που σχετίζονται μεταξύ τους.
  • Η χρήση του χρώματος
    • Αποφύγετε τη χρήση συμπληρωματικών χρωμάτων το ένα δίπλα στο άλλο.
    • Αποφύγετε τη χρήση συμπληρωματικών χρωμάτων το ένα δίπλα στο άλλο .
  • Η χρήση του χρώματος
    • Χρησιμοποιείτε χρώματα υψηλού κορεσμού και φωτεινότητας για να τραβήξετε την προσοχή του χρήστη !
    • την προσοχή του χρήστη!
    • την προσοχή του χρήστη!
  • Οπτικό βάρος (η πρώτη εντύπωση μετράει)
    • Μέγεθος
    • Σχήμα
    • Χρώμα
    • Φωτεινότητα
    • Αντίθεση με φόντο
    Συμμετρία
  • Παράδειγμα 1
  • Παράδειγμα 2