Kostenloses Windows 10 Icons UI Kit: bereit für schnelles Prototyping
Windows 10 ist heute das am häufigsten verwendete Betriebssystem, daher haben wir ein Icon-Paket für die schnelle und einfache Erstellung von Prototypen zusammengestellt!
Windows ist eine der beliebtesten Plattformen überhaupt – und Windows 10 ist ein zunehmend beliebtes Betriebssystem für alle Arten von Geräten. Windows 10 ist für seinen eigenen visuellen Stil, seine Haptik und sein fließendes Design bekannt und ein Muss für jeden Designer da draußen.
Deshalb hat das Design-Team von Justinmind das Windows 10 Icons UI Kit entwickelt. Mit diesem UI-Kit können Sie komplette mobile Apps erstellen, die sowohl den Stil von Windows als auch Ihre eigene Produktpersönlichkeit widerspiegeln. Schauen wir uns einmal genauer an, welche Icons in diesem Kit enthalten sind und welche Designs Sie damit erstellen können!
Warum sollte ich für Windows 10 designen, werden Sie sich fragen. Wir haben es verstanden. Es kann kompliziert sein, für Betriebssysteme (OS) auf Plattformen wie der von Microsoft zu designen. Im Gegensatz zu Apple, dessen Produkte so gut wie alle in den aktuellen Versionen von iOS konzentriert sind, können die Nutzer von Microsoft auf viele Versionen von Windows verteilt sein.
Wie viele Menschen nutzen Windows 10? Microsoft hat sich sehr darum bemüht, die Nutzer auf diese Version umzustellen und sich sogar das Ziel gesetzt, innerhalb von 3 Jahren 1 Milliarde Geräte mit Windows 10 zu betreiben. Auch wenn dieser Termin verschoben werden musste, muss irgendetwas richtig gelaufen sein: Windows 10 ist im Moment das meistgenutzte Betriebssystem der Welt.
Bei Windows 10 geht es darum, das Beste aus Windows 7 zu übernehmen und ein wenig frischen Wind hineinzubringen. Beim UI Design bedeutet das, dass die Farben mutig eingesetzt werden und die Icons bis zu einem gewissen Grad allen Benutzern vertraut sind. Wie wir bei Christina Koehn von Microsoft lesen können, war das Design der Icons sehr kalkuliert – wobei die Tiefe eine wichtige Rolle im UI spielt.
Für die Leute bei Microsoft sollten die Windows 10 Icons den Icons auf iOS und Android ähneln, aber dennoch einprägsam und lebendig sein. Die Überbrückung der Kluft zwischen jeder Windows 10 App und dem realen Leben der Benutzer war ebenfalls eine Priorität, was zu weicheren Kanten und glatteren Oberflächen führte.
“Design für Microsoft ist Design für die Welt”
Christina Koehn - Leiter Design bei Microsoft
Das kostenlose Windows 10 Icon Pack von Justinmind hilft Designern, all dies in ihren eigenen Prototypen umzusetzen. Jedes Icon kann an jeden erdenklichen Stil angepasst werden, so dass Designer die volle Freiheit haben, das fließende Design von Windows 10 optimal zu nutzen.
Das Windows 10 Icon Pack sollte ziemlich vollständig sein und Designern die Möglichkeit bieten, ganze Apps mit diesem einzigen UI-Kit zu erstellen. Sie können ein umfangreiches Icon Pack erwarten, das die wichtigsten Aspekte jeder App abdeckt.
Lassen Sie uns mit der Navigation beginnen. Designer können aus einer Vielzahl klassischer Navigationssymbole wählen, die die Erlernbarkeit Ihres Produkts verbessern und den Nutzern die Mühe ersparen, die Bedeutung dieser Symbole zu lernen. Ihre Benutzer werden jeden der Navigationspfeile (alle drei!) sofort erkennen. Das Icon Pack enthält weitere Icons wie Home, Kamera, ein Auto und viele weitere Icons, die Funktionen Ihrer Windows 10 App darstellen können.
Das Windows 10 Icon Pack eignet sich auch perfekt für alle Apps, die mit Transport, sozialen Medien und klassischen Funktionen von Mobilgeräten zu tun haben – wie z.B. Symbole für das Wählen von Telefonen. Im Bereich Transport gibt es viele Icons, die Boote, Flugzeuge und sogar verschiedene Arten von Autosymbolen darstellen. Bei den sozialen Medien können Sie auf klassische Kommentar-Symbole, Daumen hoch und Daumen runter sowie auf Bearbeitungs- und Einstellungssymbole zählen.
Über Transportsymbole: Designer können sogar Karten-Apps erstellen und haben dabei eine Vielzahl von Richtungspfeilen und kartenbezogenen Symbolen zur Verfügung.
Das wirklich Großartige an dem Windows 10 Icon Pack ist, dass es zwar kostenlos ist, aber auch komplett und vollständig anpassbar. Designer können ihre Icons im Prototyping-Tool von Justinmind finden und sie so gestalten, dass sie mühelos in Ihr eigenes UI-Design passen. Diese Art von Freiheit ist unbezahlbar!
Der Einstieg in das Design funktionaler Apps mit dem Justinmind Windows 10 Icon Pack ist ein Kinderspiel. Alles, was Sie tun müssen, ist diesen einfachen Schritten zu folgen:
- Laden Sie das Prototyping-Tool Justinmind herunter
- Laden Sie Office Fabric von unserer UI-Kits-Seite herunter
- Öffnen Sie Justinmind und erstellen Sie einen neuen Webprototyp
- Importieren Sie das UI-Kit in Justinmind
- Viel Spaß beim Design von Microsoft Office Fabric-Anwendungen!
Für unser Beispiel mit dem Windows 10 Icon Pack haben wir uns für eine Buchungs-App entschieden, die sowohl Unterkünfte als auch Flüge anbietet.
Als Erstes erstellen wir die Suchmaske. Hier können die Benutzer bestimmte Vorstellungen von ihrer Reise angeben und so die Suche nach der richtigen Unterkunft verfeinern. Um das allgemeine Layout des Bildschirms (und der App) festzulegen, haben wir eine große Kopfschrift verwendet, gefolgt von zwei Schaltflächen, die die beiden Dinge darstellen, die der Benutzer mit der App buchen kann. Darunter befindet sich eine Icon-Party!
Für die horizontale Navigationsleiste am unteren Rand des Bildschirms verwenden wir klassische Symbole wie „Home“, „Pin“ und „Stern“. Um die Suche selbst zu verfeinern, verwenden wir Symbole, die ein angeheftetes Ziel, einen Kalender und ein Benutzersymbol darstellen. Außerdem haben wir noch ein Plus-Symbol eingefügt.
Lassen Sie uns in das „Plus“-Symbol eintauchen und sehen, welche anderen Arten von Einschränkungen und Begrenzungen Nutzer bei ihrer Suche verwenden können. Im Extras-Modal bieten wir Ihnen sechs weitere Möglichkeiten, wie Sie Ihre Suche verfeinern können, von der Buchung eines Autotransfers bis hin zu WLAN-Anforderungen. Beachten Sie, dass die Icons alle wunderschön angepasst sind, was mit dem Prototyping-Tool von Justinmind nur einen Augenblick dauert.
Für den letzten Bildschirm des Windows 10 Icon Pack-Beispiels sehen wir uns den oberen Teil der Suchergebnisse an. Beachten Sie, dass der Benutzer direkt unter der Kopfzeile eine kurze Zusammenfassung seiner aktuellen Suche mit kleinen Symbolen in Rechtecken sehen kann. Darunter fügen wir noch mehr Filter für die Suche hinzu, indem wir Symbole wie ein Bett, einen Zug (als Hinweis auf öffentliche Verkehrsmittel in der Nähe) und ein Fernglas verwenden.
Unter all diesen schönen Windows 10-Symbolen sehen die Benutzer die tatsächlichen Ergebnisse ihrer Suche.
Windows 10 ist ein mächtiger Riese auf dem Betriebssystemmarkt. Heutzutage kann es sich kein Designer mehr leisten, es zu übersehen, was den Bedarf an vielseitigen und anpassbaren Icons noch größer macht. Mit dem Windows 10 Icon Pack von Justinmind haben Sie hoffentlich alles, was Sie brauchen, um Ihre App zu erstellen und Ihrer Idee ein echtes Gesicht zu geben.