Wie auch immer Sie es betrachten, Ihr Design hat Einfluss auf den Geschmack oder den Stil eines anderen Designers. Sie werden es vielleicht nicht bemerken, aber Sie haben Dinge entweder durch direkte Anweisungen oder durch das Surfen im Internet aufgegriffen, die Sie in Ihre Entwürfe einbinden müssen. Heute wird Connor ein altes Thema aus dem alten ThemeForest-Blog zum Thema Kopieren und Webdesign überarbeiten.
Dieses Thema kann schwierig sein, weil das Verstehen dessen, worauf Sie sich "inspirieren" und auf das, was Sie gerade kopieren, eine vage Vorstellung sein kann. Beispielsweise könnte eine Produktseite den großzügigen Leerraum haben, den Sie unbewusst von Apple gezeichnet haben. oder Ihre Typografie könnte sich aufgrund Ihrer Liebe zu einer anderen Website an einem leichteren Schema halten. Natürlich muss es nicht ein großer Technologiekonzern sein, von dem Sie sich inspirieren lassen. In der Tat muss es nicht einmal eine Website sein. Wie können Sie also entscheiden, was eine gültige Form der Inspiration ist und was kopiert wird?
Wir fangen mit einer Definition an (hey, hier geht es um die Bedeutung der beiden Wörter, oder?). Inspiration ist definiert als der Prozess der geistigen Stimulierung, etwas zu tun oder zu fühlen, besonders kreativ. Auf der anderen Seite, Kopieren ist definiert als Nachahmung oder Reproduktion eines Originals. Sie können hoffentlich sofort die Unterschiede zwischen den beiden rein anhand ihrer Definitionen erkennen. Bei einem geht es darum, Motivation zu gewinnen, während das andere gedankenlos kopiert.
Wir haben die Wörterbuchdefinitionen festgelegt, aber was sind einige praktische Unterschiede? Nehmen wir ein Beispiel.
Viele Webdesigner bewundern das Design von Apple, sei es das Navigationsmenü, das große Raster oder etwas anderes. Zum Zwecke dieser Erklärung sagen Sie: geliebt Apples Navigationsmenü und wollte so etwas in Ihrem eigenen Design. Das Anheben der Bilder ist natürlich gesetzlich verboten, aber es gibt nichts, was Sie physisch daran hindert, einen ähnlichen grauen Balken mit umgekehrten Hover-Farben und subtilen Tiefenschatten zu erstellen. Aber das ist keine Inspiration, das Kopieren.
Stellen Sie sich vor, ich habe das gleiche Navigationsmenü bewundert und es als Absprungpunkt verwendet. Inspiration wäre, durch den Erfolg von Apple in dieser Hinsicht zu stimulieren und etwas zu schaffen, das wenig visuelle Bindungen hat, aber ähnliche Prinzipien und Ziele verfolgt. Vielleicht würde ich die Idee nehmen, die Farbe im Maus-Hover umzukehren, und dies auf eine völlig andere Idee anwenden, die ähnlich ist, aber keinen Doppelgänger des Originals.
Es gibt eine Reihe von Möglichkeiten, wie Sie diese mentale Stimulation erreichen können, um inspiriert zu werden. Wir werden dies als einen Schritt-für-Schritt-Prozess betrachten, also überspringen Sie diesen ersten Schritt, wenn Sie bereits ein bestimmtes Design (oder Designs) im Sinn haben.
Sie können sich von verschiedenen Orten inspirieren lassen. Sie können Ihre Geschichte durchgehen und einen Blick auf einige der von Ihnen besuchten Websites werfen, von denen wahrscheinlich einige günstige Designtechniken verwendet werden. Alternativ können Sie auch einen Marktplatz wie ThemeForest oder ein Schaufenster wie Creattica durchsuchen. Dies kann eine großartige Ressource sein, um zu durchsuchen, was andere Designer gerade gemacht haben, und im Allgemeinen die Trends der aktuellen Zeit darzustellen, was bedeutet, dass jede von Ihnen gezogene Inspiration relevant ist. Wenn Sie eine spezialisierte Website entwerfen, sollten Sie unbedingt die Roundup-Listen wie unsere eigenen hier bei Tuts + nachschlagen (und Travis King hat kürzlich eine Zusammenfassung inspirierender Creattica-Designs für Sie zusammengestellt!)
Natürlich ist das Web nicht der einzige Ort, an dem Sie nach Inspiration für Ihre Webdesigns suchen können. Letztendlich stammte die Webdesign-Branche aus der Druckindustrie, und es wurden mehrere Prinzipien übernommen (zum Beispiel war es in den letzten Jahren sehr beliebt, die Dinge über "the fold" zu setzen) so viel Zeug in die obere Hälfte einer Seite, wo der Leser es vor dem Entfalten seiner Kopie sehen würde). Werfen Sie einen Blick auf ein Magazin und Sie finden vielleicht ein gutes Beispiel für eine gute Typografie. Hey, auch meine Kaugummi-Box könnte als Beispiel für eine gut abgestimmte Farbgebung beschrieben werden!
Wenn Sie ein Design gefunden haben, das Sie wirklich bewundern, hören Sie nicht dort auf. Suchen Sie nach ähnlichen Designs, die jeweils ihre eigenen ursprünglichen Elemente haben, auch wenn sie in anderen Bereichen wie Farbe, Layout oder Typografie variieren. Lassen Sie sich von den Bereichen inspirieren, die Sie in einem Design besonders mögen, und lassen Sie die Bereiche weg, die Sie nicht mögen. Ihr Lieblingsdesign könnte in der Tat eine abscheuliche Navigationsleiste haben, die die Möglichkeit bietet, ein ähnliches Design zu finden, aus dem Sie Inspiration für die Navigation ziehen können.
Natürlich ist es nicht der einzige Weg, sich von allgemeinen Webdesigns inspirieren zu lassen. Man kann eine Website wie Adobe's Kuler nehmen und Inspiration oder Motivation allein auf der Farbseite der Dinge gewinnen, anstatt notwendigerweise ganze Webdesigns und deren Verwendung zu betrachten.
Sicher, Sie können zu einem Design gehen und die Bilder einfach von der Seite heben. Dies ist jedoch gesetzlich verboten und widerspricht höchstwahrscheinlich den Urheberrechtsbeschränkungen Ihres Landes. Sie möchten jetzt das Design analysieren, um die inspirierenden Bereiche zu identifizieren und eine Möglichkeit zu finden, sie in Ihrem Design zu verwenden.
Es ist Zeit zu röntgen Sie das Design. Letztendlich müssen Sie alle spezifischen Elemente betrachten und die Punkte beachten, die Sie hervorheben. Treten Sie zurück und wenn etwas als gutes Beispiel heraussteht - wie zum Beispiel die spezifische Verwendung von Typografie in der Kopfzeile oder etwas Ähnliches. Sie können bestimmte Bereiche anvisieren und erkennen, was sie gut macht, oder alternativ einfach erste Eindrücke dessen gewinnen, was am meisten hervorsticht.
Beispielsweise können wir uns eine der AppStorm-Sites ansehen und sofort zwei Dinge über sie bemerken. Erstens können wir den strukturierten Hintergrund erkennen, den AppStorm verwendet, was ich besonders mag. Wir müssen nicht unbedingt sagen, dass Sie einen schwarzen, lauten Hintergrund mit Licht oben verwenden sollten. Stattdessen betrachten wir das Konzept, einen strukturierten, dunklen Hintergrund zu verwenden und hoffentlich einen ähnlichen Stil auf unsere Designs anzuwenden. In ähnlicher Weise können wir die recht großzügige Verwendung von Polsterung in diesem Design schätzen und versuchen, nach einem ähnlichen Prinzip zu entwerfen.
Grundsätzlich müssen Sie prüfen, was das Design aus Benutzer- und Kundensicht ausmacht. Es kann die Nebeneinanderstellung einer Promotion auf einer Unternehmenswebsite sein, die einen besonderen Einfluss auf ein bestimmtes Ergebnis hat, oder es ist einfach so, weil Sie denken "Wow, der Text sieht nett aus!".
Sei inspiriert. Sehen Sie sich an, was in einem Webdesign funktioniert und notieren Sie, welche Prinzipien und Techniken verwendet werden, um einen bestimmten Zweck zu erreichen. Aber nur niemals, unter keinen Umständen, niemals Heben Sie Elemente von einer Seite und verwenden Sie sie in Ihrem Entwurf. Es gibt moralische und rechtliche Gründe, warum Sie dies niemals tun sollten: Es reflektiert schlecht Ihre Konstruktionsfähigkeiten und könnte Sie (und möglicherweise Ihren Kunden) in ernsthafte Schwierigkeiten bringen.
Selbst wenn Sie die Elemente selbst erstellen, kann das Erstellen eines Objekts, das mit einem auf einer anderen Website beliebten Objekt identisch ist, Ihre Konstruktionsfähigkeiten und Ihren Scharfsinn negativ beeinflussen. Verbringen Sie Zeit und präsentieren Sie Ihrem Kunden ein Design, das in fast jeder Hinsicht mit dem Design von Amazon identisch ist. Dies lässt Sie einfach unoriginal und möglicherweise unerfahren erscheinen.
Sie müssen beeinflusst werden, aber nicht zum Kopieren. Sicher, dieser Kick-Ass-Slider ist vielleicht Kick-Ass, aber es ist nicht Ihre Sache. Und es wäre nur unprofessionell und moralisch falsch, es direkt zu kopieren. Der Schlüssel zu einer erfolgreichen Inspiration besteht darin, zu prüfen, was das Design zum Erfolg führt und seinen Zweck erfüllt und warum es so denkt. Sobald Sie wissen, wie es funktioniert, können Sie ähnliche Prinzipien auf Ihre eigenen Elemente anwenden.
Inspiration: der Prozess der geistigen Stimulierung, etwas zu tun oder zu fühlen.
Die Grenze zwischen Inspiration und klarem Kopieren kann ziemlich fein sein. Ein auf ein generisches Element angewendetes Farbschema kann beispielsweise auf einer Site funktionieren, verwendet jedoch dasselbe Schema für dasselbe Element beim Kopieren Ihres Designs? Ich hoffe du bekommst was ich meine.
Woher holst du dir Inspiration? Teilen Sie Ihre Gedanken in den Kommentaren mit!