Καθαρές γραμματοσειρές sans serif για διεπαφές εφαρμογών
Οικογένειες sans serif ανοιχτής άδειας που μένουν ευανάγνωστες σε κουμπιά, μενού, πίνακες και οθόνες ρυθμίσεων, με τα βάρη που χρειάζεται μια διεπαφή.
Save changes
Μια διεπαφή ζητά από τη γραμματοσειρά περισσότερα απ' όσα ένας τίτλος. Το μεγαλύτερο μέρος του κειμένου είναι σύντομο και μικρό: ετικέτες στα 12 ή 13 pixel, κελιά πινάκων, βοηθητικές γραμμές κάτω από ένα πεδίο. Σε αυτά τα μεγέθη μετράνε τα ανοιχτά ανοίγματα σε γράμματα όπως τα a, e και s, το μεγάλο x-height και τα ψηφία που ξεχωρίζουν εύκολα. Ένα κεφαλαίο I, ένα πεζό l και το ψηφίο 1 δεν πρέπει να μοιάζουν σε ένα πεδίο κωδικού.
Το εύρος των βαρών μετράει σχεδόν εξίσου. Ένα προϊόν χρειάζεται συνήθως ένα Regular για το κυρίως κείμενο, ένα Medium ή SemiBold για τα κουμπιά και ένα Bold για έμφαση, με διαφορά που φαίνεται με μια ματιά. Οι οικογένειες με μεταβλητό άξονα βάρους σάς αφήνουν να διαλέξετε ακριβή βήματα, αντί να αρκεστείτε στο κοντινότερο ονομασμένο στυλ. Τα πλάγια έχουν μικρότερη σημασία στις διεπαφές απ' ό,τι στα άρθρα, γι' αυτό εδώ θα βρείτε και μερικές οικογένειες μόνο με όρθια στυλ, σημειωμένες ως τέτοιες. Αν το προϊόν σας κυκλοφορεί σε πολλές γλώσσες, δείτε τη σημείωση για τα συστήματα γραφής δίπλα σε κάθε οικογένεια πριν αποφασίσετε.
-
Inter
Σχεδιασμένη για οθόνες, με εννέα βάρη, πλάγια και άξονα οπτικού μεγέθους που προσαρμόζει τα γράμματα ανάμεσα στα μικρά και στα μεγάλα μεγέθη.
-
Roboto
Εννέα βάρη με πλάγια και άξονας πλάτους, ώστε μία οικογένεια να καλύπτει πυκνούς πίνακες, κυρίως κείμενο και μεγάλους τίτλους.
-
Figtree
Φτιαγμένη για εφαρμογές web και κινητών: επτά βάρη από Light έως Black με πλάγια σε έναν μεταβλητό άξονα.
-
DM Sans
Γεωμετρικά γράμματα χαμηλής αντίθεσης με άξονα οπτικού μεγέθους από 9 έως 40, για ετικέτες και τίτλους.
-
Plus Jakarta Sans
Ανοιχτά εσωτερικά και ελαφρώς ψηλά πεζά κρατούν τις μικρές ετικέτες ευανάγνωστες· επτά βάρη από ExtraLight έως ExtraBold με πλάγια.
-
Manrope
Μεταβλητός άξονας βάρους από ExtraLight έως ExtraBold, με κυριλλικά και ελληνικά για πολυγλωσσικά προϊόντα· μόνο όρθια στυλ.
-
IBM Plex Sans
Επτά βάρη με πλάγια και άξονας πλάτους που στενεύει τα γράμματα για συμπαγή πάνελ.
-
Source Sans 3
Σχεδιασμένη ως sans για διεπαφές: οκτώ βάρη από ExtraLight έως Black με πλάγια, κυριλλικά και ελληνικά.
-
Work Sans
Ρυθμισμένη για κείμενο στην οθόνη από 14 έως 48 pixel, σε εννέα μεταβλητά βάρη με πλάγια.
-
Ubuntu
Φτιαγμένη για διεπαφή επιφάνειας εργασίας και ρυθμισμένη στο χέρι για οθόνες· τέσσερα βάρη με πλάγια.
-
Nunito Sans
Τέσσερις μεταβλητοί άξονες, ανάμεσά τους το οπτικό μέγεθος και το ύψος των πεζών, σάς αφήνουν να ρυθμίσετε την πυκνότητα χωρίς να αλλάξετε οικογένεια.
-
Geist
Ψηλά πεζά και κοιλότητες που μένουν ανοιχτές ακόμα και στο Black, ώστε οι έντονες ετικέτες να διαβάζονται καθαρά· εννέα βάρη με πλάγια και κυριλλικά.
-
Public Sans
Ουδέτερη sans φτιαγμένη για σύστημα σχεδιασμού κυβερνητικής υπηρεσίας, σε εννέα μεταβλητά βάρη με πλάγια.
-
Onest
Βρίσκεται ανάμεσα στη γεωμετρική και την ανθρωπιστική, με γράμματα που ξεχωρίζουν μεταξύ τους σε μικρό κείμενο πλοήγησης· από Thin έως Black με κυριλλικά, μόνο όρθια στυλ.
-
Albert Sans
Σχεδόν κυκλικές κοιλότητες και γραμμές σχεδόν ίσου πάχους σε εννέα βάρη με πλάγια· μόνο Λατινικά, με πλήρη τουρκικά και πολωνικά γράμματα.
-
Be Vietnam Pro
Απευθύνεται σε προϊόντα τεχνολογίας, με τα βιετναμέζικα διακριτικά σχεδιασμένα κατά προτεραιότητα· εννέα βάρη με πλάγια ως στατικά αρχεία.
-
Hanken Grotesk
Εννέα μεταβλητά βάρη με πλάγια, ρυθμισμένα για σήμανση, βιβλία και διεπαφές.
-
Wix Madefor Text
Η έκδοση κειμένου ενός συστήματος γραμματοσειρών προϊόντος, φτιαγμένη για διεπαφές: πέντε βάρη με πλάγια και κυριλλικό αλφάβητο.
Τα δείγματα φορτώνουν ένα βασικό λατινικό υποσύνολο κάθε οικογένειας. Κάθε οικογένεια εδώ έχει ανοιχτή άδεια· η σελίδα της περιγράφει τους όρους και προσφέρει τα πρωτότυπα αρχεία.
Ερωτήσεις για: Καθαρές γραμματοσειρές sans serif για διεπαφές εφαρμογών
Μπορώ να συμπεριλάβω αυτές τις γραμματοσειρές σε εμπορική εφαρμογή;
Κάθε οικογένεια εδώ έχει ανοιχτή άδεια, στις περισσότερες περιπτώσεις την SIL Open Font License, που επιτρέπει τη χρήση σε εμπορικά προϊόντα και την ενσωμάτωση σε εφαρμογές. Το κείμενο της άδειας συνοδεύει κάθε λήψη· διαβάστε τη σελίδα της οικογένειας που θα επιλέξετε για τους ακριβείς όρους.
Να χρησιμοποιεί μια διεπαφή μεταβλητή γραμματοσειρά ή στατικά αρχεία;
Ένα μεταβλητό αρχείο δίνει όλα τα βάρη σε μία λήψη και επιτρέπει ενδιάμεσες τιμές, κάτι χρήσιμο όταν ένα σύστημα σχεδίασης θέλει 450 ή 550. Τα στατικά αρχεία παραμένουν σωστή επιλογή όταν χρησιμοποιείτε μόνο δύο ή τρία βάρη.
Χρειάζομαι πλάγια για το κείμενο της διεπαφής;
Σπάνια. Οι διεπαφές στηρίζουν την έμφαση στο βάρος και στο χρώμα. Τα πλάγια γίνονται χρήσιμα όταν το προϊόν εμφανίζει μεγάλα κείμενα, όπως άρθρα ή τεκμηρίωση, στην ίδια οικογένεια.
Πώς συνδυάζω μια sans διεπαφής με γραμματοσειρά κώδικα;
Αρκετές οικογένειες της λίστας έχουν monospace αδερφάκι, σχεδιασμένο με τις ίδιες αναλογίες. Με το αδερφάκι, τα ύψη και το πάχος γραμμής μένουν συνεπή ανάμεσα στο κείμενο και στον κώδικα.