\n<\/h5>\n
\n Was f\u00fcr eine gro\u00dfartige Website f\u00fcr Sie, um Ihre eigenen Styleguides zu erstellen und sie in der Cloud zum sp\u00e4teren Nachschlagen und Teilen zu speichern. Es gibt Styleguide-Vorlagen f\u00fcr Logos und Bilder, Farbpaletten, Typografie, Symbole und Ihren eigenen Text und Ihre eigenen Medien. Das andere gro\u00dfe Plus hier ist, dass Sie Ihre eigenen PDF-Styleguides nicht manuell erstellen m\u00fcssen \u2013 Sie speichern sie auf Frontify und sie k\u00f6nnen zum Herunterladen, Drucken und Teilen in PDF-Dateien konvertiert werden. Die Versionierung h\u00e4lt alle \u00e4lteren Versionen im Hintergrund, um sie jederzeit abrufen zu k\u00f6nnen. Sie k\u00f6nnen mit ihren Vorlagen beginnen oder Beispiele f\u00fcr Markenb\u00fccher recherchieren, um Ihre eigenen anzupassen. Alle Funktionen sind \u00fcber API zug\u00e4nglich. Hier ist ein Beispiel daf\u00fcr, was Sie mit nur einem Logo machen k\u00f6nnen, indem Sie das eigene von Frontify verwenden:\n<\/p>\n
\n Dies ist das grundlegende Logo. Frontify hat entschieden, dass die \u201eDrops“ hier der Schl\u00fcssel sind, aber dass sie viele andere Dinge tun k\u00f6nnen, ohne das Logo konsistent zu halten. Hier sind Farb\u00e4nderungen:\n<\/p>\n
\n Und hier ist ein Beispiel f\u00fcr eine Variation des Basislogos:\n<\/p>\n \n Dies ist nur ein Beispiel f\u00fcr die Design- und Farbvorlagen, die Sie verwenden k\u00f6nnen, um einzigartige Styleguides zu erstellen, und alle Komponenten sind austauschbar.\n<\/p>\n \n Diese App gibt es schon seit einiger Zeit, und Sie kennen sie vielleicht bereits, aber mit dem Designoptionspaket werden Sie kaum eine andere finden. Es hat im Grunde genommen die m\u00fchsamen Aufgaben des Planens und Codierens weggenommen. Sie k\u00f6nnen Design-Layouts in nur wenigen Minuten erstellen und Elemente mit einem einzigen Klick hinzuf\u00fcgen. Der Preis von 25 $ ist es wert. Kn\u00f6pfe f\u00fcr alles; viele Animationsoptionen, sofortige Freigabeoptionen und so weiter. \u00dcber 40 Inhaltselemente in diesem Baby! Es ist wirklich ein Allzweckwerkzeug! Wenn Sie sich \u00fcber alle Funktionen und die Verwendung dieser App nicht sicher sind, sehen Sie sich hier<\/a> die Video-Tutorials an .\n<\/p>\n \n Es gibt gro\u00dfartige Funktionen, mit denen Sie Ihre Seiten sehr schnell gestalten k\u00f6nnen, und Sie k\u00f6nnen fast jedes Element \u00e4ndern. Beispielsweise gibt es mehrere vordefinierte Rasterelemente, die Sie \u00e4ndern k\u00f6nnen, oder eine Option zum Entwerfen Ihres eigenen Rasters.\n<\/p>\n \n Wenn Visual Composer einen Nachteil hat, dann hinterl\u00e4sst er beim Deaktivieren viel kleinen Code, der entfernt werden muss, bevor ein neues Design gestartet wird. Hier ist ein Beispiel f\u00fcr ein Design, das mit Visual Composer erstellt wurde.\n<\/p>\n \n Wenn Ihre Inspiration gerade ins Stocken geraten ist, suchen Sie sie wahrscheinlich, indem Sie nach neuen Websites suchen, die Ihnen gro\u00dfartige Ideen geben k\u00f6nnten. Das kann eine etwas zeitaufw\u00e4ndige Aufgabe sein, warum also nicht eine viel bequemere Methode verwenden? Design Hunt ist eine Art \u201eClearinghouse“, \u00e4ndert aber t\u00e4glich sein gesamtes Repertoire. Es zeichnet gro\u00dfartige neue Designs, die auf Pinterest, Dribble, Designer News, DesignInspiraton und mehr gefunden wurden, und ver\u00f6ffentlicht sie f\u00fcr Designer, die nach neuen Inspirationen und Ideen suchen. Jetzt k\u00f6nnen Sie jeden Tag an einen Ort gehen und eine v\u00f6llig neue Sammlung finden.\n<\/p>\n \n Tookapic ist ein relativer Neuling im Stock-Foto-Gesch\u00e4ft und hat jetzt \u00fcber 11.000 Stock-Fotos, die meisten kostenlos, der Rest zu einem kleinen Preis. Das gef\u00e4llt Ihnen vielleicht wirklich besser als die Fotoquelle, die Sie jetzt verwenden \u2013 ph\u00e4nomenale Farbe und Klarheit und wirklich einzigartige Fotos. Greifen Sie auf ihre Website zu und sehen Sie sich an, was sie haben. Sie werden \u00fcberrascht sein!\n<\/p>\n \n Mit diesem kostenlosen Prototyping-Tool k\u00f6nnen Sie Mockups von Ihrem Handy oder einem anderen Ger\u00e4t aus skizzieren und erstellen und den Prototypen sofort sehen. Von dort aus k\u00f6nnen Sie alles neu anordnen, modifizieren, Farbe und Text hinzuf\u00fcgen, Formulare \u00e4ndern und praktisch alles tun, mit sofortiger Kompatibilit\u00e4t mit jedem Ger\u00e4t. Sobald Sie Ihr Projekt benannt haben, gehen Sie sofort zur Hauptschnittstelle und beginnen. Sobald Sie fertig sind, k\u00f6nnen Sie das gesamte Design in einer Vorschau anzeigen und damit interagieren, um sicherzustellen, dass alles gut funktioniert.\n<\/p>\n \n Um mehr \u00fcber dieses ph\u00e4nomenale Tool zu erfahren, besuchen Sie die Website und sehen Sie sich die Demo an \u2013 Sie werden von der Benutzerfreundlichkeit begeistert sein. Eine der besten Funktionen ist die M\u00f6glichkeit, Bilder von \u00fcberall (sogar Dropbox und Skizze) und von jedem Bildtyp einzuf\u00fcgen. Sie k\u00f6nnen auch ein Team hinzuf\u00fcgen, wenn es sich um ein Gemeinschaftsprojekt handelt. Der gr\u00f6\u00dfte Nachteil von Marvel ist, dass es Einschr\u00e4nkungen bei der kostenlosen Version gibt, sodass Sie auf jeden Fall ein Upgrade durchf\u00fchren m\u00fcssen. Trotzdem ist es super einfach zu bedienen \u2013 genauso gut wie Justinmind.\n<\/p>\n \n Wenn Sie viele Animationen erstellen, werden Sie dieses Tool auf jeden Fall wollen. Wirklich coole Funktionen, ohne Code schreiben zu m\u00fcssen. Es gibt eine gebrauchsfertige Bibliothek mit Animationseffekten \u2013 tats\u00e4chlich \u00fcber 50 \u2013 und Sie k\u00f6nnen die Anzahl der Schleifen und die Dauer einfach anpassen. Animation f\u00fcgt gro\u00dfartiges Engagement und Unterhaltung hinzu, solange Sie es nicht \u00fcbertreiben!\n<\/p>\n \n Wenn Sie jedoch nach einer wirklich vollst\u00e4ndigen Reihe von Funktionen und Optionen suchen, wird CSS allein die Rechnung nicht erf\u00fcllen. W\u00e4hrend die Debatte \u00fcber CSS und JavaScript sicherlich weitergeht, gibt es definitiv M\u00f6glichkeiten, wie sie zusammen verwendet werden k\u00f6nnen. Sie haben beispielsweise eine gro\u00dfartige CSS-Animation entworfen, m\u00f6chten aber, dass sie von links eingeschoben wird, wenn ein Benutzer beim Herunterscrollen an einen bestimmten Punkt gelangt. Sie m\u00fcssen JS hinzuf\u00fcgen, um dies zu erreichen. Zu verstehen, dass CSS seine Grenzen hat und durch JS verbessert werden kann, ist nur eine kluge Verwendung der verf\u00fcgbaren Tools.\n<\/p>\n \n Nichtsdestotrotz ist Animate CSS wirklich einfach auszuf\u00fchren. Sie laden es herunter, h\u00e4ngen CSS sowie jQuery und alle anderen gew\u00fcnschten Komponenten an und beginnen mit der Animation. Es gibt tolle Tutorials auf YouTube, um Ihnen den Einstieg zu erleichtern.\n<\/p>\n \n Wenn Sie farbenblind sind oder nur Probleme mit dem Farbschema haben, entwickelt dieses Tool ein komplettes Farbschema f\u00fcr Sie oder erstellt eines, wenn Sie wissen, wo Sie anfangen m\u00f6chten. Wenn Sie eine Farbe finden, die Ihnen gef\u00e4llt, fixieren Sie sie und klicken Sie einfach weiter \u2013 Sie erhalten ein vollst\u00e4ndiges Schema mit so vielen Farben, wie Sie m\u00f6chten. Dies ist besonders hilfreich, wenn Sie Farbverl\u00e4ufe verwenden m\u00f6chten. An diesem Tool gibt es nichts wirklich Kontroverses \u2013 Designer, die es verwenden, lieben es; die es noch nicht probiert haben. Der einzige Nachteil? Es ist nicht mehr kostenlos und Sie m\u00fcssen ein iTunes-Konto zum Herunterladen haben.\n<\/p>\n \n Dies ist kein umfassendes Tool mit vielen Optionen, Vorlagen und dergleichen, aber hier ist eine einzigartige M\u00f6glichkeit, ein Men\u00fc oder mehrere auf so vielen Seiten zu entwerfen, wie Sie m\u00f6chten! Alles, was Sie tun m\u00fcssen, ist, die Einzelheiten dessen einzugeben, was Sie in Ihrem Men\u00fc w\u00fcnschen. Sie erhalten dann detaillierte Anweisungen zum Erstellen und Einbetten in eine bestimmte Seite.\n<\/p>\n \n Zirkul\u00e4res SVG ist CSS wahrscheinlich \u00fcberlegen, um diese Art von Elementen zu erstellen. Nach dem Herunterladen haben Sie 3 Optionen: Sie k\u00f6nnen Ihre Sektoren in einem Grafikeditor wie Sketch zeichnen und sie dann als SVG exportieren, Interaktion hinzuf\u00fcgen und sie einbetten; Sie k\u00f6nnen Ihre Sektoren mit Code zeichnen; oder Sie k\u00f6nnen den Circulus-Generator direkt in der App verwenden.\n<\/p>\n \n Mit CSS k\u00f6nnen Sie eine kreisf\u00f6rmige Navigation erstellen, aber es gibt ein paar Browserfehler und es ist nur eine Menge Arbeit. Sie m\u00fcssen mit einem Rechteck beginnen, es auseinanderbrechen und dann diese Abschnitte neigen und drehen. Und wenn Sie mehr als nur Symbole in Ihren Sektoren verwenden, wird es schwieriger.\n<\/p>\n \n Mit SVG k\u00f6nnen Sie jede gew\u00fcnschte Form zeichnen, indem Sie bestimmte Linien und Bogenbefehle f\u00fcr die gew\u00fcnschten \u201eKuchenkeile“ verwenden \u2013 hier ist ein Beispiel:\n<\/p>\n \n Sobald Sie jeden Ihrer Keile gezeichnet und Ihr Symbol und\/oder Ihren Inhalt eingebettet haben, verbinden Sie sie einfach.\n<\/p>\n \n Haben Sie die gleichen alten Schriftarten und Buchstabenstile satt? Erstellen Sie Ihre eigenen \u2013 keine Codierung erforderlich \u2013 einfach klicken und ziehen. Der Wechsel zu einzigartigen Schriftarten und Stilen f\u00fcr Text kann Besucher dazu anregen, den Inhalt tats\u00e4chlich zu lesen! Diese App ist so cool, dass Sie es schwer haben werden, stundenlang nicht damit zu spielen. Und Sie werden nie wieder sagen, dass Typografie der am wenigsten sexy Teil des Webdesigns ist.\n<\/p>\n \n Es ist so einfach. Sie passen Schriftarten aus einer Reihe von Folien an, die unterschiedliche Eigenschaften haben \u2013 H\u00f6he, Blende und Kontrast. Sie passen an, bis Sie das haben, was Ihnen gef\u00e4llt, und laden es dann als Webfont-Paket (kostenlos) herunter. Es gibt auch eine Bibliothek mit vorgefertigten Schriftarten zur Auswahl. Spielen Sie weiter \u2013 Sie werden sehen, warum Schriftdesigner m\u00f6glicherweise eine \u201eaussterbende Rasse“ sind.\n<\/p>\n \n Das ist wirklich ein \u201eNeuling auf dem Block“. Fontflame versucht, Designer von nur einer weiteren Last zu befreien \u2013 das Finden von Schriftpaaren, die wirklich funktionieren. Im Moment hat es 10 ver\u00f6ffentlichte Paarungen auf seiner Website, aber es werden t\u00e4glich mehr. Beispiele f\u00fcr die Kopplung unter Verwendung der kostenlosen Schriftbibliothek von Google sind \u201eLobster-Asap“ und \u201eRoboto-Open Sans“. Weitere Bibliotheken werden in K\u00fcrze hinzugef\u00fcgt. Behalten Sie diese Seite im Auge \u2013 sie wird bald viel Paarungen zu bieten haben.\n<\/p>\n \n Keine App oder ein Tool \u2013 dies ist ein w\u00f6chentlicher Podcast f\u00fcr Designer und Entwickler, den Sie nicht verpassen sollten. Unter der Leitung von Paul Jarvis haben Sie Zugriff auf neue Trends, Apps und Tools sowie viele wirklich praktische Ratschl\u00e4ge.\n<\/p>\n \n Hier ist ein gro\u00dfartiges Prototyping-Tool mit mehreren Funktionen, die in den anderen nicht zu finden sind. Wie alle anderen erstellen Sie Ihr Mockup f\u00fcr beliebige oder alle Ger\u00e4te \u2013 Sie w\u00e4hlen die gew\u00fcnschten aus. Sobald Ihr Prototyp erstellt ist, k\u00f6nnen Sie ihn auf allen Ger\u00e4ten in der Vorschau anzeigen und ihn dann zur \u00dcberpr\u00fcfung an Kunden oder Teammitglieder senden. Sie k\u00f6nnen direkt das Design selbst kommentieren, was ein gro\u00dfes Plus ist. Zwei weitere nette Funktionen von In-Vision sind ein Verlaufsmodus, in dem Sie alle fr\u00fcheren Versionen eines Designs sehen k\u00f6nnen, und 3 Demoprojekte, die Designer durcharbeiten k\u00f6nnen, bis sie mit allen Funktionen vertraut sind.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aec8c0e1.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aeed4185.webp\")
<\/a><\/p>\n\n VISUELLER KOMPONIST<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af0e1084.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af2d7a5b.webp\")
<\/a><\/p>\n\n DESIGN-JAGD<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af635541.webp\")
<\/a><\/p>\n\n TOOKAPIC<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afa6f8e1.webp\")
<\/a><\/p>\n\n MARVELAPP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afda6714.webp\")
<\/a><\/p>\n\n ANIMIERTES CSS<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0055e63.webp\")
<\/a><\/p>\n\n K\u00dcHLER<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b02cf489.webp\")
<\/a> Automatischer Farbschema-Generator f\u00fcr Menschen mit Farbproblemen<\/p>\n\n KREIS.SVG<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b05b156f.webp\")
<\/a> Eine Kleinigkeit, um Besucher besser einzubeziehen<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b091211e.webp\")
<\/a><\/p>\n\n METAFLOP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0bf1c12.webp\")
<\/a> Erregen Sie Aufmerksamkeit mit einzigartigen Schriftarten und Stilen<\/p>\n\n SCHRIFTFLAMME<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0fbac60.webp\")
<\/a><\/p>\n\n FREELANCER-PODCAST<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b126e89c.webp\")
<\/a><\/p>\n\n IM BLICK<\/a>
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b159f64b.webp\")
<\/a><\/p>\n