Nützlich für den Designer: Kostenlose News zur Optimierung von Designprozessen. 2. Auflage



    Kürzlich habe ich viele interessante Mini-Produkte und kleine Tools / Dienstprogramme gefunden, die Ihren Designprozess beschleunigen sollen. In dieser Ausgabe finden Sie 14 Links zu verschiedenen Veröffentlichungen, deren Autoren einen wesentlichen Beitrag zur Entwicklung der professionellen Community von Designern und Entwicklern leisten.

    #uikit


    Elements UI-Kit


    sketchapp.com/elements
    Vielleicht das erste offizielle UI-Kit von den Entwicklern von Sketch. Es ist als iOS-Kit positioniert, aber die Elemente sind nicht nativ. Gemessen an den Kommentaren war es das Ziel des Herstellers, die richtige Set-Architektur zu vermitteln. Ich denke, es ist nützlich für diejenigen, die sich auf Entwurfssysteme konzentrieren und diese in Sketch entwickeln.



    Facebook iOS11 UI-Kit


    facebook.design/ios11
    Vor diesem Hintergrund sieht das komplett native und offizielle iOS 11-GUI-Kit von Facebook universeller aus. Neben Sketch gibt es Versionen von PSD und Origami. Über Figma völlig
    unverdient in Vergessenheit geraten . Und es ist seltsam, dass es für Framer keine Version gibt; Immerhin sollen laut Gerüchten die Konstruktionsabteilungen von FB Prototypen drin sein.



    Übrigens, wenn Sie Figma verwenden , empfehle ich, auf unsere vorgefertigten Konstruktionssysteme zu achten . Sie helfen Freiberuflern dabei, mehr Aufträge pro Monat zu erledigen, Programmierer können selbst schöne Anwendungen erstellen, und das Team führt Sprints mit vorgefertigten Designsystemen für die Teamarbeit schneller aus.

    Und wenn Sie ein ernstes Projekt haben, ist unser Team bereit, ein auf unseren Best Practices basierendes Konstruktionssystem innerhalb der Organisation bereitzustellen und es mit Figma auf bestimmte Aufgaben zuzuschneiden. Web / Desktop und jedes Handy. Wir sind auch mit React / React Native vertraut. Schreiben Sie an T: @kamushken


    Material Design React Kit


    mdbootstrap.com/react
    Kostenloses Google Material Design-Reaktionskit für Bootstrap 4. Wir beobachten weiterhin, wie die Mindestschwelle für ein erfolgreiches UI-Kit 'a heute wächst. Ohne die React-Version ist sie nicht mehr fest. Sehr viele Komponenten und Farbvarianten. Gemessen an der Live-Vorschau habe ich Fragen zum Rendern von Schriftarten in Eingaben, und die Symbole unterscheiden sich vollständig vom deklarierten Material. Traditionell wird uns für solche Produkte bald eine kostenpflichtige PRO-Version versprochen. Vielleicht sehen wir nur dort die Icons :)



    #sketch


    Diagramm-Plugin


    github.com/pavelkuligin/chart
    Diagramm-Plugin für Sketch. Ein unverzichtbares Werkzeug, wenn Sie häufig Dashboards entwickeln. Es ermöglicht Ihnen, Inhaltsblöcke schnell mit stilvollen Grafiken zu füllen, die auf zufälligen Daten basieren, die vom Plugin generiert werden. Weitere Details im Medium-Blog des Autors.



    Avataaars


    www.avataaars.com
    Pablo Stanley, eine berühmte Persönlichkeit der westlichen Design-Community, hat einen Avatar-Generator als Plug-In für Sketch veröffentlicht. Sie können Farben, Kleidung und Frisur anpassen und Bilder von gezeichneten Charakteren in einem einzigen Stil erhalten. Die Webversion von getavataaars.com ist ebenfalls verfügbar.



    Plantapp


    plantapp.io Versionskontrolle
    für Sketch. Das Produkt kann sowohl in Form eines Plug-Ins für den Editor als auch in der Webversion verwendet werden. Vollständige Datensynchronisation. Eine kurze Beschreibung der Vorteile finden Sie im Ersteller- Blog auf Medium.



    #schulden


    Manta


    github.com/hql287/Manta
    Manta ist ein reines Designtool zum Erstellen von Rechnungen. Stilvolle Oberfläche, kostenlose Vorlagen. Wenn Sie im Dienst häufig Rechnungen ausschreiben müssen, tun Sie es schön! Und dieses Werkzeug ist übrigens sehr schön dekoriert. Es ist zu sehen, was die Designer für die Designer getan haben.



    TypoScan


    typoscan.com
    Ein webbasiertes Tool, mit dem jede Ressource nach verwendeten Schriftarten, deren Größe und Dichte durchsucht werden kann. Außerdem werden Informationen über die Palette, den Radius der Eckenrundung, die Dicke des Rahmens usw. gescannt und gesammelt. Dadurch wird der Prozess schneller als bei regulären Inspektionen und die Ergebnisse werden strukturierter und visueller dargestellt.



    Farbschema-Generator


    www.donesmart.com/free-online-tools/online-color-scheme-generator-picker
    Sehr einfacher Farbgenerator. Für ein Minimum an Aktionen auf einem Bildschirm gibt es 5 gängige Farbschemata der gewünschten Farbe: Komplementär, Triadisch, Einfarbig usw. ... Sie erhalten das gewünschte Ergebnis mit wenigen Klicks, wenn Sie die empfangenen Farben nicht stark anpassen möchten. Es ist schlimm, dass beim Klicken auf eine Farbe diese nicht in den Puffer kopiert wird. Dann wäre es einfach perfekt.



    #stockimages


    Silhouette-ac


    de.silhouette-ac.com
    Die Japaner sind an die Börse gegangen und sind sofort bereit, mehr als 50.000 Vektoren mit verschiedenen Silhouetten kostenlos zu verschenken. Es gibt auch eine API. Folgende Formate stehen zum Download zur Verfügung: SVG, EPS, JPEG und PNG. Viele Dinge zum Thema Neujahr, es bleibt nur für sich zu dekorieren.



    #icons


    Guss fantastisch 5


    fontawesome.com Die
    5. Version des Font Awesome Icon Packs wurde veröffentlicht. Sie brauchen keine Einführung!
    Im Archiv stehen 899 kostenlose Icons zum Download zur Verfügung. Subjektiv gesehen fehlt es diesem Set immer noch an einer gewissen Konsistenz, da es den Anschein hat, als würden einige der Symbole einfach aus der Mode kommen. Vor nicht allzu langer Zeit hatten die Entwickler jedoch ein überdurchschnittliches Unternehmen (über 1 Million US-Dollar), um Spenden für Kickstarter und über 35.000 Bieter zu sammeln. Sie können sich nicht irren. www.kickstarter.com/projects/232193852/font-awesome-5



    #Entwicklung


    Canvas HTML5 JS-Diagramme


    canvasjs.com
    Wörtlich: "Wunderschöne HTML5 JS-Grafiken." Abgesehen von der Schönheit unterstützt diese Bibliothek: Adaptive mit einer einfachen API alle Browser und verspricht im Allgemeinen eine 10-fache Download-Beschleunigung. Die Vielfalt und Auswahl der Visualisierungen ist übrigens wirklich beeindruckend.



    Hyperion iOS


    github.com/willowtreeapps/Hyperion-iOS
    Wenn Sie die korrekte Einhaltung von Richtlinien in der entwickelten Anwendung kontrollieren möchten, ist dieses Plugin für Sie geeignet. Sie können ein beliebiges Element in der Anwendung auswählen und die Übereinstimmung von Schriftarten, Einzügen und Farben überprüfen. Sie bieten Ihnen sogar die Möglichkeit, die Animation zu verlangsamen, wenn Sie bezweifeln, dass die Entwickler den Übergang eines Elements in ein anderes korrekt codiert haben.



    #ux


    Prinzipien.Design


    Prinzipien.Design Eine
    sehr umfangreiche Sammlung von Gestaltungsprinzipien in einer einfachen und übersichtlichen Darstellung. Wenn Sie sich die Zeit nehmen müssen, sich mit der Philosophie oder der Bildung des Produktgeistes zu befassen, lesen Sie unbedingt! (deu)





    Sie können diesen Artikel teilen. Lassen Sie uns gemeinsam eine Design-Community aufbauen und Entwickler dabei unterstützen, ihre nützlichen und kostenlosen Produkte zu vertreiben. Vielen Dank für Ihre Aufmerksamkeit!.

    Timeline: erste Ausgabe .

    Jetzt auch beliebt: