Wie gestaltet man eine website?

Distungieren Sie, wie Sie eine Website entwerfen sollen, die professionell erscheint und gut funktioniert. Während der Großteil Ihres Website-Designs letztendlich bis zu Ihnen ist, gibt es einige wichtige Dinge zu tun - und vermeiden Sie - beim Erstellen einer Website.

Schritte

Teil 1 von 2:
So gestalten Sie Ihre Website
  1. Bildtitel Entwurf einer Website Schritt 1
1. Bestimmen Sie, ob Sie einen Website-Ersteller verwenden möchten. Von Grund auf Websites erfordern ein ziemlich detailliertes Verständnis der HTML-Codierung. Sie können jedoch einfach eine Website erstellen, indem Sie einen kostenlosen Hosting-Service wie Weebly, Wix, WordPress oder Google-Sites verwenden. Website-Ersteller neigen dazu, für erstmalige Designer als HTML viel einfacher zu sein als HTML.
  • Wenn Sie sich entscheiden, Ihre eigene Website zu codieren, müssen Sie beide lernen Html und CSS Kodierung.
  • Wenn Sie die Zeit und Energie, um Ihre Website zu erstellen, nicht ansprechend ist, können Sie auch einen Website-Designer einstellen, um Ihre Site für Sie zu erstellen. Freiberufliche Designer können zwischen 30 US-Dollar pro Stunde und weit über 100 US-Dollar pro Stunde kosten.
  • Bildtitel Entwurf einer Website Schritt 2
    2. Karten Sie Ihre Website aus. Bevor Sie überhaupt einen Website-Ersteller eröffnen, sollten Sie wissen, wie viele Seiten Sie möchten, wie viele Seiten Ihre Website haben, was der Inhalt auf jeder dieser Seiten sein sollte, und das allgemeine Anordnung wichtiger Seiten wie die Startseite und das "Über" Seite.
  • Die Seiten Ihrer Website können einfacher sein, wenn Sie raue Bilder von jedem von ihnen ziehen, anstatt nur zu bestimmen, was der Inhalt erscheinen sollte.
  • Bildtitel Entwurf einer Website Schritt 3
    3. Verwenden Sie intuitives Design. Während es für frische Ideen etwas gesagt wird, sollte das grundlegende Design Ihrer Website etablierte Richtlinien wie folgende Folgendes folgen:
  • Navigationsoptionen (e.G., Tabs für verschiedene Seiten) sollten oben auf der Seite gehen.
  • Wenn Sie ein Menüsymbol (☰) verwenden, sollte es in der oberen linken Ecke der Seite sein.
  • Wenn Sie eine Suchleiste verwenden, sollte es sich in der Nähe der oberen rechten Seite der Seite befinden.
  • Hilfreiche Links (e.G., Links zu The "Über" Seite oder The "Kontaktiere uns" Seite) sollte ganz oben auf jeder Seite gehen.
  • Bildtitel Entwurf einer Website Schritt 4
    4. Konsistent sein. Was auch immer Text-Schriftart, Farbpalette, Bildthema und Design-Optionen, die Sie wählen, sicherstellen, dass Sie dieselbe Entscheidung auf Ihrer Website verwenden. Es kann unglaublich glänzend sein, um ein Schriftart oder ein Farbschema zu sehen, das für das verwendet wird "Über" Seite, wenn ein völlig anderes für die Startseite verwendet wurde.
  • Wenn Sie beispielsweise ausschließlich Cooltonfarben für die Homepage Ihrer Website verwenden, implementieren Sie nicht helle, laute Farben auf der nächsten Seite.
  • Beachten Sie, dass mit lauten oder zusammengerollten Farben, insbesondere wenn die Farben in einer dynamischen Anzeige angezeigt werden (e.G., Umzug) Mode, kann Epilepsie in einer kleinen Anzahl von Webbenutzern hervorrufen. Wenn Sie sich entscheiden, solche Farben auf Ihrer Website zu verwenden, stellen Sie sicher, dass Sie eine Epilepsie-Warnung vor allen relevanten Seiten hinzufügen.
  • Bildtitel Entwurf einer Website Schritt 5
    5. Navigationsoptionen hinzufügen. Wenn Sie direkte Links auf wichtige Seiten auf Ihrer Website oben auf der Startseite auf der Startseite setzen, werden erster Erstbesucher an den Inhalt der Angelegenheiten dabei helfen. Die meisten Site-Creators fügen diese Links standardmäßig hinzu.
  • Es ist wichtig, sicherzustellen, dass jede Seite auf Ihrer Website zugänglich ist, indem Sie auf Ihrer Website über Optionen klicken, anstatt nur über die Adresse der Seite erreichbar zu sein.
  • Bildtitel Entwurf einer Website Schritt 6
    6. Verwenden Sie Farben, die sich ergänzen. Wie jede andere Art von Design setzt Website-Design auf visuell ansprechende Farbkombinationen an, woraufhin die Kommissionierung von Themenfarben, die zusammen gehen, entscheidend ist.
  • Schwarz, Weiß und Grau ist eine gute Kombination, wenn Sie nicht wissen, wo Sie anfangen sollen.
  • Bildtitel Entwurf einer Website Schritt 7
    7. Überlegen Sie mit einem minimalistischen Design. Der Minimalismus fördert kühlfarbene Farben, einfache Grafiken, schwarz-auf-weiße Textseiten und so wenig Verzierungen wie möglich. Da der Minimalismus wenig lustvolle Elemente erfordert, ist es eine einfache Möglichkeit, Ihre Website professionell und attraktiv aussehen zu lassen, ohne dass viel Arbeit erforderlich ist.
  • Viele Website-Ersteller haben eine "minimalistisch" Thema Sie können beim Einrichten Ihrer Website auswählen.
  • Eine Alternative zum Minimalismus ist "Brutalismus", das verwendet härtere Linien, helle Farben, fetter Text und minimales Bildern. Der Brutalismus hat weniger ein Folgendes als Minimalismus, aber je nach Inhalt Ihrer Website kann er besser an Ihren Designanforderungen entsprechen.
  • Bildtitel Entwurf einer Website Schritt 8
    8. Einzigartige Entscheidungen treffen. Gerade Linien und gittergesperrte Web-Elemente sind auf sichere Wetten, aber ein paar einzigartige stilistische Entscheidungen leisten Persönlichkeit Ihrer Website und helfen Ihrer Website.
  • Haben Sie keine Angst, Trends zu backen, indem Sie die Website-Elemente asymmetrisch platzieren oder überlappende Elemente verwenden, um ein geschichtliches Erscheinungsbild zu erzeugen.
  • Während elegante, scharfe Ecken und quadratische Elemente (auch als bekannt "kartenbasiert" Präsentation) sind weniger günstig als abgerundete, weiche Elemente.
    • Teil 2 von 2:
    Wie maximiert man die Website-Leistung?
    1. Bildtitel Entwurf einer Website Schritt 9
    1. Nutzen Sie die Optionen für mobile Optimierung. Mobile Browser-Konto für mehr Web-Traffic als Desktop-Browsern, dh der Betrachtung der Aufmerksamkeit, die Sie auf die mobile Version Ihrer Website zahlen, sollten mindestens die Entwicklung Ihrer Desktop-Website entsprechen. Die meisten Website-Erstellungsdienste erstellen automatisch eine mobile Version Ihrer Website, Sie möchten jedoch die folgenden Informationen für Ihre mobile Site halten:
    • Stellen Sie sicher, dass Schaltflächen (e.G., Site-Links) sind groß und leicht zu tippen.
    • Vermeiden Sie die Implementierung von Funktionen, die nicht auf Mobiltelefon angezeigt werden können (E.G., Flash, Java usw.).
    • Erwägen Sie, eine mobile App für Ihre Website zu haben.
  • Bildtitel Entwurf einer Website Schritt 10
    2. Vermeiden Sie, zu viele Fotos pro Seite zu verwenden. Beide Desktop- als auch mobilen Browsern können sich bemühen, Seiten zu laden, die eine große Anzahl von Fotos oder Videos anzeigen. Während Bilder in der Webdesign wichtig sind, kann die Verwendung von mehr als wenigen pro Seite unnötig langen Lastzeiten verursachen, wodurch die Personen daran hindert werden, die betreffenden Seite (en) zu besuchen.
  • Im Allgemeinen möchten Sie, dass die Seiten Ihrer Website unter vier Sekunden laden.
  • Bildtitel Entwurf einer Website Schritt 11
    3. Füge hinzu ein "Kontakt" Seite. Sie werden feststellen, dass praktisch alle etablierten Websites eine "Kontaktiere uns" Seite, die Kontaktinformationen hat (e.G., Eine Telefonnummer und eine E-Mail-Adresse) - Einige Websites haben auf dieser Seite sogar ein integriertes Fragen. A "Kontakt `Seite zeigt Website-Zuschauer eine direkte Kommunikationslinie an Sie und fügt somit eine Lösung für potenzielle Frustrationen hinzu.
  • Bildtitel Entwurf einer Website Schritt 12
    4. Erstellen Sie eine benutzerdefinierte 404-Seite. Wenn jemand eine bestimmte Seite auf Ihrer Website besucht, die entweder nicht eingerichtet wurde oder nicht existiert, a "404 Fehler" Webseite wird angezeigt. Die meisten Browser verfügen über eine Standard-404-Seite, Sie können jedoch möglicherweise von den Einstellungen Ihres Website-Creators anpassen, wenn dies der Fall ist, um sicherzustellen, dass Sie die folgenden Angaben aufnehmen:
  • Eine leichtherzige Fehlermeldung (e.G., "Glückwunsch - Sie haben unsere Fehlerseite gefunden!")
  • Ein Link Zurück zur Startseite der Site
  • Eine Liste der allgemein angesehenen Links
  • Ein Bild oder Logo für Ihre Website
  • Bildtitel Entwurf einer Website Schritt 13
    5. Verwenden Sie nach Möglichkeit eine Suchleiste. Wenn Ihre Website-Erstellungsmethode das Hinzufügen einer Suchleiste auf Ihrer Website unterstützt, empfiehlt es sich dringend, dass Sie dies tun. Dadurch wird sichergestellt, dass Benutzer schnell zu einer bestimmten Seite oder einem bestimmten Punkt navigieren können, ohne dass Sie durch Ihre Navigationsoptionen klicken müssen.
  • Suchleisten sind auch nützlich, wenn Ihr Publikum nach einem allgemeinen Begriff suchen möchte, ohne den Test- und Fehler zu verwenden.
  • Bildtitel Entwurf einer Website Schritt 14
    6. Investieren Sie die meiste Zeit in Ihrer Homepage. Wenn jemand auf der Homepage Ihrer Website ankommt, sollten sie den GIST des Themas Ihrer Website sofort erhalten - Darüber hinaus sollten alle Elemente der Startseite schnell laden, einschließlich Navigationsoptionen und Bildern. Ihre Startseite sollte folgende Aspekte haben:
  • Ein Anruf zur Aktion (e.G., eine Taste, um zu klicken oder ein Formular zum Ausfüllen)
  • Eine Navigationssymbolleiste oder -menü
  • Eine einladende Grafik (e.G., ein festes Foto, ein Video oder eine kleine Gruppe von Fotos mit Begleittext)
  • Schlüsselwörter In Bezug auf den Service, des Themas Ihrer Website, des Themas oder des Fokus
  • Bildtitel Entwurf einer Website Schritt 15
    7. Testen Sie Ihre Website in mehreren Browsern auf mehreren Plattformen. Dies ist unglaublich wichtig, da verschiedene Browser Aspekte Ihrer Website unterschiedlich behandeln können. Bevor Sie mit der Förderung Ihrer Website beginnen, besuchen Sie Ihre Website in den folgenden Browsern auf Windows-, Mac-, iPhone- und Android-Plattformen:
  • Google Chrome
  • Feuerfuchs
  • Safari (iPhone und Mac nur)
  • Microsoft Edge und Internet Explorer (nur Windows)
  • Der eingebaute Browser auf mehreren verschiedenen Android-Telefonen (e.G., Samsung Galaxy, Google Nexus usw.)
  • Bildtitel Entwurf einer Website Schritt 16
    8. Aktualisieren Sie Ihre Website weiter, da es älter ist. Design Trends, Links, Fotos, Konzepte, und Schlüsselwörter, die alle Änderungen ändern, dabei müssen Sie weiterhin Änderungen an Ihrer Website vornehmen, um auf dem neuesten Stand zu bleiben. Dadurch müssen Sie die Leistung Ihrer Website neben anderen ähnlichen Websites mindestens alle drei Monate (vorzugsweise öfter) überprüfen.

    • Grundlegende HTML-Hilfe

    Beispiel Webseite mit HTML

    Unterstützen Sie WikiHow und Entsperren Sie alle Proben.

    HTML-Cheatsblatt

    Unterstützen Sie WikiHow und Entsperren Sie alle Proben.

    Beispiele einfache Webseite

    Unterstützen Sie WikiHow und Entsperren Sie alle Proben.

    Tipps

    Website-Erreichbarkeit ist ein weiterer wichtiger Aspekt der Websiteentwicklung. Dies beinhaltet Dinge wie Bordnien für hörgeschädigte Publikum, Audiobeschreibungen für blinde Besucher und Photosensitivitätswarnungen, wenn Ihre Website möglicherweise potenziell anfallend-induzierende Effekte verwendet.
  • Die meisten Website-Ersteller haben eine Reihe von Vorlagen, mit denen Sie das Layout und das Design Ihres Standorts verwenden können, bevor Sie Ihre bevorzugten Elemente hinzufügen.

    • Warnungen

    Die meisten Site-Ersteller sind jedoch kostenlos, wenn Sie Ihre eigene Domäne verwenden möchten (e.G., "dein Name.Kommen" Anstatt von "dein Name.Wordpress.Kommen") Sie müssen eine monatliche oder jährliche Gebühr zahlen.
  • Vermeiden Sie Plagiat und beobachten Sie alle Urheberrechtsgesetze: Fügen Sie nicht zufällige Bilder aus dem Web oder sogar strukturellen Elementen hinzu, ohne die Erlaubnis.
    • In Verbindung stehende Artikel