5 Tipps zum Aufräumen nach einem Designprojekt

Wie jedes Kind weiß, macht es Spaß, coole Sachen zu machen. Sie werfen alle Ihre Spielsachen auf den Boden und sortieren sie, bis Sie finden, was Sie wollen, und fügen alles zusammen, um ein Raumschiff oder so etwas zu bauen. Das ist der Teil, den jeder mag. Aber dann kommt jemand und sagt dir, dass es vorbei ist. Es ist fertig. Jetzt musst du dich aufraffen, damit Papa nicht um 2 Uhr morgens im Dunkeln auf ein Legostück tritt und böse Worte brüllt. Nur wenige Menschen genießen diesen Teil. Aber je älter wir werden, desto mehr wird den meisten von uns klar, dass uns das Aufräumen nach der Arbeit oder dem Spielen später Ärger erspart. Webdesign ist keine Ausnahme. Wenn Sie neu im Webdesign sind (und ja, dieser Artikel richtet sich an Neulinge), könnte es sein, dass Sie das Gefühl haben, „fertig“ zu sein, wenn Sie Ihre HTML-Dateien auf den Server hochladen, und der Client sagt, dass alles großartig aussieht. Und natürlich sind Sie jetzt fertig. Nehmen Sie sich einen Tag frei oder machen Sie zumindest eine Kaffeepause. Eines Tages müssen jedoch entweder Sie oder jemand anderes dieses Design in die Hand nehmen und erneut damit spielen. An diesem Tag möchten Sie alles dort verstaut haben, wo es hingehört …

1. Bereinigen Sie Ihre Ebenen

Wenn Sie viel Designarbeit in einer Grafik-App erledigen, sei es Sketch, Photoshop, Affinity Designer oder eine beliebige Wireframing-App, möchten Sie sicherstellen, dass die Dinge leicht zu verstehen sind. Wenn Sie schnell iterieren, kann es leicht passieren, dass Sie eine lange Liste von Ebenen erhalten, die keine Namen haben oder die ausgeblendet wurden, weil Sie entschieden haben, dass ein früherer Ansatz nicht ganz richtig aussah.

Lesen:  Die 18 besten „Über mich“-Seitenbeispiele zum Staunen

[pullquote]Wenn Sie schnell iterieren, kann es leicht passieren, dass eine lange Liste von Ebenen ohne Namen entsteht[/pullquote]

Stellen Sie sicher, dass jede Ebene benannt ist und dass Sie keine Ebenen oder Elemente haben, die Sie nicht benötigen. Organisieren Sie Ihre Objekte in Gruppen, Ebenengruppen und Ordnern. Hier ist noch mehr Ausführlicher Leitfaden zum Organisieren von PSDsdas an nahezu jedes andere Grafikformat angepasst werden kann.

2. Bereinigen Sie Ihren Code

Auch HTML, CSS und JavaScript können sich beim Iterieren und Experimentieren sehr schnell summieren. Vielleicht haben Sie ein paar HTML-Teile eines Elements übrig gelassen, das Sie am Ende nicht brauchten. Vielleicht haben Sie Stile für dieses Element geschrieben und vergessen, sie darin zu belassen. Zufällige Klassennamen können sich durchaus anhäufen, wenn Sie nicht hinschauen. Überprüfen Sie Ihren Code noch einmal, um sicherzustellen, dass darin nichts Überflüssiges zurückbleibt. Wenn Sie eine haben viel Wenn Sie nicht viel CSS durcharbeiten möchten (und das kann leicht passieren), können Sie ein Tool wie z JitBit um Ihnen dabei zu helfen, CSS zu finden, das Sie nicht verwenden.

3. Bereinigen Sie Ihre Dateien

Schnappen Sie sich den Dateimanager Ihrer Wahl und beginnen Sie mit dem Sortieren. Möglicherweise haben Sie ein Framework wie Bootstrap oder eine Bibliothek wie jQuery heruntergeladen, bevor Ihnen klar wurde, dass Sie diese für dieses Projekt nicht benötigen. Vielleicht haben Sie einige Dateien zum Experimentieren erstellt, aber diese Experimente sind vorbei. Ehrlich gesagt ist die Dateiverwaltung eine dieser Aufgaben, die ich immer auf später schiebe, weil sie lästig ist, aber trotzdem muss sie erledigt werden. Sie müssen diese zusätzlichen Dateien löschen. Das Ablegen ungenutzter Dateien auf einem Server ist eine schlechte Praxis, und zwar für Sie nicht Ich möchte erraten, welche Dateien in drei Jahren tatsächlich wichtig waren, wenn Sie mehr oder weniger vergessen haben, wie Sie alles zusammengesetzt haben.

