1 | <html> |
---|
2 | <head> |
---|
3 | <title>technikum29.de - Banner</title> |
---|
4 | |
---|
5 | <link rel="stylesheet" href="/shared/css/fresh.css" type="text/css" title="technikum29"> |
---|
6 | <link rel="stylesheet" href="/etc/src/improved.css" type="text/css" title="technikum29"> |
---|
7 | <link rel="stylesheet" href="/etc/src/dir-listings.css" type="text/css" title="technikum29"> |
---|
8 | <link rel="stylesheet" href="/etc/src/autoindex.css" type="text/css" title="technikum29"> |
---|
9 | |
---|
10 | |
---|
11 | <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> |
---|
12 | <meta http-equiv="Content-Script-Type" content="text/javascript"> |
---|
13 | <meta http-equiv="Content-Style-Type" content="text/css"> |
---|
14 | </head> |
---|
15 | <body> |
---|
16 | <!--#set var="lang" value="none" --> |
---|
17 | <!--#include virtual="/src/inc/header.shtm" --> |
---|
18 | |
---|
19 | <div id="page"> |
---|
20 | <!--#set var="TEMPLATE:lastmod" value="19.07.2009" --> |
---|
21 | <!--#include virtual="/src/templates/lastmod.shtm" --> |
---|
22 | |
---|
23 | <h2><a href="/">technikum29.de</a> Banner & Logos</h2> |
---|
24 | |
---|
25 | <p>Im Verzeichnis <a href="/shared/img/banner/"><tt>/shared/img/banner/</tt></a> befinden sich einige offizielle sowie inoffizielle Banner- und Logos der <a href="/">technikum29.de</a>-Homepage.</p> |
---|
26 | |
---|
27 | <p><b>Hinweis zur Verwendung außerhalb der technikum29-Präsenz:</b> Diese Banner sind Eigentum von technikum29 und dürfen nur im Zusammenhang damit (Namensnennung, etc.) verwendet werden. Nehmen sie im Zweifelsfall <a href="/de/impressum">Kontakt auf</a>.</p> |
---|
28 | |
---|
29 | <h3>Banner der dritten Generation (Juli 2009)</h3> |
---|
30 | <p>Im Juli 2009 kam der Museumsdirektor auf die Idee, die wohldefinierte Farbtabelle, die |
---|
31 | seit über 6 Jahren Markenzeichen (Corporate Design) der technikum29.de-Webpräsenz war, |
---|
32 | über Bord zuwerfen zugunsten eines Grün-Blauen-Designs. Da das selbst in seinen Augen unschön |
---|
33 | aussah, wählte er die etwas abgeschwächte Form, in dem er das zweite frische Kernblau durch ein tristes |
---|
34 | Grau ersetzte. Das Ergebnis ist ein Banner, der flau und kraftlos wirkt, unterstützt |
---|
35 | durch die wesentlich zurückhaltendere Erscheinungsform der Schrift.</p> |
---|
36 | <ul class="dir"> |
---|
37 | <li class="img"><strong>Deutsch</strong>: <a |
---|
38 | href="/shared/img/banner/big.de-v3.png">/shared/img/banner/big.de-v3.png</a><br> |
---|
39 | <img src="/shared/img/banner/big.de-v3.png" alt="Big Banner german (v3)"></li> |
---|
40 | </ul> |
---|
41 | |
---|
42 | <h3>Neue Banner (seit v5.7)</h3> |
---|
43 | <p>Die neuen Banner seit v5.7 behalten die bewährte Farbtabelle seit v5.0 bei und verbinden |
---|
44 | sie mit frischen zeitgemäßen Designelementen (nichtlinearer Farbverlauf, Spiegelwurf, |
---|
45 | weißer Schatten). Sie waren ein wesentliches Element, welches dem Design damals den Namen |
---|
46 | <i>fresh</i> gab.</p> |
---|
47 | |
---|
48 | <ul class="dir"> |
---|
49 | <li class="img"><strong>Deutsch</strong>: <a href="/shared/img/banner/big.de.png">/shared/img/banner/big.de.png</a><br> |
---|
50 | <img src="/shared/img/banner/big.de.png" alt="Big Banner german (web2.0)"></li> |
---|
51 | |
---|
52 | <li class="img"><strong>Englisch</strong>: <a href="/shared/img/banner/big.en.png">/shared/img/banner/big.en.png</a><br> |
---|
53 | <img src="/shared/img/banner/big.en.png" alt="Big Banner english (web2.0)"></li> |
---|
54 | |
---|
55 | <li class="img"><strong>Entwicklungsversion</strong>: <a href="/shared/img/banner/dev.png">/shared/img/banner/dev.png</a><br> |
---|
56 | <img src="/shared/img/banner/dev.png" alt="Big Banner german devzone"></li> |
---|
57 | |
---|
58 | <li class="img"><strong>Nur Logo</strong>: <a href="/shared/img/banner/logo.png">/shared/img/banner/logo.png</a><br> |
---|
59 | <img src="/shared/img/banner/logo.png" alt="Big Banner logo only (web2.0)"></li> |
---|
60 | |
---|
61 | <li class="img"><strong>Schwarz auf Weiß</strong>: <a href="/shared/img/banner/light.png">/shared/img/banner/light.png</a><br> |
---|
62 | <img src="/shared/img/banner/light.png" alt="Big Banner black on white (web2.0)"> |
---|
63 | (Als Ersatz für den alten schwarz auf weiß-Banner, s.u.) |
---|
64 | </li> |
---|
65 | |
---|
66 | </ul> |
---|
67 | |
---|
68 | <h3>Alte Banner, mit Unterschrift</h3> |
---|
69 | <p>Im alten screen-Design gab es große und kleine Banner, jeweils für Inhalts- und Extraseiten</p> |
---|
70 | |
---|
71 | <b>Groß:</b> |
---|
72 | |
---|
73 | <ul class="dir"> |
---|
74 | <li class="img"><strong>Deutsch</strong>: <a href="/shared/img/banner/big.de-old.jpg">/shared/img/banner/big.de-old.jpg</a><br> |
---|
75 | <img src="/shared/img/banner/big.de-old.jpg" alt="banner big german"></li> |
---|
76 | |
---|
77 | <li class="img"><strong>Englisch</strong>: <a href="/shared/img/banner/big.en-old.jpg">/shared/img/banner/big.en-old.jpg</a><br> |
---|
78 | <img src="/shared/img/banner/big.en-old.jpg" alt="banner big english"></li> |
---|
79 | |
---|
80 | <li><strong>Chinesisch</strong>: <a href="/shared/img/banner/chinese.jpg">/shared/img/banner/chinese.jpg</a><br> |
---|
81 | <img src="/shared/img/banner/chinese.jpg" alt="banner big chinese"> |
---|
82 | <br>Hinweis: Dieser Banner ist ein <b>Scherz</b>. (this banner is a bulk!)</li> |
---|
83 | </ul> |
---|
84 | |
---|
85 | <b>Klein:</b> |
---|
86 | |
---|
87 | <ul class="dir"> |
---|
88 | <li class="img"><strong>Deutsch</strong>: <a href="/shared/img/banner/small.de.jpg">/shared/img/banner/small.de.jpg</a><br> |
---|
89 | <img src="/shared/img/banner/small.de.jpg" alt="banner small german"></li> |
---|
90 | |
---|
91 | <li class="img"><strong>Englisch</strong>: <a href="/shared/img/banner/small.en.jpg">/shared/img/banner/small.en.jpg</a><br> |
---|
92 | <img src="/shared/img/banner/small.en.jpg" alt="banner small english"></li> |
---|
93 | </ul> |
---|
94 | |
---|
95 | <h3>Ältere Versionen</h3> |
---|
96 | <p>Diese Banner wurden nie benutzt, lediglich während der Entwicklung von v5.0:</p> |
---|
97 | <ul> |
---|
98 | <li>Version 1:<br><img src="/shared/img/banner/banner-v1.old.jpg"></li> |
---|
99 | <li>version 2:<br><img src="/shared/img/banner/banner-v2.old.jpg"></li> |
---|
100 | </ul> |
---|
101 | |
---|
102 | <h3>Anderes</h3> |
---|
103 | <p>Für diese alten Banner gibt es die neuen Banner als Ersatz, siehe oben</p> |
---|
104 | |
---|
105 | <ul class="dir"> |
---|
106 | <li class="img"><strong>Nur Logo</strong>: <a href="/shared/img/banner/logo.jpg">/shared/img/banner/logo.jpg</a><br></p> |
---|
107 | <img src="/shared/img/banner/logo.jpg" alt="logo only"></li> |
---|
108 | |
---|
109 | <li class="img"><strong>inoffiziell</strong> ein nicht so toller Banner schwarz auf weiß:<br> |
---|
110 | <img src="/shared/img/banner/light.jpg" alt="light"></li> |
---|
111 | |
---|
112 | </ul> |
---|
113 | |
---|
114 | </div><!--page--> |
---|
115 | <!--#include virtual="/src/templates/autoindex.shtm" --> |
---|
116 | |
---|
117 | |
---|