Share
Bei gutem Design geht es nicht nur um gutes Aussehen, und nirgendwo ist dies wahrer als im Webdesign. In der Tat ist es sinnvoll, das Webdesign als drei nichttechnische Hauptkomponenten zu betrachten: ästhetisches Design, Informationsdesign und Interfacedesign. Wenn Sie ein großartiger Webdesigner sein möchten, müssen Sie alle drei genau beherrschen.
Dieser Beitrag ist Tag 2 unserer Webdesign-Sitzung. Creative Sessions "Session Day 1Session Day 3"Ästhetisches Design bedeutet, den richtigen Look zu erhalten. Wenn Sie das können, können Sie Websites erstellen, die nicht nur gut aussehen, sondern auch gut aussehen passend entworfen. Unterschiedliche Designs vermitteln unterschiedliche Nachrichten an einen Endbenutzer. Daher ist es wichtig, dass ein Design mit der Nachricht der Site übereinstimmt.
Neulich ging ich durch einen Supermarkt und sah eine Saftmarke, die das visuelle Design eines Waschmittels hatte. Es gab nur etwas an der Art und Weise, wie die Kiste hergestellt wurde, und ich fragte mich, warum sich im Fruchtsaftgang Spülmittel befand. Auf dieselbe Weise, einer Website ein unangemessenes Paket für Inhalt und Botschaft zu geben - selbst wenn es sich um ein wirklich gut aussehendes Paket handelt, ist dies ein schlechtes Endergebnis. Aus diesem Grund ist es als Webdesigner sehr wichtig, dass Sie Moden und Trends nicht blind folgen. Sie müssen nicht nur darüber nachdenken, wie ein Site-Design gut aussehen kann, sondern auch angemessen.
Von den drei Komponenten des Webdesigns ist das ästhetische Design sicherlich diejenige, die die Menschen am häufigsten identifizieren Sein Design. Was mich an ästhetischem Design interessiert, ist, dass es täuschend schwierig ist. Ich erinnere mich, dass ich einmal ein Poster entworfen und es einem Freund gezeigt habe, der es kommentierte "Oh, es sind nur ein paar Zeilen und Text, Sie müssen dies in ungefähr zehn Minuten erledigt haben." - ah die Freuden, Designer zu sein!
Beim Informationsdesign geht es darum, die Informationen auf einer Website bestmöglich aufzubereiten, damit Benutzer Informationen effizient und effektiv finden und verdauen können. In größeren Sites wird das einfache Auffinden von Informationen zu einer Herausforderung. In großen und kleinen Sites ist die Verarbeitung jedoch immer ein Entwurfsproblem.
Ein schnelles Beispiel für das Design von Informationen ist das Organisieren und Formatieren von Text auf einer Seite. Da Menschen dazu neigen, Inhalte auf einem Bildschirm zu durchblättern, ist es viel besser, diese mit Überschriften und Unterüberschriften, Diagrammen und visuellen Hinweisen sowie allgemeinen Variationen für das Auge zu organisieren. Techniken wie diese machen die Informationen auf einer Seite viel leichter zu verdauen. Die Gestaltung von Informationen beschränkt sich jedoch nicht nur auf die einzelnen Seiten, sondern auch darauf, welche Strukturen Sie für die Teile der Site verwenden, wie Sie Menüs und Untermenüs anordnen und wie verschiedene Abschnitte miteinander verknüpft werden.
Vielleicht interessiert es Sie zu wissen, dass es in größeren und komplexeren Projekten und Standorten tatsächlich einen ganzen Beruf gibt, der sich der Modellierung und Strukturierung von Informationen widmet, die als Informationsarchitektur bezeichnet wird. Der bekannteste Information Architect, den ich kenne, ist Jesse James Garrett, der übrigens den Begriff AJAX geprägt hat. Er ist ziemlich nett und man kann in Wikipedia über ihn nachlesen.
Da es sich um Informationsdesign handelt, scheint es eine gute Gelegenheit zu sein, 6 Absätze von Waffley-Text in ein Diagramm umzuwandeln. Ich präsentiere Ihnen daher mein fantastisches Diagramm der Komponenten des Webdesigns! Aalen Sie sich in seiner roten und grauen Großartigkeit!
Interface Design ist die Anordnung und Zusammensetzung, wie ein Benutzer mit einer Site interagieren kann. Die Wortschnittstelle bedeutet einen Punkt oder eine Oberfläche, an der sich zwei Dinge berühren. Eine Webbenutzeroberfläche ist also die Schnittstelle zwischen einer Person und einer Website - Menüs, Komponenten, Formulare und alle anderen Möglichkeiten, mit denen Sie mit einer Website interagieren können.
Gutes Schnittstellendesign bedeutet, die Nutzung der Website einfach, effektiv und intuitiv zu gestalten. Es ist tatsächlich viel einfacher, ein schlechtes Schnittstellendesign zu demonstrieren, da man es wirklich bemerkt. Ein einfaches Beispiel für das Interface-Design ist die Verwendung von Symbolen. Haben Sie sich schon einmal eine Ikone angesehen und gedacht "was soll das bedeuten ?!" - Nun, das wäre ein schlechtes Interface-Design. Die Verwendung von Symbolen zur Bezeichnung und Kennzeichnung verschiedener Arten von Inhalten oder Aktionen ist nur ein Teil des Schnittstellendesigns.
Ein anderes Beispiel für Schnittstellen, auf das Sie als Webdesigner wahrscheinlich stoßen werden, sind Anwendungsprogrammierschnittstellen oder APIs. Eine API ist ein Satz von Funktionen und Protokollen, mit denen Sie (oder Ihr Programm genauer) mit dem zu tun können, wozu die API bestimmt ist. So bietet Google Maps beispielsweise eine API, mit der Sie Anwendungen oder Websites erstellen können, die mit Google Maps zusammenarbeiten.
Nun denkst du vielleicht, das ist alles sehr gut und guter Collis, aber wo passt CSS dazu? Oder was ist mit Flash? Nun, ich sage, das sind die drei nicht-technische Aspekte des Webdesigns. Auf der anderen Seite gibt es all diese Technologien und Fähigkeiten wie HTML / CSS, Flash, Javascript und so weiter. Ich neige aber dazu, zu glauben, dass sie mehr Teil der Webentwicklung als das Webdesign sind. Auf die gleiche Weise, in der es wichtig ist, HTML und CSS zu trennen, um Information und Präsentation voneinander zu trennen, können Sie argumentieren, dass die Art und Weise, wie Sie ein Design verwirklichen, vom Design selbst getrennt ist. Einfacher ausgedrückt, ist es ein bestimmter CSS-Hack, der mit Design zu tun hat?
Versteht mich nicht falsch, Sie müssen wissen, wie man Dinge baut, um sie entsprechend zu gestalten. Wenn es darum geht zu sagen, was Webdesign ausmacht, bleibt meine Antwort Interface Design, Information Design und Aesthetic Design.
Was ist deine Meinung? Habe ich einen wesentlichen Teil des Webdesigns vermisst? Oder denkst du das Webentwicklung ist ein wesentlicher Teil des Webdesigns?
Später in dieser Woche können Sie ausführlichere Artikel mit Tipps und Tricks für jede dieser drei Komponenten des Webdesigns lesen - Interfacedesign, ästhetisches Design und Informationsdesign. In der Tat wird der erste in wenigen Stunden aufgehen.
Dieser Beitrag ist Tag 2 unserer Webdesign-Sitzung. Creative Sessions "Session Day 1Session Day 3"
Accentsconagua