Photoshop Tutorials

Designerguide - Webdesign Hey alle zusammen , ich möchte euch ein bischen in's Thema "Webdesign" einführen. In diesem Tutorial werdet ihr lernen, wie ihr Konzepte erstellt und diese professionell umsetzt. Es geht hier allein um den grafischen Teil, nicht um das codieren des Layouts oder der Grafiken.

1.Was soll das Design aussagen?

Zuerst einmal, ist es wichtig sich Gedanken zu dem Thema zumachen. Möchte ich Beispielsweise ein Clandesign erstellen, sollte es nicht zu schlicht wirken. Möchte ich hingegen ein Design für eine Anwaltskanzlei erstellen, sollte es seriösität und professionalität (was eigentlich immer wichtig ist) ausstrahlen. Ein Design, dass zum Beispiel aus extrem vielen überbelichteten, scheinenden 3D elementen besteht, kann zwar ganz cool aussehen, steht aber im allgemeinen nicht für seriösität (Was ihr euch ja sicher denken könnt.). Sollte das Design bespielweise, wie oben schon genannt, für eine Anwaltskanzlei sein, solltet ihr vorallem Wert auf die Schlichtheit und Eleganz legen.Das heißt, euer Design sollte eine feste Struktur, eine gute Übersicht und vorallem Ruhe haben.Mit Ruhe meine ich, dass das Design nicht agressiv auf einen wirkt, sondern nüchtern und neutral.

2.Das Konzept

. Bevor ich ein Design erstelle, lege ich mir ein klares Konzept fest. Wieso? Einfach aus dem Grund, meine Ideen möglichst genau umsetzen zu können. - Wie mache ich das am besten? Es gibt mehrere möglichkeiten.
1.Ihr skizziert euer Konzept auf ein Blatt Papier, Scannt es ein und setzt ist schließlich mit einem Grafik Programm eurer Wahl um.
2.Ihr designt eure Ideen in einem Grafik Programm grob vor und geht immer mehr ins Detail.
3.Oder ihr arbeitet aus dem Kopf herraus. (Wobei dies wohl nicht unbedingt die beste Varriante ist, auch wenn ich dies öfters bevorzuge, da es einfach schneller geht.

3.Das Grundgerüst.

Das Grundgerüst einer Seite ist mit das wichtigste, stimmt die Struktur der Seite nicht, stimmt sogut wie garnichts. Es gibt unendlich viele Arten von Strukturen die z.B. wie folgt aussehen.
Header
Navigation
Content
Footer
Es sollte möglichst Strukturiert sein und nicht z.B.
Navi
Header
navi
content
footer (mit navigation)
So etwas sieht man echt oft, möglichst viel in einem Webdesign möglichst oft unter zubringen ist aber nicht unbedingt die beste Strategie.

4.Das Design.

Kommen wir zum schönsten Teil, das designen. Hier könnt ihr eurer Kreativität freien lauf lassen. Setzt hier die vorherigen Punkte grafisch um und gestaltet ein tolles Layout. Hierzu werden Videotutorials folgen. --- Dieses tutorial werde ich immer weiter ausweiten, demnächst auch mit Videos Ich hoffe es hat euch bis hierhin gefallen Blue

Teil 2 :
http://www.gfx-sector.de/Designerguide-Teil-2-Videotutorial-Hintergrund_pos
t453265.html#post453265

---

Thanks for this thread by the author

Until now 97 users have thanked

lex, cr1m3z, MagicFire, hidlen, dj.fleeX, gaGO, shirk, Hatori, H@m$t3r, Aohedize, Akira Umi, JJ74, numo0o, breezer, yuergen, MainJoker, xXxPaddyxXx, Terror.Kitty, MaxBrother, niki2k4, Joekaah, lumpi, Ascor, Luoo, Scoville, Techno Q, Anything., CartmaN, Sylinchen, KingGaba, Robbyn, Yusaki, IceColdGFX, Crasy, Ivory, Bommellero, Jacksen, Ratlooker, TheDarktao, patrickg7, Nokia X, LE_GE_ND, Taxo7, Free, G12, cnc2179, Dunkaah, DestinyDesigns, SQ-DESiGN, ChocoChip., igromanru, Smogy, Thejajon, Seyftart, sajzkind, .Slash, ThomasV, Rayuela, abstauber, m4uric3, haruhy, Julinator, vflsven, TorbenG, Webdesign-Gabriel, Donmosh, iKyroja, F4ME, CaoteDesings, Demon, priinceP, Ajo1896, Roxasz, Nikcross, PacatorY, Traeumer, novus, Meerane, Parataku, shadowphoenix, webgif, schneemann101, Amaren, Rimand, highlight, Zb0t, Amphetamine, Nerfect, Mailbox23, Efkar61, knete002, Leaf, Destructor, feuerkuh, JuMpEr001, Derek, Lukz96