Sind Sie bereit, dieses Website-Projekt endlich in Angriff zu nehmen? Dies ist das Jahr, in dem diese Website entworfen und veröffentlicht wird! Egal, ob es sich um ein einfaches Blog oder etwas komplexeres handelt, Sie benötigen nur ein paar großartige Tools.
Hier haben wir eine Auswahl neuer, innovativer Ressourcen zusammengestellt, die Ihnen helfen, Inspiration, Design und Prototypen zu erhalten, sowie einige Elemente, die Ihnen helfen werden, in WordPress, der beliebtesten Veröffentlichungsplattform, besser zu arbeiten. Worauf wartest du? An diesem Tag beginnen Sie 2017 mit dem Aufbau einer Website!
Inspiration
Jede großartige Website beginnt mit einem guten Konzept? Wie soll dein Design aussehen? Es beginnt mit der Suche nach den richtigen Inspirationen, um den kreativen Prozess voranzubringen.
1. Muzli
Muzli ist ein selbst benannter Designer? für die tägliche Inspiration. Nun, da Sie das Geheimnis kennen, können Sie alle großartigen Websites in der Galerie durchsuchen.
Diese Ressource ist jedoch mehr als nur eine Website, auf der nach Ideen gesucht wird. Muzli ist eine Google Chrome-Browsererweiterung, die einen schnellen und einfachen Zugriff auf alles Neue, heiße oder einfach nur beeindruckende Design- und Webentwicklungssystem bietet. Die Tab-Erweiterung wird zu Ihrer Startseite, so dass Sie jedes Mal, wenn Sie einen Browser öffnen, mit Design-Inspiration begrüßt werden.
2. Typewolf
Typewolf ist die Anlaufstelle für alles, was in der Welt der Beschriftung neu, trendig und interessant ist. Das Format im Blog-Stil ermöglicht das einfache Lesen und zeigt einige der besten Beschriftungsbeispiele, die Sie finden.
Das Beste daran: In diesem Blog erfahren Sie immer, welche Schriftarten verwendet werden. Kombinieren Sie das mit den Empfehlungen und Listen für Schriftarten, und Sie können wirklich etwas für fast jedes Designprojekt finden. Wenn Sie sich mit der Typografie noch nicht auskennen, sollten Sie sich die Anleitungen und Ressourcen ansehen, um Werkzeuge zum Nachdenken über den Typ eines Profis zu finden.
Design und Prototyp
Sobald Sie eine Vorstellung davon haben, welchen Stil Sie bevorzugen und was Sie mit dem Design machen möchten, ist es an der Zeit, es zu skizzieren. Und es gibt viele großartige Tools, die Sie auch in diesem Prozess unterstützen.
3. Figma
Figma ist ein Interface-Design-Tool, mit dem Sie in Echtzeit mit anderen Mitarbeitern zusammenarbeiten können. Laden Sie das Design hoch, und Sie können beim Erstellen einer Website oder App auf einfache Weise synchronisieren, Versionen anzeigen und Assets verwalten.
Benutzer können gleichzeitig arbeiten - und Sie können sehen, was passiert und wer es tut. Außerdem enthält das Tool einen Präsentationsmodus, um dem Team oder den Kunden Ideen zu präsentieren und zu kommentieren. Obwohl Figma robust genug für fortgeschrittene Teams ist, ist es so einfach, dass auch Anfänger es problemlos nutzen können.
4. Unterformular
Unterformular ist die Antwort auf: Wie kann ich meine responsive Website wirklich geräteübergreifend arbeiten lassen? Das CAD-inspirierte Tool bietet Designern die Voraussetzungen, um konsistente Stile für unterschiedliche Gerätegrößen in einer Desktop-basierten Designumgebung zu erstellen.
Dieses Tool ist zwar für erfahrene Designer gedacht, kann aber auch für Anfänger praktisch sein. Es hilft Ihnen, verschiedene Umgebungen während der Arbeit zu simulieren. Auf diese Weise müssen Sie sich nicht vorstellen, wie eine Website auf einem Telefon aussehen wird. Sie können es auf dem Bildschirm sehen.
Das Subform-Paket ist ziemlich robust und lehrt Sie, intuitiver über das Erstellen eines responsiven Designs nachzudenken. Das Beste daran ist, dass die integrierte Design-Engine Layouts an neue Größen anpasst, so dass Sie keine Zeichenflächen duplizieren oder in jeder Umgebung neu gestalten müssen.
5. Staunen
Marvel ist eine kostenlose App für mobiles und Web-Prototyping. Sie können damit Bildschirm entwerfen und mit anderen zusammenarbeiten, um das Design zu verfeinern. Es ist ein guter Ausgangspunkt für kleine Apps und Websites ohne viele Seiten.
Dann können Sie mit der App das Design verknüpfen und Animationen und Gesten hinzufügen, sodass es wie erwartet funktioniert. Auf diese Weise sieht Ihr Prototyp wie eine echte App aus und funktioniert so, dass Sie einem Kunden ein Design auf verständliche Weise präsentieren können.
6. Lingo
Sobald Sie wissen, was Sie tun möchten, kann das Sammeln von Assets oder das Einhalten der Farbpaletten und Farbfelder ein Albtraum sein, insbesondere wenn mehrere Benutzer beteiligt sind. An dieser Stelle kommt Lingo ins Spiel. Die Mac-App ist eine Bibliothek für virtuelle Assets, in der Sie alles aufrechterhalten können, um ein Team auf Kurs zu halten.
Mit der App können Sie alle Ihre Assets an einem Ort aufbewahren - Bilddateien und Farbfelder. Anschließend können Sie sortieren und mit Tags versehen, um die Suche nach Elementen zu erleichtern und den Zugriff für Benutzer zum Anzeigen oder Bearbeiten der Assets zu erleichtern.
WordPress und Blogs
Wussten Sie, dass Unternehmen mit einem Blog ein um 126 Prozent höheres Lead-Wachstum erzielen als Unternehmen, die keine Blog-Inhalte erstellen? Unabhängig von der Art Ihrer Website ist das Erstellen eines Blogs ein wesentlicher Bestandteil Ihres Inhaltsplans. Für viele Websitebesitzer ist WordPress der Ausgangspunkt.
WordPress ist das weltweit bekannteste und meistgenutzte und es stehen zahlreiche Tools und Ressourcen zur Verfügung, mit denen Sie eine Website und ein Blog erstellen können, die genau das sind, was Sie brauchen. Schwitzen Sie Ihr WordPress-Hosting nicht. Mit so vielen konkurrenzfähigen Optionen ist es jetzt einfacher als je zuvor, die perfekte Passform zu finden.
7. Finde ein tolles Thema
Eine gute WordPress-Site beginnt mit einem großartigen Thema. Ein solides Thema bietet Ihnen alles, was Sie zum Starten benötigen, ohne von Grund auf neu programmieren zu müssen (ein großartiges Werkzeug für Anfänger).
Die Themen reichen von kostenlosen bis zu Premium-Optionen, die normalerweise unter 100 US-Dollar liegen. Die Theme Junkie-Galerie ist ein großartiger Ort, um mit der Themengruppe nach Websitetyp zu beginnen, damit Sie etwas finden können, das alle Optionen für das Design Ihrer Website bietet.
Anschließend können Sie Plugins hinzufügen, um die benutzerdefinierten Anforderungen Ihrer Website zu unterstützen, z. B. Tools zum Teilen von sozialen Medien, Snippets oder Dashboard-Verwaltung.
8. Passen Sie Ihr Thema an
Das Hinzufügen eines Designs zu einer WordPress-Site reicht nicht aus, um Sie zu starten. Ohne Anpassungen fällt Ihre Website nicht auf oder sieht besonders aus. Das kann aber auch einschüchternd sein.
Hier kommt so etwas wie WPKraken ins Spiel. Dieses Expertenteam wird ein Design für Sie installieren und anpassen. Außerdem können sie alle kleinen Probleme lösen, die auf dem Weg auftauchen.
9. Verbessern Sie die Blog-Typografie
Nachdem Sie alle großartigen Schriften von Typewolf durchsucht haben, haben Sie wahrscheinlich eine Vorstellung davon, was Sie tun und was nicht. Easy Google Fonts ist das WordPress-Plugin, das Sie benötigen, um diese Schriftarten problemlos in Ihr Design zu integrieren.
Mit dem Tool können Sie eine Vorschau der Schriftarten in Echtzeit anzeigen und benutzerdefinierte Steuerelemente zum Verwalten von Schriftarten erstellen. Und Sie können das alles auch ohne Codierung tun.
10. Verbessern Sie die Zwischenspeicherung von Blogs
Blog-Caching unterstützt das schnelle Laden Ihrer Website für Benutzer. WP Super Cache ist schnell und erzeugt statische HTML-Dateien für Benutzer, um eine nahtlose Websiteerfahrung zu gewährleisten.
Keine Angst vor diesem Konzept. Selbst Designer, die mit dem Zwischenspeichern von Websites noch nicht vertraut sind, können dieses Tool verwenden. Sie erhalten eine umfangreiche Dokumentation, die Sie Schritt für Schritt durch den Installationsprozess führt. (Es ist schwieriger in Ihrer Vorstellung, als es tatsächlich ist.)
11. Erhöhen Sie die Sicherheit
Der letzte Schritt, um sicherzustellen, dass Ihre Website betriebsbereit ist, ist die Sicherheit. Sie benötigen ein Tool, das als Firewall dient und Malware blockiert und Optionen für sichere Anmeldungen und mehr bietet. Wordfence ist das am häufigsten heruntergeladene WordPress-Sicherheits-Plugin. Und aus gutem Grund; Es ist einfach zu bedienen und funktioniert.
Die kostenlose Open-Source-Ressource liefert Echtzeitergebnisse und zeigt, ob jemand versucht, Ihre Website zu hacken. Es gibt auch Warnmeldungen für Benutzer, die nicht rund um die Uhr die Website-Statistiken anzeigen.
Fazit
Es ist an der Zeit, 2017 den Sprung zu wagen und eine Website zu erstellen. Verwenden Sie dieses Handbuch, um zu beginnen. Gehen Sie die Tools durch und finden Sie diejenigen, die für Sie arbeiten.
Haben Sie keine Angst, wenn Sie noch keine Website erstellt haben. Es ist einfacher als Sie vielleicht denken.