Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Konzept und Inspiration: Design-Theorie für Web-Designer.

by
Length:MediumLanguages:
This post is part of a series called Web Design Theory.
Understanding the Z-Layout in Web Design
Visual Direction in Web Design

German (Deutsch) translation by Muhammad Gufron (you can also view the original English article)

Entwickeln ein sinnvolles Konzept ist ein entscheidender Schritt, der in jedem design-Projekt... aber es ist eine Fähigkeit, die nur wenige Menschen wirklich die Zeit nehmen, zu verstehen und zu schätzen. Heute, Ahmed (UI-Manager bei Link Entwicklung und Adobe User Group Manager in ägypten), geht zu Fuß, der uns durch die Erstellung eines Konzepts und inspiration-Prozess.  Wir gehen durch den Prozess Schritt für Schritt, bis wir kommen an einem erfolgreichen Konzept starten unsere web-design.


 Warum Entwickelt ein Konzept Ankommt, im Web-Design...

In meinem letzten Artikel, Die Gestalt-Prinzip: Design-Theorie für Web-Designer, gründeten wir müssen anfangen, jedes design mit der mit der shell design ersten, bevor wir ins Detail gehen, in diesem Teil diskutieren wir die Methodik von coming up mit einem shell-design.

 Jede mit Form sollte ein Konzept - aber leider, viele Designer konzentrieren sich nur auf eine schöne Form, die wirklich keinen Sinn dahinter. Oder noch schlimmer, Sie entwerfen eine gesamte website auf der Grundlage bereits bestehender Systeme, ohne auch nur einen moment nachzudenken, wie ein original-design mit sich bringen könnten einige realmeaning für das Projekt.

Wirklich tolles design hat eine Bedeutung dahinter - es ist nicht nur ziemlich Formen, Filter oder Typografie - jedes element sollte wirklich etwas sagen über das zugrunde liegende Projekt.

 In diesem Stadium, wenn Sie nach der Methodik des kreativen sammeln von Anforderungen (Wie Kommen die Richtigen Kreativen Anforderungen Ihrer Kunden), sollten Sie genug input, um aufzubauen, und arbeiten heraus, welche container-Form oder Stil zu Ihrem design passen.

 Starten Sie Durch das Sammeln einer Bibliothek von Referenz-Bildern

 Eine der einfachsten und einfachsten Möglichkeiten, Ideen zu finden, ist gebeten haben, Ihre Kunden zu geben Sie einige Schlüsselwörter, um zu beschreiben, wie er will, dass Menschen zu fühlen, über seine Website.... energisch, frisch, jung, solide....etc, einfach durch Eingabe dieser keywords in jedem Bild suchen wie Google oder Bing.

 Die Auswahl aus diesen Bildern diejenigen, die Sie mögen, finden Sie leicht selbst mit einer großen Bibliothek von brainstorming-Ideen zu beginnen.


Design Beginnt Mit einem Brainstorming

 Ähnlich wie bei jedem brainstorming-übung, nicht entlassen irgendwelche Ideen... aber seltsam sind Sie.  Es ist immer einfacher, Ton-down-design, als zu versuchen und etwas aufpeppen... sitzen vor der Bibliothek der Ideen, einen Bleistift und Papier (die sind hervorragende tools in diesem Stadium) und starten Skizzierung Konzepte, die in den Sinn kommen, suchen Sie in Ihrer Bibliothek, skizzieren hilft, denn Ideen dazu neigen, zu verblassen so schnell, wie Sie pop in Ihrem Verstand :)

 Zum Beispiel, wenn ein Kunde fragt mich nach einer "frischen" design, ich werde Sie einfach "frisch" in Google zum Beispiel (oder Ihrer bevorzugten Suchmaschine) und Check-out der Bild, Ergebnisse.

Hier ist ein Beispiel, was ich kam mit:

Web Design Planning and Concept

Wie würden diese Bilder inspirieren mich?  Was würden Sie mir sagen, über die Richtung des design?

Gut, einfach zu wissen, dass mein Kunde will ein frisches design und durch die Verwendung dieser Methode bei der Interpretation der Bilder, die ich verstehen würde, dass:

  • Ich sollte gehen meist für organische oder gebogene Formen
  • Licht "frischen" Farben bevorzugt werden (mehr Farbe, die in einem späteren Artikel)
  •  Die Verwendung von "crystal" - Stil und semi-transparente Bauteile.
  • Haben eine Menge von Leerzeichen und keine über-Verdrängung von Komponenten

