Web Design: Farbe, Typ und Grafikelemente

Um eine effektive Website zu erstellen, müssen Sie für die Mischung Farbe, Typ und Grafiken grundlegenden Design-Prinzipien zu folgen. Sie müssen auch Ihre Webseite Raum effizient nutzen ein Layout zu erreichen, die nicht zu voll ist, ist machbar und praktisch aus einem technischen Standpunkt aus, ist flexibel genug, um eine Vielzahl von Medien angezeigt werden, und hält alle wichtigen Elemente # 147-fach über dem # 148- - innerhalb der ersten sichtbaren Raums. Puh! Das ist eine Menge.

Hier sind einige Richtlinien für Farbe, Typ und Grafiken zu prüfen, für im Zusammenhang mit der Gestaltung von digitalen Standorten bewährten Gestaltungsprinzipien anzuwenden.

Wählen Sie eine Marke gerechte Farbpalette für Ihre Website

Die meisten Unternehmen Standorte bereits eine etablierte Marke Farbpalette und Richtlinien erstellen, die Sie für diese Art von Projekten einen Vorsprung geben. Für neue Produkte oder Initiativen, Veranstaltungen und so weiter, kann es jedoch nicht ein etabliertes Look sein. In diesen Szenarien ist es hilfreich, Ihre Client für eine Liste von Adjektiven zu stellen, die die Stimmung der Website beschreiben, die sie suchen. Oder fragen Sie sie, ob sie eine Palette Vorliebe oder Abneigung haben. Von dort können Sie eine Farbpalette und eine Reihe von Arten schaffen, die für die gesamte Site zu arbeiten. Hier sind einige Gedanken:

• Licht und Schatten. Ihre Website muss immer eine Reihe von Farbwerten, um Kontrast zu schaffen. Durch die Schaffung von einer Standard-Farbpalette zu zeichnen, können Sie helfen, eine einheitliche und harmonische Gefühl auf der Website zu gewährleisten.

• Hintergrundfarbe. Es gibt wirklich nur zwei Möglichkeiten für den Hintergrund, die hinter geht Inhalt: Eine Leuchte oder einen dunklen Hintergrund. Eine Farbe Hintergrund Mid-Range nicht bieten genügend Kontrast von Text und anderen Inhalt lesbar zu machen. Für informationsreiche und nützliche Websites, dann ist es am besten, einen hellen Hintergrund, für Inhalte zu wählen, es sei denn, die Marke nichts anderes ergibt. Viele hellen Text auf dunklem Hintergrund ist einfach schwer zu lesen. Dies bedeutet nicht, dass Ihre Web-Seite müssen alle dunkel oder alles Licht sein.

• Textfarbe. Die Farbauswahl der Website-Körper zu kopieren und Schlagzeilen sagen eine Menge von der Professionalität der Website. unter Verwendung von reinem Schwarz oder reines Weiß für Körper Kopie oder Farben, wenn die Konstruktion sonst es erfordert, zu vermeiden, dass zu viel Sättigung haben. Diese Farben sind sehr stark und können # 147-Summen # 148- auf der Seite, während der Benutzer versucht, einen Absatz von Text zu lesen. Verwenden Sie stattdessen ein tiefes Grau, vielleicht zu einem wärmer oder kühler Ton angedeutet. Ansonsten verwenden Sie ein ähnlich off-white angedeutet. Diese Strategie ermöglicht es Ihnen, stärker oder hellere Farben für Schlagzeilen, Kugeln und Subheads zu wählen.

  
  Eine Beispielpalette: Gedämpfte hellen und dunklen Farben sind auf der oberen Reihe. Markenfarben sind in der mittleren Reihe. Akzentfarben sind in der unteren Reihe.
  
  Diese sauber gestaltete Seite nutzt eine schöne Mischung aus Darks und Lichter Inhalt zu präsentieren.

Verwenden Sie Schriftarten, die Stimmung Ihrer Website eingestellt

Sie müssen vorsichtig sein, mit Schriften, weil sie viel Persönlichkeit projizieren können. Je nach Schriftart, die Sie wählen, können Sie Ihre Website zum Ausdruck bringen edginess, Professionalität und alles dazwischen. So wie Sie eine entsprechende Farbschema wählen, müssen Sie auch entsprechende Schriftarten für Ihre Website wählen.

Allgemein, Serife Fonts (Schriftarten, die kleine Leisten an den Spitzen der einzelnen Buchstaben haben) vermitteln Gefühle von Stabilität, Professionalität und Klasse. Serifenlos Fonts (keine Leisten an den Spitzen) vermitteln Gefühle der Moderne und Sauberkeit. Auf dem Netz serifenlose Schriften sind oft für die Blöcke von Textkörper und Subheads verwendet werden, wie sie auf dem Bildschirm besser zu lesen neigen. Serifen-Schriften, auf der anderen Seite, werden oft für kurze Phrasen und Schlagzeilen verwendet, da sie in der Regel in größeren Schriftgrößen dargestellt sind, und sind so gut lesbar auf dem Bildschirm. (Natürlich ist dies nur eine Basislinie. Viele Websites verwenden Serifen und serifenlose Schriften in die entgegengesetzte Richtung.)

Verwenden Sie grafische Elemente effizient in Web-Design

In Print-Design, können Sie grafische Elemente verwenden eher frei, aber in Web-Design, große Fotos oder komplexe Grafiken, die die ganze Seite einnehmen kann wie lumbering Elefanten sein. Große Fotos bedeuten große Dateigrößen, die langsam herunterladen. Wenn Web-Seiten entwerfen, verwenden große Grafiken sparsam und versuchen, grafische Elemente (wie zB Knopfarten und Hintergrund Fliesen), wo immer möglich wieder zu verwenden. Auf diese Weise können Sie einen Standardsatz von Grafikstile definieren, die die Entwickler in CSS-Stile drehen können, die in der gesamten Website angewendet werden kann. Darüber hinaus können Sie einfach CSS-Code verwenden, um Farbe zuzuweisen und zu HTML-Elementen zu gestalten, wodurch die Notwendigkeit Grafiken überhaupt zu benutzen, und es, ein einfaches Verfahren machen eine ganze Website zu aktualisieren indem Sie einfach ein paar Zeilen Code zu ändern. Eine solche kombinierte Verwendung von CSS-Stile und Bilder können eine visuell ansprechende Website zu erstellen, die effizient aufzubauen und zu pflegen, und dass Lasten schnell.