Windows-UI-Kit

Dies ist ein von Microsoft bereitgestelltes Figma-UI-Kit. Sie können die neueste Version der Windows-Benutzeroberfläche überprüfen und verwalten. Bietet Anleitungen und Dokumente, grundlegende Eingaben, Listen und Sammlungen, Dialoge und Flyouts, Textfelder, Scrollen, Status und Informationen, Menüs und Symbolleisten, Navigation, Datum und Uhrzeit, Medien, Begrüßungsbildschirm, Shell und Grundelemente.

Für die Verwendung des UI-Kits sind die Schriftarten „Segoe UI Variable“ und „Segoe Fluent Icons“ erforderlich.

Ähnliche Beiträge

kürzliche Posts

macOS Sonoma

Das offizielle macOS Design Kit von Apple enthält einen umfassenden Satz an Komponenten, Ansichten, Systemschnittstellen, Textstilen, Farbstilen und Materialien. Es enthält alle Schlüsselelemente, die Sie benötigen, um schnell äußerst realistische macOS-App-Designs zu erstellen.

Sie müssen die neueste Version von SF Symbols installieren, bevor Sie die Bibliothek verwenden können.

  • Umfassender Satz an macOS-Benutzeroberflächenkomponenten, einschließlich Seitenleisten, Symbolleisten, Tabellen, Schaltflächen, Menüs, Cursor und mehr
  • Ansichten und Systemkomponenten, einschließlich Fenster, Benachrichtigungen, Popups, Blätter und Speicherdialoge
  • Desktop-Vorlagen einschließlich Menüleiste, Dock, Benachrichtigungen und Hintergrundbild
  • Systemfarben, Materialien, Textstile und Animationen

https://www.figma.com/community/file/1251588934545918753

iOS 17 + iPad 17 UI-Kit

Apples erstes offizielles Design-Kit für Figma enthält einen umfassenden Satz an Komponenten, Ansichten, Systemschnittstellen, Textstilen, Farbstilen, Materialien und Layout-Anleitungen. Alle wichtigen Elemente, die Sie benötigen, um schnell ultrarealistische iOS- und iPadOS-App-Designs zu erstellen.

Sie müssen die neueste Version von SF Symbols installieren, bevor Sie die Bibliothek verwenden können.

  • Umfassender Satz an Komponenten, von Warnungen bis hin zu Widgets und allem dazwischen
  • Widget-Vorlagen für den Startbildschirm und den Sperrbildschirm
  • Vorlage für das Benachrichtigungsdesign
  • Vorlagen für Tab-Apps, übergeordnete/untergeordnete Apps, geteilte Ansicht und Blätter
  • Vollständig dynamisches Typdiagramm mit Barrierefreiheitsdimensionen
  • Integrierte iOS-Systemfarben, Materialien, Textstile und Lebendigkeitseffekte

https://www.figma.com/community/file/1248375255495415511

iOS 16 UI-Kit

Dies ist ein von Joey erstelltes iOS 16 UI Kit. Es besteht aus Farben und Schriftstilen, die aus Apples HIG (Human Interface Guideline) importiert wurden, sowie aus Komponenten und Vorlagen, die direkt mit Figma erstellt wurden. In diesem Update werden das Statusfenster, die Home-Anzeige und die Benachrichtigung, die sich am meisten ändern, detailliert nach Status ausgedrückt. Sie können auch ganz einfach den Ablauf wie Home, Sperrbildschirm und Apple Pay überprüfen. Es steht der Figma-Community offen. Es ist so beliebt, dass es 45.000 Mal kopiert wurde. Für 49 US-Dollar können Sie den Änderungsverlauf und die Aktualisierungen des iOS 16 UI Kit per E-Mail erhalten.