Lesen:  Gewinnen Sie 10 Lizenzen des Jumpeye Framework

4. Berücksichtigen Sie Ihre Speicheroptionen

Kindergärten, Schulen, einige Mechaniker, Lagerverwalter und Eltern, die viele Kinder haben und seit fünfzehn Jahren Spielzeug sammeln, erkennen den Wert einer klar gekennzeichneten Aufbewahrung. Nichts ist so ärgerlich, wie sich zu verirren, während man Stapel von Kisten nach dem einen Gegenstand durchsucht, der irgendwo drin sein muss.

[pullquote]Der Typ zu sein, der die Website Ihres Kunden retten kann, ist eine gute Möglichkeit, eine gesunde Beziehung zu diesem Kunden aufrechtzuerhalten[/pullquote]

Wenn es darum geht, frühere Arbeiten zu speichern, reicht es nicht aus, eine Reihe zufällig benannter Ordner auf Ihrer Festplatte zu haben. Sie brauchen ein System. Zumindest könnten Sie damit beginnen, abgeschlossene Projekte von aktuellen Projekten zu trennen. Suchen Sie dann nach Möglichkeiten, Ihre Dateien zu sichern. Unabhängig davon, ob Sie ein lokales externes Laufwerk oder einen Drittanbieterdienst verwenden, bietet eine gute Backup-Lösung sowohl den Vorteil, Verluste zu verhindern als auch bei Bedarf Speicherplatz auf Ihren lokalen Laufwerken freizugeben. Dies ist besonders wichtig, da Clients ständig Dateien verlieren. Manchmal beauftragen sie jemand anderen, Dinge zu ändern, und vermasseln es. Manchmal gehen bei Serverabstürzen Daten verloren. Der Mann zu sein, der die Website Ihres Kunden im Notfall retten kann, ist eine gute Möglichkeit, gesunde Beziehungen zu diesem Kunden aufrechtzuerhalten.

5. Dokumentation

Jetzt kommen wir zu „Putting Your Stuff Away 102“. Sofern es sich bei Ihrem Projekt nicht um die einfachste HTML/CSS-Vorlage handelt, die der Mensch kennt, kann es hilfreich sein, einige Dinge aufzuschreiben wie:

  • Die ursprünglichen Ziele für das Projekt, wie vom Kunden definiert.
  • Die Gründe, warum Sie die von Ihnen getroffenen Designentscheidungen getroffen haben.
  • Welche CSS-Hacks Sie verwendet haben (falls vorhanden).
  • Welche Teile des Codes scheinen einfach so lange zu funktionieren, wie Sie Wage es nicht, sie jemals zu berühren.
  • Welche Bibliotheken und Frameworks Sie verwendet haben und deren Versionsnummern.
Lesen:  Wichtige Tipps zum Schutz Ihres Telefons vor Kratzern

Es ist auch eine gute Idee, alle Ressourcen einzubeziehen, die Ihnen Ihr Kunde zur Verfügung stellt, z. B. Styleguides, Moodboards und alle von ihm bereitgestellten Inhalte. Sie wissen nie, wann Sie noch einmal auf dieses Material zurückgreifen müssen, und wenn Sie alles an einem Ort haben, können Sie ein altes Projekt viel einfacher wieder aufnehmen. Hier ist eine Anleitung von Envato Design-Projektdokumentation um Ihnen den Einstieg zu erleichtern.

Zusammenfassung

Dies könnte beispielsweise für eine vierseitige Website, die Sie in relativ kurzer Zeit erstellt haben, wie eine Menge zusätzlicher Arbeit erscheinen. Aber tatsächlich erspart diese Art der Organisation auf lange Sicht viel Zeit und potenzielle Kopfschmerzen. Unterschätzen Sie niemals Ihre Fähigkeit zu vergessen, welche Datei das neueste Design enthält oder warum genau dieser CSS-Stil den anderen überschreibt. Sobald Sie mit dem nächsten Projekt beginnen, wird all diese mentale Organisation verschwinden. Eigentlich ist es eine einfache Frage: Würden Sie das alles lieber jetzt klären oder hektisch herumlaufen und nach allem suchen, was Sie brauchen, wenn ein früherer Kunde kommt und um eine „schnelle Änderung“ bittet, die „wenn möglich noch heute“ erfolgen muss?

Aktuelle Artikel:

Empfohlen