Entwerfen einer Website mit IM Creator

In der ständig wachsenden Welt der Online-Website-Builder ist es ziemlich schwierig, etwas zu finden, mit dem es sich lohnt, länger als zehn Minuten zu verbringen. Dieser Markt ist mit plumpen Schnittstellen, abscheulichen Vorlagen und brutalen Designbeschränkungen für Freiformfluten überflutet.

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

Die Notlage des webbasierten WYSIWYG

WYSIWYG-Website-Builder werden von vielen professionellen Programmierern und Designern immer noch als etwas abscheulich betrachtet, das webbasierte WYSIWYG-Doppelt so. Die meisten von ihnen setzen strikte Beschränkungen für Ihre Gestaltungsfreiheit ein und / oder spucken einen ziemlich abscheulichen Code aus. Manche gehen sogar so weit, ein Gericht auszurichten? Warten Sie, Flash-Site! Ich bin definitiv in der? camp aber ich spiele immer noch mit diesen dingen, wenn ich ein neues sehe, nur um zu beobachten, wie sich dieser markt entwickelt.

Trotz der Ablehnung durch uns snobby-Codierer weigert sich der Markt zu sterben.

Das, was mich auf diesem Gebiet interessiert, ist, dass der Markt trotz der Ablehnung durch uns Snobby-Codierer nicht sterben will. Tatsächlich scheint es nicht nur zu wachsen, sondern sich rasch zu verbessern. Jeder neue ausgefallene Do-it-yourself-Website-Builder, dem ich begegne, ist ein bisschen besser als der letzte. Inkrementelle Verbesserungen sind nichts Spottliches. Langfristig könnte dies zu Produkten führen, die selbst ernsthafte Fachleute zu schätzen wissen.

Wird dieser Tag jemals kommen? Viele sagen es nicht. Das populäre Argument besagt, dass WYSIWYGs niemals ein Werkzeug für seriöse Webdesign-Profis sein werden, nur für Amateure, die sich wünschten, sie wären in der großen Liga oder Unternehmer, die sich keinen Designer leisten können.

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 mit Computern im Allgemeinen sagen würden. Sicher, sie haben Potenzial, aber kein seriöser Designer würde jemals ein solches verwenden. Dies würde bedeuten, die wahre Kunst des Designs und die Freiheit des Baus von Hand aufzugeben. Klingt bekannt?

Ich mache nicht das Argument, dass jeder Webdesigner ausgehen und anfangen sollte, Homestead zu verwenden. Ich sage nur, dass es keinen Sinn hat, die Idee für immer zu verwerfen, dass diese Produktnische in der professionellen Welt eines Tages sogar einen großen Sprung machen könnte jenseits dessen, was wir vor Jahren in Dreamweaver gesehen haben.

In diesem Sinne werde ich diese Dinge weiterhin versuchen. Ich schüttle vielleicht den Kopf und frage mich, wie manche von ihnen so weit von der Basis entfernt sind, aber ich bin zuversichtlich, dass ich eines Tages dieselbe Geste ausführen werde, um mich zu wundern, wie weit diese Produkte gekommen sind.

Lernen Sie den IM Creator kennen

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

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

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

Eine Webseite erstellen

Ich habe mich entschieden, meine eigene Site von Grund auf neu zu erstellen. Daher hat IM Creator mich mit einer leeren Seite mit einem einfachen Navigationsmenü am Anfang gestartet.

Wenn Sie der Seite etwas hinzufügen möchten, klicken Sie auf "Element hinzufügen". Schaltfläche oben, wodurch ein recht großer Streifen von Schaltflächen mit Optionen zum Hinzufügen von Bildern, Titeln, Abschnitten, Videos, Galerien, Diashows usw. erweitert wird.

Zunächst möchte ich ein Bild einfügen. Sofort erscheint ein attraktives Foto eines Vogels auf meiner Leinwand, bereit, in der Größe verändert und in Position gezogen zu werden.

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

Wenn das Bild ausgewählt ist, klicke ich auf "Erweitert". Optionen oben rechts auf dem Bildschirm und wählen Sie die Option? Rahmen und Hintergrund? Möglichkeit. Nach einem Blick auf meine Optionen beschließe ich, ob ich dieses Foto durch Drehen des Grenzradius in einen Kreis verwandeln kann (wie ich es in CSS machen würde).

Leider tut das eine ganze Menge nichts. Es scheint bei Boxen zu funktionieren, aber nicht bei Bildern. Der Grenzradius ist auch bei 99px maximal, was ihn für meinen Circle-Hack fast nutzlos macht.

Egal, ich kann selbst ein Kreisbild machen. Mein nächster Schritt ist also, das Platzhalterbild des Vogels durch ein Bild von meiner Festplatte zu ersetzen. Dazu klickst du auf das Bild und drückst dann das große blaue? Pic ersetzen? Taste.

