Entwerfen einer Website mit IM Creator

In der ständig wachsenden Welt der Online-Website-Ersteller ist es ziemlich schwierig, etwas zu finden, mit dem es sich lohnt, mehr als zehn Minuten zu verbringen. Dieser Markt ist mit klobigen Schnittstellen, abscheulichen Vorlagen und brutalen Einschränkungen beim Freiformdesign überflutet.

Ich bin kürzlich auf ein Produkt namens IM Creator gestoßen, das sich sowohl durch Stil als auch durch Funktionalität auszeichnet. Erfüllt es seine Versprechen oder schließt es sich den übrigen Websites in diesem Markt an und verfehlt eine anständige DIY-Website-Lösung? Lesen Sie weiter, um es herauszufinden.

Die Notlage des webbasierten WYSIWYG

WYSIWYG-Website-Ersteller werden von vielen professionellen Programmierern und Designern immer noch als ein Gräuel angesehen, webbasierte WYSIWYGs verdoppeln dies. Die meisten von ihnen schränken Ihre Gestaltungsfreiheit streng ein und / oder spucken einen ziemlich abscheulichen Code aus. Einige gehen sogar so weit, eine… warte darauf, Flash-Site! Ich bin definitiv im "Code it yourself" -Lager, aber ich spiele immer noch mit diesen Dingen, wenn ich ein neues sehe, nur um die Entwicklung dieses Marktes im Auge zu behalten.

"Trotz der Ablehnung durch uns Snobby-Programmierer weigert sich der Markt zu sterben."

Das, was mein Interesse an diesem Bereich weckt, ist, dass sich der Markt trotz der Ablehnung durch uns Snobby-Programmierer weigert zu sterben. Tatsächlich scheint es nicht nur zu wachsen, sondern sich schnell zu verbessern. Jeder neue ausgefallene Do-it-yourself-Website-Builder, auf den ich stoße, ist ein bisschen besser als der letzte. Inkrementelle Verbesserungen sind nichts, worüber man sich lustig machen kann. Langfristig könnte dies zu Produkten führen, die selbst ernsthafte Profis zu schätzen wissen.

Wird dieser Tag jemals kommen? Viele sagen, dass es nicht wird. Das populäre Argument besagt, dass WYSIWYGs niemals ein Werkzeug für ernsthafte Webdesign-Profis sein werden, sondern nur für Amateure, die sich wünschen, in den großen Ligen zu sein, oder für Unternehmer, die es sich nicht leisten können, einen Designer einzustellen.

Ich würde wetten, dass ich, wenn ich in die 1980er Jahre zurückkehren würde, Tonnen von Designern finden würde, die mir das Gleiche über Computer im Allgemeinen erzählen würden. Sicher, sie haben Potenzial, aber kein ernsthafter Designer würde jemals eines verwenden. Dies würde bedeuten, die wahre Kunst des Designs und die Freiheit des Bauens von Hand aufzugeben. Klingt bekannt?

Ich mache nicht das Argument, dass jeder Webdesigner ausgehen und Homestead verwenden sollte, ich sage nur, dass es keinen Sinn macht, die Idee, dass diese Produktnische eines Tages sogar in der Berufswelt für Furore sorgen könnte, für immer zu verwerfen jenseits dessen, was wir vor Jahren von Dreamweaver gesehen haben.

In diesem Sinne werde ich diese Dinge weiter ausprobieren. Ich könnte meinen Kopf schütteln und mich fragen, wie weit einige von ihnen von der Basis entfernt sind, aber ich bin zuversichtlich, dass ich eines Tages dieselbe Geste ausführen werde, um mich zu fragen, wie weit diese Produkte gekommen sind.

Treffen Sie IM Creator

Der neueste Online-Website-Builder, auf den ich gestoßen bin, ist IM Creator. Das Verkaufsgespräch ist dem seiner Brüder sehr ähnlich: Erstellen Sie Ihre eigene schöne Website, ohne eine einzige Codezeile einzugeben, kostenlos! Wir alle wissen, dass diese kostenlosen Ansprüche ziemlich falsch sind, da Sie sich auf lange Sicht für das Hosting entscheiden müssen, wenn Sie die Website tatsächlich nutzen möchten. Aber es ist zumindest wirklich kostenlos, sich anzumelden und Baustellen zu eröffnen.

IM Creator verzögert die Anmeldung tatsächlich, bis Sie etwas speichern möchten, damit Sie direkt in den Site Builder springen können.

Die Schnittstelle hier ist in guter Weise völlig kahl. Es sieht einfach und zugänglich aus. Es gibt eine Menge, die Sie tun können, aber es ist clever strukturiert, um so einfach zu sein, dass praktisch jeder es verwenden kann.

