Machen Sie Webdesign mit den kostenlosen Online-Tools von Mudcu.be effizienter

Wenn Sie sich schon einmal mit Webdesign beschäftigt haben und Sie nicht wirklich eine künstlerische Person sind, dann wissen Sie, dass die eigentliche Nichtprogrammierung “Design” Ein Teil der Gleichung kann etwas schwierig werden.

Für manche Leute, wie zum Beispiel bestimmte Familienmitglieder, die zu billig sind, um Bildgestaltungssoftware zu kaufen, ergeben sich die Schwierigkeiten, wenn sie Logos oder Hintergründe maßschneidern möchten. Bei einigen Programmierern tritt das Problem auf, wenn CSS-Code benötigt wird und die neuesten CSS-Standards noch nicht vollständig auf dem neuesten Stand sind.

Sie können viel Zeit darauf verwenden, sich über die neuesten Trends und Standards im Webdesign auf dem Laufenden zu halten. Mit dem Aufkommen so vieler WYSIWYG-Webdesign-Tools ist das Erstellen von Websites heutzutage eher in den Bereich von Nicht-Programmierern als Programmierern geraten. Das Problem dabei ist, dass, wenn es darum geht, ein Design zu optimieren, um das zu tun, was Sie wirklich wollen, Sie zu einem Programmierer zurückkehren müssen.

Glücklicherweise gibt es viele Ressourcen, die helfen können, bevor Sie sich an einen Programmierer wenden müssen, um Hilfe zu erhalten. Hier bei MUO lieben wir Webdesign und behandeln das Thema oft, wie Anns Firebug-Review. Amateurhandbuch zum Anpassen des Website-Designs mit FireBug Amateurhandbuch zum Anpassen des Website-Designs mit FireBug Lesen Sie mehr oder Steve's Liste der besten Webdesign-Blogs, denen 6 Best folgt Web-Design-Blogs, die folgen sollen 6 Beste Web-Design-Blogs, die folgen sollen Weitere Informationen .

Mudcu.be ist eine spezielle Website, die eine ganze Reihe wirklich nützlicher Webdesign-Tools bietet, die jeder verwenden kann.

Mudcu.be Web Design Tools

Mudcu.be ist das, was ich als Toolbox mit grundlegenden Tools für einen Webdesigner bezeichnen würde, der mit einem sehr kleinen Budget (oder ohne Budget) arbeitet. Die Tools, die Sie auf dieser Website finden, sind sehr auf Grafiken und das Design oder die Abstimmung der Farben Ihrer Website ausgerichtet. Letztendlich können Farben wirklich zu einem Design führen oder brechen, daher sind dies wichtige Werkzeuge, die man zur Hand haben kann.

Wenn Sie zu den Leuten gehören, die einfach nicht genug Geld für qualitativ hochwertige Mal- oder Bilderzeugungssoftware haben, oder vielleicht reisen Sie mit einem kleinen Laptop oder Netbook und benötigen eine webbasierte Bildbearbeitungslösung. Ein Hilfsmittel bei Mudcu.be, das helfen kann, ist das Sketchpad.

Mit dem Sketchpad-Tool können Sie so ziemlich jedes gewünschte Bild in einem webbasierten Tool erstellen, das sich nicht von Windows Paint unterscheidet. Nachdem ich Sketchpad jedoch einige Zeit verwendet hatte, hatte ich das Gefühl, dass es viel einfacher zu bedienen und viel flexibler ist als Windows Paint. Wenn Sie fertig sind, klicken Sie einfach auf das kleine Festplatten-Image oben und Sie können das gerade erstellte Image auf Ihrem Computer speichern. So einfach ist das.

Meiner Meinung nach sind die coolsten Werkzeuge, die Michael Deal auf seiner Website anbietet, die COLRD-Auswahl der Farbverlaufswerkzeuge. Hierbei handelt es sich um eine Reihe von Farbpaletten-Werkzeugen, mit denen Sie die Farbelemente sorgfältig anpassen können, um den genauen Farbton der gewünschten Farbe zu erhalten. Sie passen den Farbton, die Sättigung und die Helligkeit an und passen die Werte für Rot, Grün und Blau an. Wenn Sie möchten, können Sie einfach aus der Box mit ähnlichen Farben von rechts auswählen. Wenn Sie fertig sind, wird der Farbcode des von Ihnen erstellten Farbtons direkt über den Schiebereglern angezeigt.

Die Reihe der COLRD-Tools enthält ähnliche Web-Apps wie oben. Das “Erstellen” Über das Menü Farbe können Sie aus dem Farbwerkzeug oben auswählen oder mit Palette, Farbverlauf oder Bild-DNA wechseln.

