Vollständige Version anzeigen : Design Tutorial für Webdesign gesucht, Form und Farbe


Gutschy
16.10.2016, 02:55

Hallo Leute,

vielleicht kennt jemand ein oder zwei gute Tuts. metacolor~de war ganz ergiebig was Farbkombinationen angeht. Also ich möchte mich mit dem Künstlerischen Seite des Webdesigns beschäftigen und nicht mit der Technik. Das ist aber für mich bei Google nur schwer vermittelbar. Schon mal danke für die Hilfe.

gutschy

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Michi
16.10.2016, 08:12

farbkombinationen Adobe Color CC (;color;adobe~com/de/explore/newest/)

A;ards - Website Awards - Best Web Design Trends (;;;a;ards~com/)

Google (;;;google~de/?gws_rd=ssl#q=best+websites)


raid-rush
16.10.2016, 11:46

Bei Farbkombinationen die harmonisch sind ist das ähnlich wie in der Musik. Bestimmt Klang-Folgen finden wir angenehm. Welche Logik bei den Farben dahinter steht ist meines Wissens nicht bekannt. In der Akustik ist es zumindest Mathematisch geklärt und Musik die Gut klingt könnte daher auch ein Computer generieren.

Mit Formen wird es mindestens genauso schwer. Webdesign oder generell Design unterscheidet sich auch wenig von Architektur oder Landschaftsbau - da kommen immer die selben Kombinationen vor. Wie und Wann passen gerade Linien auf Rundungen oder welche Farben harmonieren mit welchen Formen besser. Konturen und Schatten.

Das ist nicht so einfach das in einem Tutorial zu zeigen weil die Kombinationsmöglichkeiten extrem groß sind und vieles bisher noch über das "Gespür" für Ästhetik läuft. Auch wenn es durchaus Mathematische Formeln für Schönheit gibt, die ist aber noch vollständig.

Hier ein paar Tipps:

Der goldene Schnitt, das Verhältnis von Flächen und Linien zueinander sollte bestimmten Proportionen entsprechen damit es harmonisch wirkt. Viele Menschen erkennen das sofort.

Mit den Farbcombos bist du auch schon sehr gut beholfen, das ist oft gar nicht einfach die Farbtöne selbst abzustimmen.

Vieles ist Trend, vor allem was Rundungen, Ecken und Schatten angeht. Flat-style ist derzeit Trend, früher waren möglichst dicke 3D-Wulste aus Grafiken der letzte Schrei. (was heute technisch gesehen total überholt ist)

Im Webdesign verwendet man heute so gut wie keine Grafiken mehr, weil sie langsam laden, nicht skalierbar sind und Traffic kosten.

Grundlegend solltest du entscheiden in welchem Helligkeitsbereich dein Design liegen soll, eher hell oder dunkel. Das hängt dann auch oft vom Inhalt ab. Präsentation oder viel Text. Die Funktionalität der Seite hängt also stark vom Design ab.

Eine Ästhetische Bildung – Wikipedia (;de;wikipedia~org/wiki/%C3%84sthetische_Bildung) kann da hilfreich sein wenn man es von selbst noch nicht "gelernt" hat. Es gibt auch viele Menschen die können Ästhetik nicht erkennen oder erstellen, denen fehlt schlicht die Fähigkeit so Dinge wie den goldenen Schnitt zu erkennen.

Ästhetisch ist meist natürlich, also wer viel in die Natur geht und gerne beobachtet und von der Schönheit der Natur begeistert ist, wird meist ein sehr gutes Gefühl dafür bekommen. Mathematik und Logik spielen interessanter weise eine große Rolle.

Beim Design muss man auch beachten das viele Menschen einfach vom Betrachtungswinkel viele Details gar nicht wahrnehmen können, oder sie überfordert werden.

Am besten lernt man über Design, wenn man sich sehr viel anschaut. Sehr viele Designs analysieren. Der Mensch lernt nur durch abkucken und schafft daraus kreative Variation.

Am Bildschirm sollte ein Gleichgewicht entstehen. Also Text und Objekte oder Formen gleichmäßig verteilen und ggf. Zentralinhalte zentrieren. Text sollte nie zu breit gezogen werden, dann lieber die Schrift vergrößern. Spalten Designs sind praktisch und Zeitlos.

Generell werden Seiten immer aufgebaut in: Header - Navigation - Content - Footer
Dabei kann vor allem die Navigation in der Position variieren.

Die Aufteilung ist hinterher auch für die technische Umsetzung wichtig, weil die "statischen" Teile als Templates mehrfach verwendet werden.

Hier sind einige Artikel und Anleitungen: Zielgerichtetes Webdesign - 1&1 (;hosting;1und1~de/digitalguide/websites/webdesign/)

zB: Webdesign: Grundlagen zu Design und Farbwirkung - 1&1 (;hosting;1und1~de/digitalguide/websites/webdesign/grundlagen-zum-webdesign-teil-3-design-und-farbwirkung/)

Ganz hilfreich sind auch Videos dazu: Webdesign Grundlagen -- Farbkonzepte entwickeln - YouTube (;;;youtube~com/watch?v=69CBQbuC1xM)
Auf Youtube nach Webdesign suchen, da findet sich unmengen an Tipps und Vlogs von Webdesignern.


Ähnliche Themen zu Design Tutorial für Webdesign gesucht, Form und Farbe
  • [Layout] [Suche Webdesign] Für meine Seite neues Design
    hallo brauch n neues design bzw überhaupt ein richtiges design für (;sp-stream;6x~to) im design irgendwo sollten keine deutschen wörter sein, da die seite auch englisch wird. einfach n geiles, schlichtes design mit nem geilen header. wichtig ist noch, dass wie jetzt auch über dem 1 [...]

  • [Layout] Webdesign - Design Battle . Damn - Designs vs. gfx street
    Hi... wollt euch mal mein outcome präsentieren :) (;;;deviantart~com/deviation/56773374/) Alternativ Link: (;web9;network-hosting~de/upload//uploads/1180904923-main%20Kopie8;jpg) hab leider nicht gewinnen können :( wenn auch nur sehr knapp =( naja nächstes mal vielleicht^^ liebe grüße, F [...]

  • Neues Design + Neuaufbau einer - Webdesign Community -
    Mh..;der Thread gehört doch eigentlich in die Section "Werbung" wenn ich nicht ganz daneben liege =) Naja, aber vllt willst du ja auch ein Kommentar zum Design, ehrlichgesagt: für ein Design einer Webdesign- bzw. Movieproduction Company ist das nicht gerade einfallsreich. Das Design würde eher z [...]

  • [Grafik] Tutorial Webdesign
    Hallo liebe RR-Gemeinde, ich starte mal eine Umfrage ob Interesse besteht an einem Tutorial "Wie designe ich meine eigene Homepage mit Photoshop" Ich hatte vor dieses erst als Text zu machen, aber da ich von früher selber weiß, das man manchmal garnichts versteht, habe ich mir Überleg noch [...]



raid-rush.ws | Imprint & Contact pr