Erstellen einer Webseite

Ich habe mich entschieden, meine eigene Site von Grund auf neu zu erstellen, daher hat IM Creator mich mit einer im Wesentlichen leeren Seite mit einem einfachen Navigationsmenü oben begonnen.

Um der Seite etwas hinzuzufügen, klicken Sie oben auf die Schaltfläche „Element hinzufügen“, wodurch ein ziemlich großer Streifen von Schaltflächen mit Optionen zum Hinzufügen eines Bildes, Titels, Absatzes, Videos, einer Galerie, einer Diashow usw. erweitert wird.

Zu Beginn entscheide ich mich, ein Bild einzufügen. Sofort erscheint ein attraktives Foto eines Vogels auf meiner Leinwand, das zur Größenänderung und zum Ziehen an Ort und Stelle bereit ist.

Wenn Sie auf die kleine Link-Schaltfläche über dem Bild klicken, wird ein Dialogfeld geöffnet, in dem Sie einfach einen internen oder ausgehenden Link einrichten können, sodass Sie beim Klicken auf das Bild zu einem bestimmten Ziel gelangen. An anderer Stelle können Sie einen Titel, einen Text usw. hinzufügen.

Wenn das Bild ausgewählt ist, klicke ich oben rechts auf dem Bildschirm auf die Optionen „Erweitert“ und wähle die Option „Rahmen und Hintergrund“. Nach einem Blick auf meine Optionen entscheide ich mich, ob ich dieses Foto durch Drehen des Randradius in einen Kreis verwandeln kann (so würde ich es in CSS machen).

Leider macht das nicht viel. Es scheint auf Boxen zu funktionieren, aber nicht auf Bildern. Außerdem regelt der Randradius das Maximum bei 99px, was es für meinen Kreis-Hack fast unbrauchbar macht.

Egal, ich kann selbst ein Kreisbild machen. Mein nächster Schritt ist also, das Bild des Vogelplatzhalters durch ein Bild von meiner Festplatte zu ersetzen. Klicken Sie dazu auf das Bild und klicken Sie auf die große blaue Schaltfläche „Bild ersetzen“.

Die App importiert mein Foto schnell und ich schiebe es an seinen Platz. Ich bekomme schnell ein Gefühl für den Workflow hier und es ist nicht schlecht. Die App reagiert sehr schnell und fühlt sich viel flüssiger an als ich erwartet hatte. Ich mag es auch, dass ich nicht gezwungen bin, eine Vorlage zu erstellen, da ich mit Apps wie iWeb alles erstellen kann, was ich will.

Text hinzufügen

Als nächstes gehe ich zurück zur Schaltfläche "Element hinzufügen" und wähle diesmal einen Absatz aus. Wieder einmal ist der Platzhalterinhalt ziemlich beeindruckend. Der Absatz wird mit einer Überschrift angezeigt, die beide bereits recht schön gestaltet sind.

Ich bemerke jedoch sofort, dass ich die gequetschte Zeilenhöhe hasse, also drücke ich auf "Absatz bearbeiten", um zu sehen, ob ich sie beheben kann. Von hier aus habe ich grundlegende Optionen wie das Festlegen der Schriftfamilie (eine anständige Auswahl beliebter kostenloser Schriftarten wie Chunk Five und Aller), Größe, Farbe usw. sowie einige erweiterte Optionen. Hier finde ich die Zeilenhöhensteuerung, nach der ich suche.

Das Anlassen der Leitungshöhe auf 1, 5 em hilft immens. Schon sieht unsere Seite ziemlich gut aus!

Menü korrigieren

Als nächstes steht das hässliche Navigationsmenü auf der Tagesordnung. Ich entschied mich für etwas viel Minimaleres: Nur einfachen Text mit einfachen Hover-Effekten.

Ich hatte keine Ahnung, wie ich das erreichen sollte, aber durch Klicken auf die Schaltfläche Menüeinstellungen wurde eine Reihe von Steuerelementen angezeigt, die es sehr einfach machten. Ich war in der Lage, die Hintergrundfarbe aufzugeben, den Text und die Farbe für den Textschwebeflug festzulegen, die Elemente nach meinen Wünschen zu platzieren und sogar den Buchstabenabstand anzupassen.

Nach ein wenig mehr Menüoptimierung werfe ich ein Logo ein und dieses Ding sieht wirklich aus wie eine anständige Webseite!

Beenden

Nach dem gleichen Verfahren fülle ich den Rest des Designs aus. Hier gibt es eine Reihe wirklich nützlicher Werkzeuge, mit denen Sie spielen können. Zum Beispiel konnte ich in wenigen Sekunden eine Live-Google-Karte und meinen Twitter-Feed einfügen. So sieht das fertige Ergebnis aus:

Es ist eine beeindruckende Leistung, mit einem kostenlosen Online-Website-Builder tatsächlich das erstellen zu können, was in meinem Kopf ist. Ich hätte mir auf jeden Fall mehr Kontrolle über CSS-Eigenschaften gewünscht, insbesondere über die für das Layout, aber im Großen und Ganzen war das Gebäudeerlebnis angenehm.

Es sieht gut aus, aber was steckt hinter dem Vorhang?

Wenn Sie die aktuelle Seite sehen möchten, die aus meinen Tests resultiert, können Sie sie hier überprüfen. An der Oberfläche sieht es gut aus, aber jeder Webdesigner wird ernsthafte Probleme damit haben. Um sicherzugehen, dass ich nichts falsch gemacht habe, habe ich mein Ergebnis mit einer der vorgestellten Websites verglichen. Sie litten beide unter den gleichen Problemen.

Für den Anfang ist der Code ein Chaos. Der HTML-Code ist vollständig mit Inhalten gefüllt, die eher mit der App und ihren Funktionen zu tun haben als mit der Seite, die Sie im Browser anzeigen. Darüber hinaus ist die Grundfunktionalität ziemlich grob. Sie können beispielsweise keinen Text auf der Seite auswählen. Soweit ich das beurteilen kann, werden die Schriftarten mit FontSquirrel und @ font-face bereitgestellt, sodass es keinen Grund gibt, warum sie nicht vollständig auswählbar sein sollten.

Unter der Haube ist Code und Funktionalität ein kritischer Ort, an dem fast alle WYSIWYGs auf die eine oder andere Weise zu kurz kommen. Es ist definitiv ein Bereich, der angegangen werden muss, bevor diese Tools und die daraus resultierenden Produkte jemals wirklich als „echte“ Websites angesehen werden können.

Wunderschöne Vorlagen

IM Creator mag in Bezug auf das, was sich unter der Haube befindet, weit hinter der Größe zurückbleiben, aber ich muss sagen, rein visuell ist es wirklich hervorragend. Die integrierten Vorlagen gehören zu den besten, die ich von einem Dienst wie diesem gesehen habe:

Es ist wirklich schön zu sehen, dass jemand wirklich modern aussehende Webdesign-Vorlagen in einem WYSIWYG-Dienst anbietet. Die Norm in dieser Branche sind in der Regel Seiten, die direkt aus dem Jahr 1999 stammen.

Die ganze Packung

Wie ich bereits erwähnt habe, ist das „freie“ Element wirklich nur für das Designelement. Sie müssen den Teig für das Hosting und eine benutzerdefinierte Domain herausgeben. Der aktuelle Preis beträgt 7, 95 USD / Monat (knapp 100 USD pro Jahr), aber es sieht so aus, als würde er in naher Zukunft auf 12, 95 USD steigen.

Es ist nicht der billigste Service der Welt, aber wenn Sie ein knappes Budget haben, ist es ein ziemlich anständiges Geschäft, 100 US-Dollar zu zahlen, um eine attraktive Website zu erhalten, die ein Jahr lang bei einer Domain Ihrer Wahl gehostet wird. Wenn Sie mich mit dem gleichen Ziel einstellen würden, würden Sie sicherlich viel mehr bezahlen (obwohl Sie ein viel besseres Produkt erhalten würden).

Fazit: Wie lautet das Urteil?

Es versteht sich von selbst, dass dies kein Produkt für professionelle Webdesigner ist und es auch nicht sein soll. Wir verfügen über bessere, professionellere Tools, und diese Art von Services bietet nicht die Leistung oder Flexibilität, die wir benötigen.

Wenn Sie jedoch Fotograf, Restaurant oder ein anderes kleines Unternehmen sind, ist das IM Creator-Paket ziemlich verlockend. Es hat einen angemessenen Preis und beeindruckt mich tatsächlich durch seine Fähigkeit, etwas völlig neu mit einem angemessenen Maß an Freiheit zu bauen. Und für die Leute da draußen, die nicht in der Lage sind, von Grund auf neu zu entwerfen, blasen die bereitgestellten Vorlagen jeden Konkurrenten weg, den ich gesehen habe.

Online-DIY-Site-Builder haben noch einen langen Weg vor sich, aber Produkte wie IM Creator deuten auf eine Zukunft hin, in der diese Art von Tools wirklich beeindruckende Websites hervorbringen, die sowohl die Massen ansprechen als auch unter professioneller Kontrolle stehen.