Die anderen Tools sind selbsterklärend, aber Image DNA ist wirklich erwähnenswert. Mit diesem Tool können Sie jedes Bild öffnen, das Sie möglicherweise auf Ihrem Computer haben, und dann das Tool verwenden, um die Farben im Foto zu identifizieren.

Das Schöne an einem Tool wie diesem ist, dass, wenn Sie bestimmte Bilder auf Ihrer Webseite verwenden möchten, diese Web-App Ihnen die Möglichkeit gibt, die Farben zu identifizieren, die Sie auf Ihrer Webseite verwenden können, und die perfekt zu den dominierenden Farben in Ihrem Foto passen. Dies kann Amateur-Webdesignern helfen, das sehr häufige Problem des Farbkollapses auf einer Webseite zu überwinden - aus einem anständigen Design kann eine abscheuliche Website werden.

Apropos grausame Websites: Warum um alles in der Welt haben Menschen heute noch böse Hintergründe, die so aussehen, als wären sie direkt aus den 1990ern gekommen? Sobald Sie die Farben und Bilder Ihrer Website mit den oben genannten Tools sortiert haben, können Sie zum Hintergrundgenerator wechseln.

Diese Web-App lässt Sie aus einer langen Liste auswählen “Texturen” für deinen Hintergrund. Einige von ihnen können kitschig aussehen, wenn Sie sie nicht richtig auslegen, aber viele von ihnen sehen wirklich gut aus, wenn Sie die Verlaufsauswahl verwenden, um den Farbton so abzustimmen, dass er mit Ihren Bildern und Website-Farben gut aussieht. Wenn Sie fertig sind, klicken Sie einfach auf “CSS generieren” und der CSS-Code wird für Sie generiert. Einfacher geht es nicht.

Das Tool kommt sogar mit einem “Simulator” Funktion, mit der Sie den Hintergrund auf Ihrer Webseite testen können, bevor Sie ihn tatsächlich implementieren. So sieht es aus, wenn ich den Simulator auf Google.com starte.

Michael liebt Farbe, und kein Werkzeug zeigt dies mehr als seine Farbkugel. So wie er es auf der Website beschreibt, soll Sie die Farbkugel lassen “visualisieren Sie Farbharmonien” unter Verwendung von Formeln, die er erfunden hatte. Es ist ziemlich beeindruckend, weil Sie mit einer bestimmten Farbauswahl beginnen können, beispielsweise rot - und dann Ihre gewünschte Farbe in einen Farbverlauf mit anderen Farben zerlegt, die in den Farbverlauf einfließen “Harmonie”. Dies sind die Farben, mit denen Sie auf Ihrer Website bleiben möchten, um sicherzustellen, dass alle Farben gut zusammenpassen

Ich spiele nur eine Weile mit der Farbkugel herum und muss sagen, dass, obwohl ich nicht weiß, welche Formeln er verwendet, die Farbauswahl wirklich gut zusammen passt.

Eine weitere von Michaels Apps, die erwähnenswert ist, ist ein Appspot-Angebot namens Daltonize. Dies ist ein wirklich beeindruckendes Werkzeug, mit dem Sie die Art der Farbenblindheit identifizieren können, die Sie haben, und diese Auswahl dann verwenden, um Ihrem Browser zu ermöglichen, Webseiten in einem Format anzuzeigen, das Ihre Farbenblindheit berücksichtigt.

Nachdem Sie das Lesezeichen in Ihrem Browser installiert haben, wird in der Symbolleiste (mindestens in Chrome) ein Globussymbol angezeigt. Mit den Daltonize-Einstellungen können Sie die Mängel bei der Farbsicht erkennen, wenn Sie den Browser öffnen. Außerdem können Sie die Auswahl des Farbblindheitstyps jederzeit ändern.

So sieht die resultierende Seite aus, wenn Sie den Farbblindheitsfilter verwenden. Wenn Sie nicht farbenblind sind, zeigt das Bild unten meinen Blog, der normalerweise eine orange Farbe für die Kopfseiten und die Farbe des Symbols aufweist, als leuchtende lila Farbe. Es sieht so aus, als ob es auch einige der Bilder auf der Website getönt hat. Sehr beeindruckendes Werkzeug!

Dies ist keine Liste aller bei Mudcu.be verfügbaren Design-Tools. Wenn Sie also Farbe suchen oder nach Möglichkeiten suchen, Farbe in Ihr Webdesign zu integrieren, ist diese Website ein Muss.

Haben Sie bei Ihren Web-Design-Bemühungen jemals Probleme mit Farben? Welche Werkzeuge oder Techniken verwenden Sie, um die Dinge aufeinander abzustimmen? Teilen Sie Ihre Gedanken und Erkenntnisse in den Kommentaren unten mit!

Bildnachweis: web design Via Shutterstock

Erfahren Sie mehr über: Webdesign, Webentwicklung, Webmaster-Tools.