Wenn Sie an Tools denken, die Sie verwenden können, um Webseiten zu erstellen, denken Sie wahrscheinlich an Dinge wie Kompozer oder Firebug Amateurs Leitfaden zur Anpassung von Website-Design mit FireBug Amateur Leitfaden zur Anpassung der Website-Design mit FireBug Lesen Sie weiter. Was aber, wenn ich Ihnen sage, dass ein Werkzeug, das Ihre Kreativität bei der Gestaltung eines Webdesign-Layouts wirklich steigern kann, eine Mind Map ist?
Wir haben eine Menge von Mind-Mapping-Tools hier bei MUO abgedeckt. Nancy überprüft Thoughtboxes Thoughtboxes: Mind-Mapping trifft Ihre To-Do-Liste Thoughtboxes: Mind-Mapping trifft Ihre To-Do-Liste Lesen Sie mehr, und Jeffry abgedeckt Mindmapping-Tools für Mac MindMapping: 3 Simple Idea Mapping-Software für Mac MindMapping: 3 Simple Idea Mapping Software für Mac Lesen Sie mehr. Ich denke, meine Lieblings-Mindmapping-Anwendung von allen ist das Open-Source-Projekt FreeMind.
FreeMind ist eine der wunderbar einfach zu verwenden, aber kompliziert so komplex, wie Sie es brauchen, wenn Sie es wirklich brauchen. Das ist die Schönheit davon. Also, für Leute, die besonders kreativ sind, befreit eine Anwendung wie FreeMind buchstäblich Ihren Geist, in welcher Richtung Sie auch gehen wollen. Wenn Sie versuchen, etwas so Abstraktes und Komplexes wie den Fluss und die Funktion einer Website zu gestalten, ist das die Art von Flexibilität, die Sie brauchen.
Wir von MUO möchten unseren Lesern helfen, Anwendungen auf eine Art und Weise zu nutzen, die Sie vielleicht noch nie zuvor in Betracht gezogen haben. Ich bin mir sicher, dass einige von euch zu diesem Zweck Mindmapping-Tools verwendet haben - das ist doch eine intelligente Menge. Aber für diejenigen von Ihnen, die nie daran gedacht haben, ein Mindmapping-Tool zu verwenden, um Ihre brandneue Website zu gestalten, lassen Sie mich einen Spaziergang durch den FreeMind-Webdesign-Garten machen.
Entwerfen einer Website mit FreeMind
In seiner einfachsten Form, ich denke, es wird sehr schnell sehr offensichtlich, warum ein Mindmapping-Tool wie FreeMind ideal für Web-Design ist. In nur wenigen Minuten habe ich mit der Option "Neuer Kindknoten" in FreeMind eine Top-Level-Karte meines Blogs erstellt.
Wie Sie sehen können, erlaubt FreeMind Ihnen, von einer Kernseite aus zu beginnen - es muss nicht die Hauptseite Ihrer Site sein, es könnte irgendeine Startseite sein - und dann den Pfad der Links durch Ihre neue Site verfolgen.
In diesem Beispiel habe ich eine Hauptseite mit sechs Navigationslinks für die sechs Hauptabschnitte meiner Website entworfen. Ich hätte wahrscheinlich auch eine "features" oder "articles" Seite hinzugefügt, denn das ist der ganze Sinn eines Blogs. Aber das ist die Schönheit einer Mind Map - Sie können sie optimieren und ändern, um sie an die Designideen anzupassen, die Ihnen auf Ihrem Weg begegnen.
Natürlich, wenn Sie beginnen, Ihre Website zu erstellen und tatsächliche Seiten zu zeigen, können Sie Hyperlinks zu diesen Seiten direkt von Ihrer Mind Map hinzufügen. So, wie Sie Ihre Website basierend auf Ihrem FreeMind-Plan erstellen, können Sie buchstäblich alles aus dem Plan selbst verfolgen.
Möchten Sie sich die Kontaktseite ansehen, die Sie vor einiger Zeit bearbeitet haben? Nehmen Sie sich nicht die Zeit, den Browser zu öffnen und geben Sie die URL ein. Klicken Sie einfach auf Ihren FreeMind-Link und Sie sind da.
Sie können die URL des Links sehen, indem Sie den Mauszeiger über den Knoten bewegen - er wird in der unteren Statusleiste angezeigt.
Das Erstellen von Hyperlinks macht es einfacher, auf die von Ihnen entworfenen Seiten zuzugreifen, was Ihren gesamten Webdesign-Prozess effizienter macht. Ihre Website Mind Map kann als Ihr zentraler Knotenpunkt - Ihre Webdesign-Roadmap - dienen, mit der Sie arbeiten können, um Ihr gesamtes Designprojekt abzuschließen.
Ein weiteres wirklich cooles Feature von FreeMind ist die Möglichkeit, Bilder zu Knoten hinzuzufügen. Klicken Sie einfach auf Einfügen - Bild aus dem Menü, oder klicken Sie auf den Knoten und drücken Sie Alt-K. Navigieren Sie einfach zu der Bilddatei, die Sie verwenden möchten. Es ist viel einfacher, wenn Sie das Bild so skalieren, dass es Thumbnail-Größe ist - andernfalls müssen Sie nach dem Importieren des Bildes in die HTML-Code-Ansicht in FreeMind wechseln.
Klicken Sie auf das Bild, und ein Bearbeitungswerkzeug erscheint, mit dem Sie unter dem Bild eine kleine Beschriftung hinzufügen können. Sie können dies verwenden, um ein bisschen pizzaz zu Ihrer Web-Design-Mind-Map hinzuzufügen. Ich habe es verwendet, um die Bilder der Autoren zu zeigen, und der Knoten selbst repräsentiert ihre Profilseite auf der Website.
Wenn es Ihnen nichts ausmacht, dass Ihre Karte zu groß wird, können Sie sogar Vorschau-Snapshots der Seiten einfügen, Bilder, die Ihrer Meinung nach den Zweck der Seite darstellen, oder jede andere Verwendung von Knotenbildern, die Sie erstellen können. Ich persönlich mag es, Bilder in meiner Web-Design-Mind-Map zu verwenden, weil sie mehr Charakter bietet und eine kleine Vorschau des Seiteninhalts für alle bietet, die die Karte zum ersten Mal sehen können.
Ein weiteres wirklich cooles Feature von FreeMind, das perfekt in das Webdesign-Toolset passt, ist das Zeitmanagement-Tool, das direkt in FreeMind integriert ist. Sie können dorthin gelangen, indem Sie auf "Extras" gehen und dann "Kalender anzeigen" wählen. Dies öffnet ein großes Kalender- "Zeitmanagement" -Fenster.
Sie können Daten auf die Knoten anwenden, indem Sie auf "Datum an ausgewählte Knoten anhängen" klicken. Dies ist eine coole Möglichkeit, die Versionskontrolle auf Ihren Seiten nach Datum / Uhrzeit durchzuführen, wobei der Knoten mit dem Datum versehen wird, an dem diese bestimmte Seite erstellt oder aktualisiert wurde.
Das ausgewählte Datum wird an das Ende des Knotentextes angehängt.
Besser noch, warum sollten Sie keinen Zeitplan erstellen, damit Sie nach Abschluss Ihrer Website eine Erinnerung erhalten, wenn es Zeit ist, eine Seite auf der Website zu aktualisieren. Dies ist ein cooler Weg, um systematisch einen Update-Zeitplan für eine Site zu planen und bestimmte Seiten-Updates im Laufe der Zeit zu planen, so dass das Aktualisieren einer Website keine überwältigende und chaotische Aufgabe wird.
Wählen Sie dazu einfach den Knoten aus, gehen Sie zum Kalender der Zeitverwaltung, wählen Sie das Datum, an dem Sie die Seite aktualisieren möchten, und klicken Sie dann auf "Erinnere mich an diesem Datum".
Auf diesem Knoten erscheint ein kleines Symbol einer Uhr. Das weist darauf hin, dass ein Alarm damit verbunden ist und Sie erhalten eine Popup-Benachrichtigung auf Ihrem Computer, wenn es Zeit ist, diese Seite zu aktualisieren. Hättest du nie gedacht, dass du ein Mindmapping-Tool für das Webdesign-Projektmanagement verwenden würdest?
Wenn Sie Ihren gesamten Update-Zeitplan nach Seiten sortiert anzeigen möchten, gehen Sie einfach zu Tools und wählen Sie "Show Time Scheduler List".
Sie erhalten einen vollständigen Bericht über alle Seiten, die Sie geplant haben, wann Sie sie geplant und erstellt haben und wann diese bestimmte Seite als nächstes aktualisiert werden soll.
Der einzige Ort, an dem dieses System fehlschlagen könnte, ist, wenn Sie die Seite aktualisieren und vergessen, zurück zu kommen und den Knoten mit einer neuen Aktualisierungszeit und einem neuen Aktualisierungsdatum zu aktualisieren. Versuchen Sie also, es zur Gewohnheit zu machen, und Sie werden Ihr gesamtes Seitenaktualisierungssystem reibungslos laufen lassen.
Oh, und da ist noch eine letzte, wichtige Eigenschaft, die ich fast vergessen hätte. Dies ist eigentlich ein ziemlich wichtiger, wenn Sie dazu neigen, einer dieser Programmierer zu sein, die den Überblick verlieren, wo Sie Ihre Projektdateien speichern.
FreeMind kann Hyperlinks zu Dateien auf Ihrem PC herstellen. Sie können diese Funktion verwenden, um die Seitenknoten mit dem tatsächlichen Code zu verbinden, der auf Ihrem Computer gespeichert ist. Sie gehen einfach zu "Einfügen", wählen Sie "Hyperlink (Dateiauswahl)" und dann nur zu der Datei, die Sie mit diesem Knoten verknüpfen möchten.
Die Dateiverknüpfung für diesen Knoten wird als roter Pfeil angezeigt. Wenn Sie Codeänderungen vornehmen möchten, klicken Sie einfach auf den Link, um ihn für Sie sofort zu öffnen. Sie müssen nicht mehr suchen, um ihn zu finden. Stellen Sie sicher, dass Sie sich daran erinnern, wo Sie sie gespeichert haben, damit Sie die Änderungen auf Ihren Webserver hochladen können.
Wie Sie sehen, hilft Ihnen die Verwendung eines Mindmapping-Tools wie FreeMind nicht nur dabei, das Layout und den Fluss Ihrer Website zu gestalten, es kann Ihnen sogar helfen, Ihr gesamtes Webdesign-Projekt von Anfang bis Ende zu verwalten.
Mit welchen Tools verwalten Sie Ihre Webdesign-Projekte? Würden Sie stattdessen FreeMind ausprobieren? Haben Sie weitere kreative Ideen, um ein Mindmapping-Tool als Teil eines Webdesign-Projekts zu verwenden? Teilen Sie Ihre Gedanken in den Kommentaren unten.