Website-Template-Designs sind bei modernen Web-Entwicklern sehr beliebt. Das Arbeiten innerhalb eines Schablonendesigns kann Bootloads Zeit sparen, wenn die Fristen unter der Frist liegen. Nicht nur dieser, sondern der größte Quellcode wird innerhalb von HTML5 / CSS-Standards erstellt und ermöglicht einfache Anpassungen.
Es gibt einige Techniken, mit denen die besten Vorlagen entwickelt werden können. Designer und Entwickler erstellen häufig Vorlagen und bieten sie der Community zum kostenlosen Download an. Farbtheorie, Rasterdesign, Layoutstruktur und Inhaltsentwicklung spielen eine Schlüsselrolle im Erstellungsprozess. Lesen Sie einige der folgenden Tipps und erfahren Sie, wie Sie diese Ideen in Ihre Arbeit integrieren können.
Der Web Template Markt
Die Nachfrage nach Websites ist in den letzten 5 Jahren exponentiell gestiegen. Unternehmen benötigen eine Webpräsenz, und viele sind sogar präsent Kunden verlieren aus einem Mangel an digitaler Verbindung. Das macht Websitevorlagen so attraktiv.
Schablonendesigns sind nicht nur kostengünstiger und einfacher zu verwalten, sie erfordern auch weniger Wartung und bieten lukrative Daten. Die Gemeinschaft der freiberuflichen Webdesigner ist gewachsen und die Menge an Talenten, die heute zur Verfügung stehen, ist phänomenal. Viele dieser Designer sind in der Lage, ihren Lebensunterhalt mit dem Verkauf von Geschäftsvorlagen, WordPress-Vorlagen und vielen anderen vorgefertigten Themen zu verdienen.
Im weiteren Verlauf kann ich mir nur vorstellen, dass dieser Markt expandieren wird. Die Nachfrage nach erschwinglichen Website-Designs wird sprunghaft steigen und viele Kunden sind mit einer nicht eindeutigen Vorlage zufrieden. Wichtig sind Zugänglichkeit, klarer Quellcode und hilfreiche Dokumentation.
Layoutbereiche definieren
In Übereinstimmung mit vielen Website-Templates ist es üblich, zuvor ein kleines Drahtmodell oder ein Modell zu erstellen. Auf diese Weise können Sie die Aspekte der Vorlage, die Sie hervorheben möchten, eindeutig kennzeichnen (z. B. Fußzeile, rechte Seitenleiste, Überschriftennavigation).
Bei diesem Schritt kann das Rasterdesign helfen. Die Anwendung eines darüberliegenden Gitters wird die Inhaltsanteile gleichmäßig aussortieren. Mithilfe von Rastern können Sie ermitteln, wie breit Ihr Primärcontainer sein soll, wie viele Spalten ausgeführt werden sollen, zusammen mit anderen Eigenschaften für den intelligenten Zustand. Schauen Sie sich die Ideen hinter Golden Ratio im Webdesign an und es sollte einfach sein, ein genaues Vorlagenlayout einzurichten.
Es kann hilfreich sein, wenn Sie das Layout codieren, um Kommentare in Ihren HTML-Code einzufügen. Diese können auf systematische Weise durchgeführt werden, so dass das Durchsuchen von Abteilungen viel weniger lästig wird. Als Beispiel habe ich unten einen Demo-Code eingefügt, um primären Inhalt vom Fußzeileninhalt zu trennen.
Grafiken und Farben
Die Erstellung ist ein mehrstufiger Prozess für das Web. Die digitale Grafik hat sich weiterentwickelt und viele neue Trends sind Ende 2010 in Kraft. Versuchen Sie, etwas über das Ikonendesign und die digitale Farbtheorie zu lesen. Die Anwendung dieser Fähigkeiten in Website-Vorlagen wird einzigartige Ideen und kraftvolle Trends generieren.
Stellen Sie sich eine grundlegende Geschäftsvorlage mit einem Logo, Stock-Fotos und einigen Inhalten der Startseite vor. Wenn Sie eine Website-Vorlage erstellen, die Sie nicht für einen einzelnen Kunden oder ein einzelnes Projekt entwerfen, wird die Notwendigkeit der Verallgemeinerung verstärkt. Im Allgemeinen funktionieren Blues, Graustufen, dunkles Braun und sogar entfernte Farben wie Lila und Grün. Unternehmen suchen nach einem überzeugenden Farbschema, um ihre Produkte zu unterstützen.
Ein Schulblog dagegen kann eine völlig andere Richtung haben. Vielleicht sind helle Farben wie Gelb und Orange stärker verbreitet. Aus diesem Grund sind die Planungsphasen für die Gestaltung von Vorlagen so wichtig. Versuchen Sie, einige gängige Attribute und Zahlen aufzulisten, die Ihre Idee unterstützen. Vorlagen werden für eine Vielzahl von Szenarien erstellt. Sie müssen flexibel sein und dennoch Kreativität bieten.
Schriftliche Kopiervorlage
Alle Websites enthalten sogar eine kleine Menge Text. Das Internet wird hauptsächlich für die digitale Übertragung von Informationen verwendet. Wenn Sie also kein Foto-Portfolio oder Video-Blog entwickeln, wird der Inhalt Ihrer Seite hauptsächlich aus Text bestehen. Dies ist ein weiterer wichtiger Aspekt, der bei der Entwicklung von Stilen zu berücksichtigen ist. Welche Art von Design erstellen Sie und wie sollte sich die Typografie auf das Seitenlayout auswirken?
Ein guter Einstieg ist die Kodierung der wichtigsten typografischen Elemente in den Vorlagenentwurf. Dies können alle Kopfzeilen, Absätze, Hyperlinks, formatierte Codeblöcke und wirklich alles sein, was Sie benötigen. Von hier aus ist es viel einfacher, CSS-Eigenschaften an Designstile anzupassen.
Auffälliger Text kann jedes gute Schablonendesign herstellen oder zerstören. Stellen Sie sicher, dass Ihre Überschriften wirklich hervorstechen. Eine fette, große Schrift mit einer Komplementärfarbe und möglicherweise anderen Rüschen ist unerlässlich h1 und h2 Stichworte. Berücksichtigen Sie mögliche Unterstreichungen, untere Ränder, Schriftartstapel und die vielen Möglichkeiten mit Hintergrundbildern.
Der Absatztext sollte ebenfalls groß sein und gerade genug Platz bieten, um bemerkt zu werden. Viele Besucher werden nicht jeden Absatz genau lesen, aber es ist wichtig, dass diese Blöcke hervorstechen. Berechnen Sie die richtigen Argumente für die Zeilenhöhe, sodass zwischen den Zeilen des Textes genügend Abstand zum Atmen vorhanden ist. Die unteren Ränder helfen außerdem, Unordnung zu vermeiden und der Seite vertikalen Abstand hinzuzufügen.
Digitale Extravaganz
Um ein Vorlagendesign wirklich zu verkaufen, können Sie in Betracht ziehen, Funktionen hinzuzufügen, die auf den meisten Websites nicht Standard sind. jQuery ist eine leistungsstarke Bibliothek, mit der dynamische Anwendungen dynamisch auf einer Seite implementiert werden können. Dies können Dropdown-Menüs, Foto-Diashows und von Ajax aktualisierte Newsfeeds sein.
Werfen Sie einen Blick auf ein paar beliebte jQuery-Tricks, da sich einige lohnenswerte Installationsmöglichkeiten ergeben. Ein Design kann hübsch aussehen, aber ohne Funktionalität würde kein Webdesigner den Verstand stören. Unternehmen und Kunden erwarten ebenso viel Aufwand, um in die Benutzererfahrung.
Flash ist eine weitere Alternative, wenn es um Seiten-Widgets geht. Ein automatisch aktualisierender Twitter-Feed würde durch die API von Ajax und Twitter gut gehandhabt.Bei einer Foto-Diashow oder einer Portfolio-Anzeige kann es jedoch einfacher sein, ein Flash-basiertes Skript zu entwerfen. Das einzige Problem hier ist das Fehlen von mobilen Flash-Sammlern, die letztendlich keinen großen Deal darstellen. Durch das Hinzufügen von Flash-basierten Elementen wird die Glaubwürdigkeit einer Website-Vorlage erheblich verbessert.
Gezielte Vertriebskanäle
Nachdem Sie eine Vorlage erfolgreich entwickelt haben, haben Sie die Wahl, was Sie damit tun möchten. Viele Entwickler werden den Quellcode unter Creative Commons anbieten und jedem erlauben, Projektdateien frei herunterzuladen. Dies ist eine großartige Option, da Sie möglicherweise Ihren Namen herausbringen und gleichzeitig die Art der Arbeit zeigen, zu der Sie fähig sind.
Viele Designer werden ihren eigenen Template-Shop gründen oder an andere verkaufen. Template Monster ist der derzeitige Titan der Branche und bietet weit über 25.000 einzigartige Vorlagenstile aus über 6 Jahren Online. Nicht jeder kann an seinem Programm für den Verkauf von Vorlagen teilnehmen, obwohl Designer, die schon eine Weile im Dienstplan stehen, ein sehr anständiges Einkommen haben.
Brightegg ist ein weiterer Marktplatz, auf dem Vorlagenentwerfer belohnt werden. Obwohl nicht so beliebt wie die gängigen Marken, können Sie ein Konto kostenlos registrieren und Vorlagenentwürfe zur Überprüfung einreichen. Nach Ihrer Annahme wird Ihre Grafik in einer Vorlagenbibliothek aufgelistet, die nach Tags und Benutzerbewertungen organisiert ist. Der Umsatz von Vorlagen kann bei Einzelkäufen bis zu $ 500 liegen. Daher ist die Möglichkeit, ein paar Dollar zu verdienen, viel höher.
Die Alternative ist, eine Art digitaler Einkaufswagen oder Online-Blog zu starten. Von dort sollten Sie in der Lage sein, das Design und die Funktionen Ihrer Vorlage aufzulisten und Screenshots mit Download-Links anzubieten. Diese Option ist bei weitem schneller als der Versuch, Vorlagen anderswo zu verkaufen, obwohl ein wenig Marketing erforderlich ist, um jedes Publikum zu erreichen.
Fazit
Website-Templates haben in den letzten Jahren einen großen Aufschwung gezeigt. Große Vorlagen-Wiederverkäufer haben mit einfachen Entwürfen Gewinne erwirtschaftet, und jetzt ist die Zeit des Verkaufs am günstigsten. Unternehmen auf der ganzen Welt suchen nach einer stärkeren Webpräsenz zu günstigeren Kosten.
Diese Tipps enthalten nur einige der Trends, die dem Markt folgen. Sehen Sie sich andere Design-Netzwerke an, um zu sehen, was Webdesigner in Bezug auf aktuelle Designs getan haben. Vorlagen finden Sie in den zahlreichen Online-Webdesign-Blogs sowie in Gegenkultur-Communities wie Designmoo.
Treten Sie in die Fußstapfen eines Profis und versuchen Sie zu verstehen, wonach sie suchen. Design mit Blick auf den Verbraucher und die Erstellung von Vorlagen wird zu einer viel ansprechenderen Aktivität. Um Zeit zu sparen, sollten Sie mit CSS- und JavaScript-Bibliotheken arbeiten, die für die Konfiguration von Standardwebseiten wie reset.css, fonts.css und grids.css vorkonfiguriert sind. Sie befinden sich alle in der YUI2-Bibliothek.