Es gibt online so viele Tutorials und Anleitungen, die Ihnen zeigen, wie Sie das Web 2.0-Design effektiv nutzen können. Obwohl die meisten dieser Tutorials nützlich sind, zerstören sie gleichzeitig die Originalität des Webdesigns. In den meisten „Ratgebern“ erfahren Sie beispielsweise, dass es bei Web 2.0 um ein glänzendes Abzeichen, einen gestreiften Hintergrund und fette Schriftarten geht. Ergebnis? Es gibt unzählige Hunderte von Designs mit Abzeichen, Streifen und großen Großbuchstaben … und sie unterscheiden sich nicht voneinander. Es spielt keine Rolle, ob Sie ein Web 2.0-, Web 1.0- oder Web 75.0-Design erstellen, es kommt darauf an, dass es originell und einprägsam ist.
Wenn Sie jedoch nicht wirklich etwas besonders Originelles finden, das Ihr Design symbolisieren könnte, ist es „sicherer“, sich an die aktuellen Trends im Webdesign zu halten. Hier ist also ein sehr kleiner Ausschnitt aus dem Webdesign-Layout und wie man ein normales Layout in ein Web 2.0-Layout umwandelt.
Das hatten wir…
Und das werden wir tun ...
Wir werden in Photoshop arbeiten und ausschließlich Ebenenstile verwenden. Der Schwerpunkt liegt auf milden Farbverläufen und Schatten.
Beginnen Sie mit der rechteckigen Form mit abgerundeten Ecken und zeichnen Sie ein … Rechteck.
Zuerst müssen wir unserem Rechteck etwas Tiefe und Leben verleihen. Nach den Prinzipien des Web 2.0-Designs erzielen wir diesen Effekt nur durch Schatten, Konturen und Lichtverläufe. Gehen Sie also zu den Ebenenstilen und lassen Sie einen kleinen, milden Schatten fallen. Wir verwendeten #96aed6 für diesen Zweck.
Um der Form etwas Tiefe zu verleihen (damit sie nicht wie ein flaches Objekt aussieht), fügen Sie einen milden Innenschatten mit einem dunkleren Ton hinzu (wir haben verwendet). #304f82 )
Abschließend ist es wichtig, eine kleine Gliederung hinzuzufügen. Wir werden die weiße Farbe #FFFFFF verwenden, da unsere Schatten auf beiden Seiten dunkler sind. Wir möchten eine helle und halb sichtbare Linie haben, die die Form konturiert.
[…] Marie hat heute einen interessanten Beitrag geschrieben: Hier ist ein kurzer Auszug. Es gibt so viele Tutorials und Anleitungen online, die Ihnen zeigen, wie Sie das Web 2.0-Design effektiv nutzen können. Obwohl die meisten dieser Tutorials nützlich sind, zerstören sie gleichzeitig die Originalität des Webdesigns. Zum Beispiel sind die meisten „Leitfäden“ … […]
[…] Jacob Cass hat heute einen interessanten Beitrag geschrieben: Hier ist ein kurzer Auszug. Es gibt online so viele Tutorials und Anleitungen, die Ihnen zeigen, wie Sie das Web 2.0-Design effektiv nutzen können. Obwohl die meisten dieser Tutorials nützlich sind, zerstören sie gleichzeitig die Originalität des Webdesigns. Zum Beispiel sind die meisten „Leitfäden“ … […]
Wirklich gute Arbeit. Ich habe viele fundierte Informationen gefunden, die mir weiterhelfen können.
Interessantes Tutorial. Meine Frage ist: Was macht dieses „Web 2.0“ aus? Web 2.0 hat nichts (oder wenig) mit dem Aussehen einer Website zu tun. Was Sie hier meinen, ist Design oder einfach nur das Aussehen einer Website. Das ist es. Flickr.com ist eine Web 2.0-Seite und wendet keines dieser Prinzipien an. Außerdem ist Facebook sehr einfach, verwendet keine Schlagschatten, abgerundeten Ecken oder „leicht cartoonartige und fette“ Schriftarten, ist aber dennoch eine Web 2.0-Site. Auch Wikipedia…. usw…
Bei Web 2.0 geht es darum, wie Benutzer mit der Website interagieren und wie die Website mit ihnen interagiert.
Eine schöne Interpretation des Web 2.0-Designs.
schönes Tutorial…
Ich würde gerne fragen,
Woher wissen Sie, ob es sich um ein 2.0-Design handelt oder nicht?
Entschuldigung, ich bin nur ein Neuling
[…] Der Aufruf von pswish.com hatte bereits begonnen, aber nun offiziell erklärt: Web 2.0 ist ein Ziel für die Identität von Websites. Originalartikel […]
[…] Tutorial ansehen […]
Toller Artikel, danke 🙂
Auch wenn Sie nach einigen schönen kostenlosen Schriftarten suchen http://www.fonts2u.com
Hallo! interessantes Design 🙂 aber der Link funktioniert nicht 🙁 Kann ich diese PSD-Datei woanders bekommen? Danke