Wireframes vs Mockups
Είναι μια βασική οπτική αναπαράσταση μιας διεπαφής.
| Wireframes | Mockups | |
|---|---|---|
| Definition | Ένα wireframe είναι μια οπτική αναπαράσταση, συνήθως σε γκρί κλίμακα, που περιγράφει τη δομή και τη λειτουργικότητα μιας ιστοσελίδας ή μιας εφαρμογής κινητού πριν προστεθεί ο οπτικός σχεδιασμός και το περιεχόμενο. | Ένα mockup είναι μια στατική αναπαράσταση ενός προϊόντος, που χρησιμοποιείται συχνά στο σχεδιασμό και την ανάπτυξη προϊόντων για να δείξει πώς μπορεί να φαίνεται και να χρησιμοποιηθεί το τελικό προϊόν. |
| Categories | Figma, Mockup, UI, UX, wireframe | UI, UX, design, mockup |
What is a wireframe?
Είναι μια βασική οπτική αναπαράσταση μιας διεπαφής.
Ορισμός
Ένα wireframe είναι μια οπτική αναπαράσταση, συνήθως σε γκρί κλίμακα, που περιγράφει τη δομή και τη λειτουργικότητα μιας ιστοσελίδας ή μιας εφαρμογής κινητού πριν προστεθεί ο οπτικός σχεδιασμός και το περιεχόμενο.
Σκοπός
Τα wireframes χρησιμοποιούνται για να καθορίσουν τη βασική διάταξη και την εμπειρία χρήστη, εστιάζοντας στη χρηστικότητα και την πλοήγηση.
Χρήση στο Σχεδιασμό
Χρησιμοποιούνται στα αρχικά στάδια του σχεδιασμού για να διασφαλίσουν ότι το έργο αναπτύσσεται σύμφωνα με τους συμφωνηθέντες στόχους και για να διευκολύνουν την ευχρηστία και την μελλοντική ανάπτυξη περιεχομένου.
Εργαλεία
Ένα από τα πιο κοινά εργαλεία για τη δημιουργία wireframes είναι το Figma.
Τι είναι το mockup;
Είναι μια στατική και οπτική αναπαράσταση ενός προϊόντος.
Ορισμός
Ένα mockup είναι μια στατική αναπαράσταση ενός προϊόντος, που χρησιμοποιείται συχνά στο σχεδιασμό και την ανάπτυξη προϊόντων για να δείξει πώς μπορεί να φαίνεται και να χρησιμοποιηθεί το τελικό προϊόν.
Στοιχεία
Περιλαμβάνει στοιχεία σχεδίασης όπως τυπογραφία, λογότυπα, εικόνες, χρωματικά σχέδια και οπτικά στοιχεία πλοήγησης που αποτελούν μέρος της τελικής εμπειρίας χρήστη.