Ich bevorzuge normalerweise mache diese übung mit 2 oder 3 anderen Designern zusammen, da es hilft, bounce verschiedene Ideen sich gegenseitig, möchte ich jedem die Suche nach Bildern allein für 15 oder 20 min, dann sitzen Sie zusammen und starten Sie sagen, was sehen wir in jedem Bild, Sie werden überrascht sein, wie andere Leute können sehen, etwas völlig anderes als das, was Sie denken oder sehen, und dies kann eröffnen eine völlig neue Idee für Sie.

 Es ist wichtig zu reden, die während dieser Phase im design-Prozess!  Das Wort "frisch" bedeutet, verschiedene Dinge für verschiedene Menschen - also nicht allein auf die anfängliche Suche von Bild-Ergebnisse oder Ihre eigene interpretation zu sein, die endgültige Quelle der inspiration.


Nicht Kopieren, Ideen Klauen!

Gute Künstler kopieren, Großartige Künstler stehlen,
- Pablo Picasso (1881 – 1973)

 Meine interpretation für dieses Angebot ist: das Kopieren einer anderen Idee, machen Sie einen guten designer, aber "stehlen" eine Idee oder ein Konzept in ein anderes design und verwenden Sie es mit bedacht (ohne eklatante kopieren) werden Sie ein großer designer.

 Diebstahl eine Idee, die ist hart - viel härter als das kopieren - Sie müssen wirklich verstehen, das Konzept und nehmen Sie es von einem Ort und bewegen Sie es in Ihrem design.


Fallstudie: Diebstahl der Pyramiden

 In einem letzten Projekt arbeitete ich mit einem team an einem Standort für einen ägyptischen Tourismus-portal.  Sie wollten nicht, dass ein straight forward "Pyramiden, Karnak, Pharaonen" - Stil Website, die die meisten Menschen gehen würde...  Sie wollte etwas modernes, noch wollten Sie halten eine ägyptische Identität, die würde buchstäblich sagen, "diese Website ist von ägypten".

 Es war eine echte Herausforderung, aber durch die oben beschriebenen Methodik, kamen wir mit Bildern wie diesen:

 Nun der client wollte nicht das Klischee designs zeigen gerade nach vorne Hieroglyphen oder Bilder von alten ägyptischen Tempel und solche Sachen, aber nach Blick auf die Bilder, die wir begann mit dem Bau auf der Idee, dass wir können einige Elemente, wie die schrägen Wände und die alten ägyptischen Portale und wie Sie beziehen sich auf die Website, ein portal zu ägypten.

Das problem ist, dass die einzige Art, die einzigartig für ägypten ist der Pharao-Stil. Wenn wir gingen mit arabischen Kunst, zum Beispiel, wäre es nicht einzigartig in ägypten. Wenn wir zeigen, Tauchen oder die Strände, es ist nicht einzigartig.  Wenn wir gehen mit einem anderen Stil, es wird nicht eindeutig sein, um ägypten und das war eine strenge Anforderung.

 Zur gleichen Zeit, wurden wir angewiesen, nicht zu benutzen, klar, die Alte ägyptische Bilder oder Hieroglyphen, als der Kunde wollte zu fördern alle Arten von ägyptischen Tourismus, nicht nur in Tempeln oder Pyramiden.  Eine knifflige design-Auftrag, um sicher zu sein.

 Am Ende kamen wir mit einer Skizze wie dieser:

 Wir nahmen einfach Teil der Eingang "portal" Pylonen in Karnak-Tempel, die nur mit dem schrägen Linien zu identifizieren, die Wände, der Bereich in der Mitte verwendet wurde, zu animieren, verschiedene Bilder aus ägypten und wir nutzten den linken Bereich für das logo und die navigation, während der ganze Rechte Bereich war für den Inhalt verwendet.

Es war ein sehr einfaches Konzept, aber es erfüllt alle Anforderungen.  Auf eine solche Idee wäre schwer gewesen, in den Sinn kommen, wenn wir nicht hatten, sahen die Fotos und Bilder, die kam aus einer einfachen "ägypten" search query.

 Wir waren in der Lage, um zu stehlen die Ideen, die hinter dem Karnak-Tempel und die Pyramiden, und verwenden Sie Sie dann in unser design.


