Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Verdana Courier Georgia Arial Times New Roman w k M R.

Ähnliche Präsentationen


Präsentation zum Thema: "Verdana Courier Georgia Arial Times New Roman w k M R."—  Präsentation transkript:

1 Verdana Courier Georgia Arial Times New Roman w k M R

2 on-screen-design grundlagen der webgestaltung rainer weidenhiller

3 on-screen-design schrift farbgebung layout

4 schrift welche schriftarten sind webfähig? – groteskschriften (serifenlose linearantiqua) arial verdana – antiquaschriften times georgia courier

5 schrift diese schriftarten sind auf allen computern installiert nicht installierte schriften werden vom browser ersetzt und zerstören u. u. das layout diese schriftarten sind auch bei einer auflösung von 72 dpi noch detailgenau

6 schrift embedded fonts bieten die möglichkeit schriftarten in html einzubinden und somit mit dem html-code zu übermitteln dazu sind spezielle programme erforderlich: true doc (bitstream) open type (adobe) weft (microsoft)microsoft

7 schrift embedded fonts vorteil: auch nicht installierte schriften können beim user angezeigt werden

8 schriften nachteile: -nicht alle schriften eignen sich technisch zum einbetten -viele schriftarten werden bei einer 72-dpi- darstellung schwer lesbar -unter umständen klappen beim user popupfenster auf -embeddingprogramme sind kommerziell, ausnahme weft embedded fonts

9 schriften schriften als grafik schriften können auch als grafiken (gif oder jpg) abgespeichert werden notwendig bei logos und firmenbezeichnungen achtung: diese schriften sind weder editierbar, noch können sie von schuchmaschienen ausgelesen werden!

10 schriften schrift und layout grundregel 2 schriftarten 2 auszeichnungen diese präsentation lief bisher mit 1 schriftart und einer auszeichnung satzbreite zeichen

11 farbgebung ebenso wie bei den schriften heißt es hier weniger ist mehr die farbgebung einer webseite ist immer das wechselspiel von schrift, farbe und bildern d.h. das design lebt vom zusammenspiel dieser elemente und nicht von den elementen

12 farbgebung die farbgebung muss zum inhalt passen bilder sollten auf neutralen untergrund gesetzt werden schriftfarbe und hintergrund müssen harmonieren

13 farbgebung kontraste farbe- an- sich- kontrast

14 farbgebung kontraste hell- dunkel- kontrast

15 farbgebung kontraste komplementärkontrast

16 farbgebung kontraste simultankontrast

17 farbgebung farbraum alle auf dem computer dargestellten farben werden nach der additiven farbmischung gemischt -die drei grundfarben sind rot grün und blau drucker erzeugen farbe durch subtraktive farmischung -hierbei sind die grundfarben cyan (blau), magenta (rot) und gelb es ist fast unmöglich bildschirmfarben 1:1 als print wiederzugeben

18 layout tipps: breite der webseite max. 700 Pixel vorsicht mit hintergrundbildern, sie werden u.u. gekachelt hintergrundbilder dezent halten –wasserzeichen –schwarz-weiß

19 layout tipps: bilder als gif -265 farben, transparenz möglich oder als jpeg -16,7 millionen farben, keine transparenz mit animationen sparsam umgehen ladezeiten testen

20 layout tipps: style sheets verwenden mit tabellen arbeiten beispiele

21 layout und so bitte nicht! wie war das mit den tabellen? ob das die richtige wahl ist? alles ist möglich! weitere goodies (badies?)


Herunterladen ppt "Verdana Courier Georgia Arial Times New Roman w k M R."

Ähnliche Präsentationen


Google-Anzeigen