Die App importiert schnell mein Foto und ich schiebe es an die richtige Stelle. Ich fange schnell an, ein Gefühl für den Workflow zu bekommen und es ist nicht so schlimm. Die App ist sehr ansprechend und fühlt sich viel glatter an als ich erwartet hatte. Ich mag es auch, dass ich nicht in eine Vorlage gezwungen werde, da ich mit Apps wie iWeb alles bauen kann, was ich will.

Text hinzufügen

Als nächstes gehe ich zurück zum Element hinzufügen. Taste und dieses Mal wähle ich einen Absatz. Wieder einmal ist der Inhalt des Platzhalters ziemlich großartig. Der Absatz wird mit einer Kopfzeile angezeigt, die beide bereits recht hübsch gestaltet sind.

Ich stelle jedoch sofort fest, dass ich die Höhe der gequetschten Linie hasse, und dann auf "Absatz bearbeiten" tippen. um zu sehen, ob ich es reparieren 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, die ich suche.

Wenn Sie die Strichhöhe auf bis zu 1,5 mm einstellen, hilft das enorm. Schon sieht unsere Seite ziemlich gut aus!

Menü einstellen

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

Ich hatte keine Ahnung, wie ich das bewerkstelligen 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 aufzuheben, die Farbe für Text und Textschwebeflug festzulegen, die Elemente nach Belieben zu platzieren und sogar den Buchstabenabstand anzupassen.

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

Beenden

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

In der Lage zu sein, tatsächlich einen kostenlosen Online-Website-Builder zu erstellen, was mir in den Sinn kommt, ist eine ziemlich beeindruckende Leistung. Ich hätte auf jeden Fall gerne mehr Kontrolle über CSS-Eigenschaften gehabt, insbesondere über das Layout, aber insgesamt war das Gebäude ein angenehmes Erlebnis.

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

Wenn Sie die tatsächliche Seite sehen möchten, die sich aus meinen Tests ergab, können Sie sie hier überprüfen. Auf den ersten Blick sieht es ganz gut aus, aber jeder Webdesigner wird ernsthafte Probleme damit haben. Nur um sicher zu sein, dass ich nichts falsch gemacht hatte, verglich ich mein Ergebnis mit einer der vorgestellten Websites. Sie hatten beide die gleichen Probleme.

Für den Anfang ist der Code ein Durcheinander. Der HTML-Code ist vollständig mit Inhalten gefüllt, die mehr mit der App und ihren Funktionen zu tun haben als die Seite, die Sie im Browser anzeigen. Außerdem ist die Grundfunktionalität ziemlich grob. Beispielsweise können Sie keinen Text auf der Seite auswählen. Soweit ich das beurteilen kann, werden die Zeichensätze mit FontSquirrel und @ font-face bereitgestellt, sodass es keinen Grund gibt, dass 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 wirklich als "real" angesehen werden können. Websites.

Wunderschöne Vorlagen

IM Creator mag in Bezug auf das, was sich unter der Haube befindet, der Größe weit verfehlen, aber ich muss sagen, aus rein visueller Sicht ist es wirklich gut. Die integrierten Vorlagen sind einige der 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-Service anbietet. Die Norm in dieser Branche sind tendenziell Seiten, die direkt aus dem Jahr 1999 stammen.

Die ganze Packung

Wie ich bereits erwähnt habe, ist das? Kostenlos? Element ist wirklich nur für das Gestaltungselement. Sie müssen den Teig für das Hosting und eine benutzerdefinierte Domain herausgreifen. Der aktuelle Preis liegt bei 7,95 USD / Monat (knapp unter 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 nur über ein begrenztes Budget verfügen, ist es ein ziemlich anständiger Deal, wenn Sie für ein Jahr, das für eine attraktive Website gehostet wird, 100 US-Dollar bei der von Ihnen ausgewählten Domain hosten. Wenn Sie mich mit dem gleichen Ziel anstellen, würden Sie sicherlich viel mehr zahlen (obwohl Sie ein viel besseres Produkt erhalten würden).

Fazit: Was ist das Urteil?

Es versteht sich von selbst, dass dies kein Produkt für professionelle Webdesigner ist und auch nicht gedacht ist. Wir haben bessere, professionellere Werkzeuge zur Verfügung, und diese Art von Dienstleistungen bietet nicht die Leistung oder Flexibilität, die wir benötigen.

Wenn Sie jedoch ein Fotograf, ein Restaurant oder ein anderes kleines Unternehmen sind, ist das IM Creator-Paket sehr verlockend. Der Preis ist vernünftig und beeindruckt mich mit seiner Fähigkeit, etwas von Grund auf mit ziemlich viel Freiheit zu bauen. Und für die Leute, die nicht von Grund auf mit Design begabt sind, blasen die mitgelieferten Vorlagen jeden Konkurrenten weg, den ich gesehen habe.

Bauunternehmer für Online-Bauunternehmer haben noch einen langen Weg vor sich, aber Produkte wie IM Creator weisen auf eine Zukunft hin, in der diese Art von Tools wirklich beeindruckende Websites produzieren, die sowohl die Massen ansprechen als auch unter der Kontrolle eines Profis stehen.