Wesentliche Informationen: Detaillierte Erläuterung der wichtigsten Punkte der Miniprogramm-Entwicklungsdokumente und Designrichtlinien

Dieser Artikel enthält hauptsächlich eine detaillierte Erläuterung der offiziell von WeChat veröffentlichten Entwicklungsdokumente und Designrichtlinien:

Mini-Programm-Entwicklungsdokument

Eine allgemeine Einführung in die Mini-Programm-Entwicklungsmethode und bietet ein offizielles Beispiel. Wenn Sie ein Entwickler sind, der eingeladen ist, es zu erleben, können Sie den Code scannen, um das Miniprogramm zu erleben.

Mini-Programm-Design-Leitfaden

Die Vorschriften für Mini-Programm-Design-Spezifikationen sind recht umfassend, von der Benutzererfahrung über den Elementstil bis hin zum Layout. Dies spiegelt den Schwerpunkt von WeChat auf kleine Programme und seine enormen Fähigkeiten wider. Wir befürchten, dass es zu einer ernsthaften Produktfragmentierung führen wird, wenn wir sie vorschnell und ohne Einschränkungen öffnen.

Als nächstes beginnen wir mit der Einführung des spezifischen Inhalts der beiden Dokumente.

1. Mini-Programmentwicklungsdokument

Am Anfang des Dokuments wird Folgendes erwähnt:

unterstützt den Aufruf der nativen WeChat-API, mit der die von WeChat bereitgestellten Funktionen problemlos aktiviert werden können. wie z. B. das Erfassen von Benutzernachrichten, lokale Speicherung, Zahlungsfunktionen usw.

Tatsächlich können mehrere der hier aufgeführten Funktionen in früheren öffentlichen Kontoentwicklungen implementiert werden. Für uns ist der Kernpunkt dieses Satzes „nativ“ – wir können grundsätzlich beurteilen, dass Komponenten wie Navigationsleisten und Schaltflächen tatsächlich über die mittlere Ebene von WeChat in native Komponenten umgewandelt werden, was die Rendering-Geschwindigkeit und den Betrieb effektiv verbessert Seite Effizienz, die ein Erlebnis bietet, das der nativen App näher kommt.

Das Demoprogramm zeigt mehrere neue Komponenten, wie Dropdowns, Navigationsleisten usw. Da das Miniprogramm auch ein kombiniertes Sprachtool bereitstellt, das grundsätzlich HTML+CSS ähnelt, wundern uns die neuen Komponenten nicht. Solange Sie darüber nachdenken können, sollten Entwickler in der Lage sein, mehr Komponenten über die von WeChat bereitgestellten Entwicklungstools zu implementieren.

2. Designrichtlinien für Miniprogramme

Die Designspezifikationen von WeChat sind diesmal spezifischer und tiefgreifender. Es ist nicht klar, ob der Beamte vorschreiben muss, dass das Design den WeChat-Spezifikationen entsprechen muss. Andernfalls wird es nicht in die Regale gestellt, aber ich persönlich bin der Meinung, dass es mit zunehmender Reife des Ökosystems nicht unmöglich ist, dem strengen Managementstil von WeChat zu folgen.

Aber aus einer anderen Perspektive bietet WeChat eine Stildefinitionssprache namens WXSS (CSS ist eine Teilmenge davon), die Benutzern sehr starke Möglichkeiten zur Stilanpassung bietet, auch wenn die Designspezifikationen nicht eingeschränkt sind auch zu starr sein.

1. WeUI-Update

Mit neuen Designstile und Komponenten hat auch das offizielle Front-End-UI-Framework WeUI ein großes Update erhalten und verfügt über einen unabhängigen io-Domainnamen: https: //weui.io.

Dieses Update bietet außerdem:

Skizzendesign-Steuerungsbibliothek: https://github.com/weui/weui-...

Photoshop Design-Kontrollbibliothek: https://wximg.gtimg.com/shake...

Durch die Bereitstellung von Design-Quelldateien können Designer bequemer am WeChat Mini-Programmierungsprozess teilnehmen.

Um ein besseres einheitliches Design zu erreichen, stellt die neueste Design-Quelldatei auch entsprechende Schriftartdateien bereit. Die chinesischen Schriftarten verwenden Pingfang (iOS) und Siyuan Heidi (Android), und die englischen Schriftarten sind SF UI Display (iOS) und Robot (Android).

2. Spezifikationen zur Benutzererfahrung

Die Spezifikationen zur Benutzererfahrung sind teilweise im Dokument definiert. Das Leseerlebnis des Dokuments ist akzeptabel.

Einige wichtige visuelle Merkmale von Miniprogrammen sind aus den Designspezifikationen ersichtlich:

3. Hierarchiespezifikationen

Obwohl die Hierarchie von WeChat einfach ist und keine coolen nativen Animationen enthält, Aber dieses Mal erinnert mich die Spezifikation auf Seitenebene immer noch an das erstaunliche Gefühl, als Google Material Design zum ersten Mal gestartet wurde.

Ähnlich wie bei WeChat selbst sind die 4 Ebenen der WeChat-Miniprogramme leicht zu verstehen:

Weitere Informationen: Detaillierte Erläuterung der wichtigsten Punkte von Miniprogramm-Entwicklungsdokumenten und Designrichtlinien. Für verwandte Artikel Bitte achten Sie auf die chinesische PHP-Website!