Gute Konzepte Sprechen Für Sich

 Einige Leute argumentieren, dass dieses Konzept kann nicht ganz klar sein, wenn Menschen auf der Suche auf der Website, und dies mag seltsam erscheinen, aber die Konzepte nicht sein müssen "verstanden" von dem ersten Blick auf die design... noch müssen Sie sein, optisch klar – es ist nicht ein muss.  Dies kann leicht verstanden werden durch betrachten der logos, nehmen Sie das Mercedes-logo zum Beispiel:

Auf den ersten Blick für die meisten Menschen, es ist nur ein 3-Stern.  Jedoch, das Konzept hinter dieser Sterne ist, die es repräsentiert seine Herrschaft über das land, das Meer und die Luft – mit dem oberen arm repräsentiert die Luft, und die 2 unteren Arme Vertretung von land und Meer.

Wer weiß?  Sehr wenige Menschen außerhalb der Gesellschaft... aber das ist nicht der Punkt, jetzt ist es?  Ein gutes Konzept spricht für sich selbst - auch wenn die Leute nicht sofort verstehen, was es genau bedeutet, das absichtliche Formen und Ideen darunter wird sich immer auf ein eigenes Leben.  Konzept-weniger designs haben nicht diese Art von Leben... Sie sitzen nur da.


Suche Inspiration für Konzepte

 Eine weitere große Quelle der inspiration ist, um zu versuchen und bleiben Weg von Ihrem Bildschirm.  Viele Designer neigen dazu, zu besuchen, design-inspiration sites, die täglich top-designs.   Dies ist zwar eine gute übung, in anderen Phasen (z.B. sammeln von Anforderungen und details zu den Komponenten), es wird wahrscheinlich nicht viel helfen, wenn Sie versuchen zu kommen mit Ihrem eigenen Kern-Konzept.

Es ist oft besser, den Blick auf andere off-screen-Quellen – Plakaten, Zeitschriften, Plakate und TV-Spots sind sehr gute Quellen, wenn Sie Zeit haben, vor allem, weil die Regeln für web-design, unterscheiden sich stark von print-design oder TV-Werbung, Sie geben Ihnen eine einzigartige Perspektive, die Ihnen helfen, kommen mit sehr originellen Ideen, die Sie in Ihr design-Konzept.

Architektonische Entwürfe auch sein kann, gute und einzigartige Quellen der inspiration:

Abhängig von Ihrem AUFTRAGGEBER und Ihrer Ziele, jede der oben genannten Gebäude können mit Ihnen neue Konzepte und Ideen für Ihre web-site "container-shell" - design wie in den folgenden Beispielen (in der gleichen Reihenfolge):


 Beachten Sie, wie jede der architektonischen Fotos von oben kann man leicht um in rentable website-shell designs.

 Der trick ist, immer hält Sie Ihre Augen öffnen und verwenden Sie alles, was Sie als Ihre Quelle der inspiration, nicht, verringern Sie Ihre Optionen, indem Sie sich an der Suche nur auf anderen web-designs oder versucht zu kommen mit etwas auf Ihrem eigenen.


Fazit

Sehen kommt vor den Wörtern. Das Kind sieht und erkennt, bevor es sprechen kann.
- John Berger, Möglichkeiten zu Sehen

 Wenn Sie noch nicht in John Berger, Möglichkeiten zu Sehen, es lohnt sich, ein Taschenbuch-Exemplar (oder zumindest einen e-book-version!).  Ich will nicht zu tief Graben in die details, aber es ist ein Buch, das sich mit den Möglichkeiten, die Menschen sehen die Welt um Sie herum. Die zugrunde liegende Botschaft ist, dass das sehen ist eine wichtige und ur-Instinkt, der uns Menschen - wir "sehen" bevor wir Lesen, bevor wir sprechen, und bevor wir gehen.

 Als solche, die wir als web-Designer können einige spezielle Bedeutung von dieser Wahrheit.  Wir sollten vorsichtig sein, um Handwerk die Konzepte, die hinter unseren designs, weil Sie sind das erste, was Menschen "sehen".   Vor den Worten auf der Seite oder dem auffälligen Bild Schieberegler, wir haben so hart gearbeitet, um code, die Leute sehen die Schale - das Konzept - das schafft die übergreifenden Eindruck von der Website.  Details sind wichtig, versteh mich nicht falsch, aber man kann nicht wirklich nageln Sie die details, bis Sie bekommen haben, eine sinnvolle Gestaltung zu setzen.

Lesen Sie mehr große "Theorie", die Artikel in unserem Web-Design-Theorie!

Einen besonderen Dank an Ahmed, die sich in diesem Artikel in der Mitte des chaos in ägypten passiert.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.