8 Tools, die ein Webdesigner braucht

2024 Autor: Malcolm Clapton | [email protected]. Zuletzt bearbeitet: 2023-12-17 03:51

Bildschirmgröße.es

Screensiz.es ist eine Website, die Ihnen helfen kann, die physischen Abmessungen, die Bildschirmauflösung, das Seitenverhältnis und viele andere Parameter der Bildschirme der gängigsten Modelle von Smartphones, Tablets und Monitoren zu finden. Alle Informationen kommen in einfacher und verständlicher Form – in Form einer Tabelle. Es gibt Dutzende verschiedener Android-Geräte, Tablets, darunter BlackBerry Playbook, Microsoft Surface Pro und Barnes & Noble Nook. Bei weniger verbreiteten Geräten ist es auch ziemlich einfach, die benötigten Informationen zu finden. Screensize.es bietet auch eine Bewertung der Gerätebeliebtheit basierend auf Google-Suchstatistiken und einer Reihe anderer Kriterien.

Subtile Muster

Subtle Patterns bietet eine große Auswahl an Hintergrundmustern, die Sie als Hintergrund für Ihre Websites verwenden können. Einfache, aber ansprechende Muster werden den Geschmack von minimalistischen Designliebhabern befriedigen, die mehr wollen als einen schlichten weißen Hintergrund. Eine der besten Funktionen der Site ist eine Vorschau darauf, wie ein bestimmtes Muster auf Ihrer Site aussehen wird. Es ist zu beachten, dass Ihnen alle Muster kostenlos zur Verfügung gestellt werden.

Verlorener Typ

Erinnern Sie sich an die Schriftart, die Sie auf Ihrer Lieblingsseite gesehen haben? Es besteht eine gute Chance, dass diese Schriftart von der Lost Type-Site stammt, auf der viele Designer zusammenkommen, die ihre Arbeiten dort zu einem Preis, der nach Belieben bezahlt wird, zum Verkauf anbieten. Vielleicht kann Lost Type der Liste von Websites zugeschrieben werden, die jeder Designer (und nicht nur) kennen sollte. Es gibt nicht viele Orte im Web, an denen Sie eine hochwertige einzigartige Schriftart erhalten und nicht viel Geld dafür bezahlen müssen.

roter Stift

Red Pen ermöglicht es Ihnen, eine sehr wichtige Aufgabe einfach und schnell zu lösen, wie keine andere Site. Sie ziehen Ihre Grafik oder Ihr Layout in ein spezielles Fenster auf der Website und der Dienst bietet Ihnen einen einzigartigen Link, den Sie in sozialen Netzwerken veröffentlichen können. Durch Anklicken dieses Links kann jeder mit der Maus an einer beliebigen Stelle klicken und dort seine Bemerkungen und Kommentare zu dem, was er sieht, hinterlassen. Ein unverzichtbares Werkzeug, um schnelles Feedback vom breitesten Publikum zu erhalten.

Muster tippen

Pattern Tap ist kein Werkzeug im herkömmlichen Sinne des Wortes, aber es wird einem Designer sicherlich nützlich sein. Der Zweck von Pattern Tap besteht darin, Sie mit Ideen für verschiedene Elemente von Webseiten zu inspirieren. Die Site enthält beispielsweise eine große Liste von 404-Beispielseiten, Audioplayern, Schaltflächen, Breadcrumbs und mehr. Wenn Ihnen die Inspiration ausgeht, kann Sie ein Blick auf die verschiedenen Inkarnationen einer Idee in die richtige Richtung lenken. Eine breite Palette von Ideen zur Hand zu haben, die auf einer Site gesammelt sind, ist viel besser, als endlos im Web zu surfen und Tonnen von visuellen Informationen zu sichten. Mit Pattern Tap können Sie auch nach Kriterien wie Farben, Stilen und Elementtypen suchen.

Blokk-Schriftart

Der Name Blokk spricht für sich. Oftmals muss der Designer bei der Gestaltung von Layouts seine Fülle mit Text demonstrieren, was oft zu unnötigem Mehraufwand führt. Es ist klar, dass Sie eine Art Textgenerator im Lorem-Ipsum-Stil verwenden können, aber es gibt auch eine elegantere Lösung. Die Blokk-Schrift verwandelt Kauderwelsch, das von der Tastatur (fywalge) eingegeben wird, in etwas Schlankes und Schönes. Anstelle von bedeutungslosen lateinischen Phrasen erhalten Sie schlanke Linien, die Textzeilen imitieren.

Icon-Set von Brankic1979

Ein wunderbarer Satz kostenloser Icons, perfekt für die Gestaltung von Anwendungen, Websites und anderen Projekten. Von Zahlen über Zahnräder bis hin zu Mikrofonen enthält dieses Set über 350 Artikel, und Sie werden sicher etwas Wertvolles darin finden. Die Hauptsache ist, dass die Symbole sowohl für den persönlichen als auch für den kommerziellen Gebrauch kostenlos sind.

Farbe von Hailpixel

An Farbwählern mangelt es natürlich nicht. Dies ist eines der Werkzeuge, die ein Designer immer zur Hand haben sollte, und Color by Hailpixel ist definitiv eine Aufmerksamkeit wert. Die Website wird geöffnet und zeigt Ihnen einen leeren Bildschirm mit einem einzigen schwarzen Link (# 000000) an. Wenn Sie den Cursor auf dem Bildschirm bewegen, sehen Sie, wie sich die Hintergrundfarbe ändert, und das Fenster in der Mitte zeigt den entsprechenden Hex-Code dieser Farbe. Durch Klicken mit der Maus wird ein Streifen der aktuellen Farbe mit dem Zahlenwert dieser Farbe erstellt. So können Sie mit den Bewegungen der Maus eine Palette der gewünschten Farben zur weiteren Verwendung sammeln. Wenn Sie auf das "Zahnrad" klicken, das sich auf jedem gespeicherten Streifen befindet, wird ein Bedienfeld mit Einstellungen für diese Farbe angezeigt, in dem Sie die RGB- und HSL-Werte genauer einstellen können. Ein wunderbares Werkzeug.

Haben Sie Ihre eigenen Lieblings-Online-Tools? Lass es uns in den Kommentaren wissen.