Unter Berücksichtigung der Always-On-Funktion auf dem Sperrbildschirm als Komponente wurde ein Widget-Design erstellt. Der Bildschirm, wann eine Benachrichtigung angezeigt wird, wann eine Benachrichtigung gedrückt wird und wann verschiedene Funktionen der Benachrichtigung ausgeführt werden, ist ebenfalls im Detail unterteilt. Auch die Anordnung der Widgets auf dem Homescreen, der Tab-Leiste etc. wurde im Detail verfeinert. Sie können auch einen Blick auf die Apple Pay-Seite werfen, die in Korea noch nicht verfügbar ist. Sie können den Wallet-Bildschirm, die Kartendetails und den Bildschirmstatus nach Status überprüfen, wenn Sie Apple Pay verwenden. Als Komponente wird auch das Statusfenster bereitgestellt, das nur auf dem iPhone 14 verfügbar ist. Ich habe es in 14/14 Pro, Hell/Dunkel-Modus unterteilt und die Komponenten entsprechend dem Zustand der dynamischen Insel unterteilt. Als Komponenten werden Zeit und Akku bereitgestellt, außerdem werden Farben und Formen unterschieden, die je nach Hell- und Dunkelmodus variieren. Dynamic Island Dynamic Island gibt es in verschiedenen Größen.

Screenshots des iOS 16 UI Kit

Mehr und Quellen

Ähnliche Beiträge

Apples Figma Design Kit: Ein Geschenk an Designer

Apples Figma Design Kit: Ein Geschenk an Designer

Apple hat Ressourcen für iOS 17 und iPadOS 17 für die Figma-Community veröffentlicht. Ein Paket zum Skizzieren…

iOS16-ui-kit-thumbnail

iOS 16 UI-Kit

Dies ist ein von Joey erstelltes iOS 16 UI Kit. Entnommen aus den Human Interface Guidelines (HIG) von Apple...

iOS16-Miniaturansicht

Die bemerkenswerte UX von iOS 16, interpretiert von Designern

Aktualisiertes iOS 16. Die nächste Generation von iOS 15 wurde am 7. Juni 2022 um 2 Uhr KST auf der WWDC22 veröffentlicht ...

Aktualisierung des Apple Human Interface Guide 2022

Aktualisierung des Apple Human Interface Guide 2022

Am 7. hat Apple den Human Interface Guide (HIG) aktualisiert. Äpfel...

37 neue Emojis hinzugefügt, darunter schmelzendes Gesicht, Herzhände usw.

37 neue Emojis hinzugefügt, darunter schmelzendes Gesicht, Herzhände usw.

Mit der Veröffentlichung von iOS 15.4 wurden außerdem 37 neue Emojis hinzugefügt. 7 Gesichts-Emojis und mehrere Objekte ...

Dynamische Hintergrundbilder: Hintergrundbilder, die sich mit der Tageszeit ändern

Jedes Mal, wenn MacOS aktualisiert wird, wird ein neues Hintergrundbild bereitgestellt. Während ich längere Zeit von zu Hause aus arbeite, reagiere ich manchmal unempfindlich auf Veränderungen in der äußeren Umgebung, aber ich habe das mit einem Hintergrundbild überwunden, das sich je nach Tageszeit ändert. Die von Apple bereitgestellten Standardvorlagen sind cool, aber ich habe die Plattform entdeckt, nachdem ich gedacht hatte, dass es möglicherweise noch andere Hintergrundbilder gibt. Laden Sie einfach den gewünschten Hintergrund von der Website herunter und wenden Sie ihn an. Es gibt auch Hintergrundbilder, die von verschiedenen Leuten erstellt wurden, also schauen Sie sich diese an.

https://dynamicwallpaper.club/

Erstellen wunderschöner Glasprismen: Kostenlose Photoshop-Ressourcen

Eine kostenlose Ressource, erstellt von Marcis Lokis und Krists Darzins von der lettischen Boutique-Kreativagentur Family. Die schönen Prismendetails des transparenten Glases fallen auf. Dies ist eine willkommene Ressource zum Erstellen einfacher, aber cooler Heldenbilder. Es gibt 12 voreingestellte Quellen, also nutzen Sie sie!

Quelle: https://creativecloud.adobe.com/cc/discover/article/free-glass-distortion-layers-for-photoshop