Ανακοινώνοντας Ant Design 3.0

Το Ant Design, το οποίο είναι ειδικά σχεδιασμένο για εσωτερικές εφαρμογές επιτραπέζιων υπολογιστών, δεσμεύεται να βελτιώσει την εμπειρία των χρηστών, των σχεδιαστών και των προγραμματιστών.

Απελευθερώσαμε το Ant Design 2.0 πριν από 14 μήνες. Σε αυτούς τους 14 μήνες έχουμε λάβει PRs από περισσότερους από 200 συνεισφέροντες.Υπάρχουν περίπου 4.000 δεσμεύσεις και πάνω από 60 κυκλοφορίες.

Ο αριθμός των αστέρων GitHub επίσης αυξήθηκε από 6k σε 20k.

Το GitHub τείνει από το 2015

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

Εδώ είναι η αρχική μας σελίδα http://ant.design/ και αποθήκη GitHub.

Νέο σύστημα χρωμάτων

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

Νέος Σχεδιασμός Συστατικών

Σε προηγούμενη έκδοση, το βασικό μέγεθος γραμματοσειράς του στοιχείου ήταν 12px και ελήφθησαν πολλές ανατροφοδοτήσεις από την κοινότητα για να μας ζητήσετε να αυξηθεί το μέγεθος της γραμματοσειράς. Οι σχεδιαστές μας γνωρίζουν επίσης ότι σήμερα η μεγάλη οθόνη είναι πολύ κοινή, το 14px είναι ένα πιο κατάλληλο μέγεθος γραμματοσειράς. Έτσι, αυξήσαμε το μέγεθος γραμματοσειράς βάσης σε 14px και αναπροσαρμόσαμε τις διαστάσεις όλων των στοιχείων για να προσαρμόσουμε αυτήν την αλλαγή.

Επαναπρογραμματισμός στοιχείων

Ξαναγράψαμε το στοιχείο "Πίνακας" για να επιλύσουμε μερικά μακρά ζητήματα ζωής. Έχουν εισαχθεί νέα στοιχεία prop, με αυτά τα στηρίγματα μπορείτε να προσαρμόσετε ιδιαίτερα το στοιχείο Table now, εδώ είναι ένα παράδειγμα για να προσθέσετε το drag & drop χαρακτηριστικό στον πίνακα.

Η συνιστώσα μορφής έχει επίσης ξαναγραφεί για να παρέχει καλύτερη υποστήριξη για ένθετα πεδία.

Ένα άλλο στοιχείο που ξαναγράψατε είναι τα βήματα, με αυτό το rewrote Steps έχει μια απλούστερη δομή DOM και συμβατότητα με το IE9.

Νέα στοιχεία

Αυτή η έκδοση προσθέσαμε δύο νέα στοιχεία, Λίστα και Διαχωριστικό.

Τα συστατικά στοιχεία λίστας μπορούν να είναι πολύ βολικά για κείμενο, λίστες, εικόνες, παραγράφους και άλλα δεδομένα. Και για εύκολη ενσωμάτωση με βιβλιοθήκες τρίτων, για παράδειγμα, μπορείτε να χρησιμοποιήσετε αντιδραστικά-virtualized για την επίτευξη άπειρης λίστας φόρτωσης. Λεπτομερέστερα παραδείγματα μπορούν να αναφέρονται στο έγγραφο της λίστας.

Το στοιχείο διαίρεσης μπορεί να χρησιμοποιηθεί για τη διαίρεση των παραγράφων του κειμένου σε διαφορετικά κεφάλαια ή για τη διάσπαση κειμένου / συνδέσμων σε γραμμή, όπως η στήλη δράσης ενός πίνακα. Λεπτομερή παραδείγματα μπορούν να αναφέρονται στο έγγραφο Διαίρεσης.

Πλήρης υποστήριξη για το React 16 και το ES Module

Σε αυτή την έκδοση προσθέσαμε υποστήριξη για το React 16 και το ES module. Εάν χρησιμοποιείτε το webpack 3 τότε μπορείτε τώρα να απολαύσετε τη βελτιστοποίηση των συστατικών του antd μέσω του Tree Shaking και της συναρμολόγησης της μονάδας. Αν χρησιμοποιείτε το babel-plugin-import, απλά ορίστε libraryDirectory στον κατάλογο es.

Πιο φιλική υποστήριξη TypeScript

Έχουμε αφαιρέσει όλους τους έμμεσους τυχόν τύπους στον κώδικα μας και δεν απαιτούμε πλέον "allowSyntheticDefaultImports": ισχύει στο έργο σας. Αν τυχαίνει να έχετε έργα που σχεδιάζετε να γράψετε χρησιμοποιώντας το TypeScript, ανατρέξτε στη νέα μας τεκμηρίωση "Χρήση σε TypeScript".

Ένα ακόμα πράγμα ...

Μερικοί άνθρωποι μπορεί ήδη να το γνωρίζουν, εργαζόμαστε σε ένα άλλο έργο που ονομάζεται Ant Design Pro, είναι ένα εξωχρηματιστηριακό UI solution και ένα bootplate React για επιχειρησιακές εφαρμογές που βασίζονται στο Ant Design 3.0. Παρόλο που δεν έχει φθάσει ακόμα στην έκδοση 1.0. Αλλά με την αποδέσμευση antd 3.0, μπορείτε να το χρησιμοποιήσετε στην παραγωγή τώρα.

Τι έπεται

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

Και οι μηχανικοί μας εργάζονται σκληρά στο Ant Design Pro για να συμβεί το 1.0, το οποίο επίσης χρειάζεται τη βοήθειά σας για να μεταφράσουμε τα έγγραφά μας.

συμπέρασμα

Δεν είναι δυνατό να φτάσετε εδώ χωρίς τις υποστηρίξεις, τις ανατροφοδοτήσεις και τις συμμετοχές σας. Χάρη στην τρομερή κοινότητα Ant Design. Εάν αντιμετωπίζετε προβλήματα κατά τη χρήση του antd, μην διστάσετε να υποβάλετε νέο πρόβλημα στο GitHub.

Ευχαριστώ για την ανάγνωση. Πηγαίνετε να το εγκαταστήσετε, να το αστέρι και να το δοκιμάσετε!

Συνδέσεις

  • Αντ σχεδιασμό
  • Αντικείμενο σχεδιασμού Github Repository
  • Ant Design Pro
  • Αντ Design Mobile
  • NG-ZORRO - Γωνιακή εφαρμογή του σχεδίου των αντρών