1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 4<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'><head> 5<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/> 6<meta name='keywords' content='Graphic, Design, History, history of graphic design, typography, printing, advertising, Art History, Gutenberg, Book History, Poster History, Bauhaus, Art and Crafts, Digital Design, Macintosh, Modernism, Swiss, International, style, Post Modern, Deconstruction, New Wave, Avant Garde, Constructivism,'/> 7<meta name='author' content='Dominic Flask'/> 8<meta name='copyright' content='(c) 2010 Dominic Flask'/> 9<meta name="google-site-verification" content="zrolZEmBaEpANskyfGNAlt5ETHRAx8-250X2ClfaImI" /> 10<meta name='description' content='History of Graphic Design, Graphic Designers, Art and Design Movements, Motion Graphics, Typography, Color, Design, graphic, Design, Reference, Referenced, A collection of information intended to be used as a primer and a reference tool in relation to the history of graphic design'/> 11 12 13<title>Gutenberg : Design Is History</title> 14<link rel="icon" type="image/png" href="/favicon.ico" > 15<link rel='stylesheet' href='http://designishistory.com/ndxz-studio/site/sample/style.css' type='text/css' /> 16<link rel="stylesheet" type="text/css" href="/css/lightview.css" /> 17<!--[if lte IE 6]> 18<link rel='stylesheet' href='http://designishistory.com/ndxz-studio/site/sample/ie.css' type='text/css' /> 19<![endif]-->
20<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/jquery.js'></script>
vendor: 1 bytes, line 20
20
21<script type='text/javascript'> var $j = jQuery.noConflict(); </script>
vendor: 1 bytes, line 21
21
22<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
vendor: 1 bytes, line 22
22
23<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
23 24 25 26<style type='text/css'> 27.grow { float:left; margin-bottom: 18px; } 28 .thumb { padding:0; text-align:left; display: table; height: 220px; #position: relative; overflow: hidden; width: 220px; } 29 30 .grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; } 31 .grow em { font-style: normal; display: none; text-align: center; } 32 33 .thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: left; } 34 .thumb-img { #position: relative; width: 220px; display:block; } 35</style> 36
37<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/grow.vaska.js'></script>
37 38 39 40<!--Lightview-->
41<script type='text/javascript' src='/js/lightview.js'></script>
41 42 43<!--Expanding Menus-->
44<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/cookie.js'></script>
vendor: 1 bytes, line 44
44
45<script type='text/javascript'> 46 47function expandingMenu(num) { 48 var speed = 500; 49 50 var item_title = $j("#menu ul").eq(num).children(":first"); 51 var items = $j("#menu ul").eq(num).children().filter(function (index) { return index > 0; }); 52 53 /* hide items if not active */ 54 if (items.is(".active") == false) { 55 items.hide(); 56 } 57 58 /* add click functions + pointer to title */ 59 item_title.css({cursor:"pointer"}).toggle( 60 function () { 61 items.show(speed); 62 }, function () { 63 items.hide(speed); 64 } 65 ) 66} 67 68path = 'http://designishistory.com/files/gimgs/'; 69 70$j(document).ready(function() 71{ 72 setTimeout('move_up()', 1); 73 expandingMenu(0); 74 expandingMenu(1); 75 expandingMenu(2); 76 expandingMenu(3); 77 expandingMenu(4); 78 expandingMenu(5); 79 expandingMenu(6); 80 expandingMenu(7); 81 expandingMenu(8); 82 expandingMenu(9); 83 expandingMenu(10); 84}); 85 86</script>
86 87 88 89<!--TypeKit-->
90<script type="text/javascript" src="http://use.typekit.com/llf3ohn.js"></script>
vendor: 1 bytes, line 90
90
91<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
91 92 93 94 95<style type='text/css'> 96body { background-color: #120700; } 97</style> 98
99<script type="text/javascript"> 100 101 var _gaq = _gaq || []; 102 _gaq.push(['_setAccount', 'UA-17086718-1']); 103 _gaq.push(['_trackPageview']); 104 105 (function() { 106 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 107 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 108 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 109 })(); 110 111</script>
111 112 113</head> 114 115<body class='section-5'> 116<div id='menu'> 117<div class='container'> 118 119<p><a href="http://www.designishistory.com" ><img src="/images/bookmark.png"></a></p> 120<ul> 121<li class='section-title'>1450</li> 122<li><a href='http://designishistory.com/design/early-typographers/' onclick="do_click();">Early Typographers</a></li> 123<li class='active'><a href='http://designishistory.com/1450/gutenberg/' onclick="do_click();">Gutenberg</a></li> 124<li><a href='http://designishistory.com/1450/printing-techniques/' onclick="do_click();">Printing Techniques</a></li> 125<li><a href='http://designishistory.com/1450/type-classification/' onclick="do_click();">Type Classification</a></li> 126</ul> 127 128<ul> 129<li class='section-title'>1850</li> 130<li><a href='http://designishistory.com/1850/arts--crafts/' onclick="do_click();">Arts & Crafts</a></li> 131<li><a href='http://designishistory.com/1850/peter-behrens/' onclick="do_click();">Peter Behrens</a></li> 132<li><a href='http://designishistory.com/1850/art-nouveau/' onclick="do_click();">Art Nouveau</a></li> 133<li><a href='http://designishistory.com/1850/posters/' onclick="do_click();">Posters</a></li> 134<li><a href='http://designishistory.com/1850/van-de-velde/' onclick="do_click();">Van de Velde</a></li> 135<li><a href='http://designishistory.com/1850/futurism/' onclick="do_click();">Futurism</a></li> 136<li><a href='http://designishistory.com/1850/dada/' onclick="do_click();">Dada</a></li> 137</ul> 138 139<ul> 140<li class='section-title'>1920</li> 141<li><a href='http://designishistory.com/1920/suprematism/' onclick="do_click();">Suprematism</a></li> 142<li><a href='http://designishistory.com/1920/constructivism/' onclick="do_click();">Constructivism</a></li> 143<li><a href='http://designishistory.com/1920/el-lissitzky/' onclick="do_click();">El Lissitzky</a></li> 144<li><a href='http://designishistory.com/1920/aleksander-rodchenko/' onclick="do_click();">Aleksander Rodchenko</a></li> 145<li><a href='http://designishistory.com/1920/varvara-stepanova/' onclick="do_click();">Varvara Stepanova</a></li> 146<li><a href='http://designishistory.com/1920/kurt-schwitters/' onclick="do_click();">Kurt Schwitters</a></li> 147<li><a href='http://designishistory.com/1920/lucian-bernhard/' onclick="do_click();">Lucian Bernhard</a></li> 148<li><a href='http://designishistory.com/1920/de-stijl/' onclick="do_click();">De Stijl</a></li> 149<li><a href='http://designishistory.com/1920/theo-van-doesberg/' onclick="do_click();">Theo Van Doesberg</a></li> 150<li><a href='http://designishistory.com/1920/the-bauhaus/' onclick="do_click();">The Bauhaus</a></li> 151<li><a href='http://designishistory.com/1920/laszlo-moholy-nagy/' onclick="do_click();">Laszlo Moholy-Nagy</a></li> 152<li><a href='http://designishistory.com/1920/herbert-bayer/' onclick="do_click();">Herbert Bayer</a></li> 153<li><a href='http://designishistory.com/1920/am-cassandre/' onclick="do_click();">A.M. Cassandre</a></li> 154<li><a href='http://designishistory.com/1920/jan-tschichold/' onclick="do_click();">Jan Tschichold</a></li> 155<li><a href='http://designishistory.com/1850/wa-dwiggins/' onclick="do_click();">W.A. Dwiggins</a></li> 156<li><a href='http://designishistory.com/1920/piet-zwart/' onclick="do_click();">Piet Zwart</a></li> 157</ul> 158 159<ul> 160<li class='section-title'>1940</li> 161<li><a href='http://designishistory.com/1940/joseph-albers/' onclick="do_click();">Joseph Albers</a></li> 162<li><a href='http://designishistory.com/1940/gyorgy-kepes/' onclick="do_click();">Gyorgy Kepes</a></li> 163<li><a href='http://designishistory.com/home/swiss/' onclick="do_click();">Swiss Design</a></li> 164<li><a href='http://designishistory.com/1940/emil-ruder/' onclick="do_click();">Emil Ruder</a></li> 165<li><a href='http://designishistory.com/1940/armin-hofmann/' onclick="do_click();">Armin Hofmann</a></li> 166<li><a href='http://designishistory.com/1940/joseph-mueller-brockmann/' onclick="do_click();">Joseph Müller-Brockmann</a></li> 167<li><a href='http://designishistory.com/1940/walter-herdeg/' onclick="do_click();">Walter Herdeg</a></li> 168<li><a href='http://designishistory.com/1940/alvin-lustig/' onclick="do_click();">Alvin Lustig</a></li> 169<li><a href='http://designishistory.com/1940/herbert-matter/' onclick="do_click();">Herbert Matter</a></li> 170<li><a href='http://designishistory.com/1940/will-burtin/' onclick="do_click();">Will Burtin</a></li> 171<li><a href='http://designishistory.com/1940/lester-beall/' onclick="do_click();">Lester Beall</a></li> 172<li><a href='http://designishistory.com/1940/alex-steinweiss/' onclick="do_click();">Alex Steinweiss</a></li> 173<li><a href='http://designishistory.com/1940/erik-nitsche/' onclick="do_click();">Erik Nitsche</a></li> 174<li><a href='http://designishistory.com/1940/ladislav-sutnar/' onclick="do_click();">Ladislav Sutnar</a></li> 175<li><a href='http://designishistory.com/1940/adrian-frutiger/' onclick="do_click();">Adrian Frutiger</a></li> 176<li><a href='http://designishistory.com/1940/alexey-brodovitch/' onclick="do_click();">Alexey Brodovitch</a></li> 177<li><a href='http://designishistory.com/1940/robert-brownjohn/' onclick="do_click();">Robert Brownjohn</a></li> 178</ul> 179 180<ul> 181<li class='section-title'>1960</li> 182<li><a href='http://designishistory.com/1960/otl-aicher/' onclick="do_click();">Otl Aicher</a></li> 183<li><a href='http://designishistory.com/1960/wim-crouwel/' onclick="do_click();">
183Wim Crouwel</a></li> 184<li><a href='http://designishistory.com/1960/bradbury-thompson/' onclick="do_click();">Bradbury Thompson</a></li> 185<li><a href='http://designishistory.com/1960/wolfgang-weingart/' onclick="do_click();">Wolfgang Weingart</a></li> 186<li><a href='http://designishistory.com/1960/corporate-id/' onclick="do_click();">Corporate ID</a></li> 187<li><a href='http://designishistory.com/1960/paul-rand/' onclick="do_click();">Paul Rand</a></li> 188<li><a href='http://designishistory.com/1960/saul-bass/' onclick="do_click();">Saul Bass</a></li> 189<li><a href='http://designishistory.com/1960/george-lois/' onclick="do_click();">George Lois</a></li> 190<li><a href='http://designishistory.com/1960/lou-dorfsman/' onclick="do_click();">Lou Dorfsman</a></li> 191<li><a href='http://designishistory.com/1960/yusaku-kamekura/' onclick="do_click();">Yusaku Kamekura</a></li> 192<li><a href='http://designishistory.com/1960/ikko-tanaka/' onclick="do_click();">Ikko Tanaka</a></li> 193<li><a href='http://designishistory.com/1960/chermayeff--geismar/' onclick="do_click();">Chermayeff & Geismar</a></li> 194<li><a href='http://designishistory.com/1960/herb-lubalin/' onclick="do_click();">Herb Lubalin</a></li> 195<li><a href='http://designishistory.com/1960/fact-eros--avant-garde/' onclick="do_click();">Eros, Fact, Avant Garde</a></li> 196<li><a href='http://designishistory.com/1960/ulc/' onclick="do_click();">U&lc</a></li> 197<li><a href='http://designishistory.com/1960/shigeo-fukuda/' onclick="do_click();">Shigeo Fukuda</a></li> 198<li><a href='http://designishistory.com/1960/first-things-first/' onclick="do_click();">First Things First</a></li> 199<li><a href='http://designishistory.com/1960/seymour-chwast/' onclick="do_click();">Seymour Chwast</a></li> 200<li><a href='http://designishistory.com/1960/tadanori-yokoo/' onclick="do_click();">Tadanori Yokoo</a></li> 201<li><a href='http://designishistory.com/1960/milton-glaser/' onclick="do_click();">Milton Glaser</a></li> 202<li><a href='http://designishistory.com/1960/massimo-vignelli/' onclick="do_click();">Massimo Vignelli</a></li> 203</ul> 204 205<ul> 206<li class='section-title'>1980</li> 207<li><a href='http://designishistory.com/1980/new-ideas-/' onclick="do_click();">New Ideas </a></li> 208<li><a href='http://designishistory.com/1980/the-macintosh/' onclick="do_click();">The Macintosh</a></li> 209<li><a href='http://designishistory.com/1980/peter-saville/' onclick="do_click();">Peter Saville</a></li> 210<li><a href='http://designishistory.com/1980/april-greiman/' onclick="do_click();">April Greiman</a></li> 211<li><a href='http://designishistory.com/1980/emigre/' onclick="do_click();">Emigre</a></li> 212<li><a href='http://designishistory.com/1980/ray-gun/' onclick="do_click();">Ray Gun</a></li> 213<li><a href='http://designishistory.com/1980/david-carson/' onclick="do_click();">David Carson</a></li> 214<li><a href='http://designishistory.com/1980/tibor-kalman/' onclick="do_click();">Tibor Kalman</a></li> 215<li><a href='http://designishistory.com/1980/chip-kidd/' onclick="do_click();">Chip Kidd</a></li> 216<li><a href='http://designishistory.com/1980/the-face/' onclick="do_click();">The Face</a></li> 217<li><a href='http://designishistory.com/1980/neville-brody/' onclick="do_click();">Neville Brody</a></li> 218<li><a href='http://designishistory.com/1980/eye/' onclick="do_click();">Eye</a></li> 219<li><a href='http://designishistory.com/1980/rick-poynor/' onclick="do_click();">Rick Poynor</a></li> 220<li><a href='http://designishistory.com/1980/louise-fili/' onclick="do_click();">Louise Fili</a></li> 221<li><a href='http://designishistory.com/1980/the-designers-republic/' onclick="do_click();">The Designers Republic</a></li> 222<li><a href='http://designishistory.com/1980/paula-scher/' onclick="do_click();">Paula Scher</a></li> 223<li><a href='http://designishistory.com/1980/bruce-mau/' onclick="do_click();">Bruce Mau</a></li> 224<li><a href='http://designishistory.com/1980/ed-fella/' onclick="do_click();">Ed Fella</a></li> 225<li><a href='http://designishistory.com/1980/barbara-kruger/' onclick="do_click();">Barbara Kruger</a></li> 226<li><a href='http://designishistory.com/1980/rick-valicenti/' onclick="do_click();">Rick Valicenti</a></li> 227</ul> 228 229<ul> 230<li class='section-title'>2000</li> 231<li><a href='http://designishistory.com/2000/under-consideration/' onclick="do_click();">Under Consideration</a></li> 232<li><a href='http://designishistory.com/2000/michael-bierut/' onclick="do_click();">Michael Bierut</a></li> 233<li><a href='http://designishistory.com/2000/sagmeister/' onclick="do_click();">Sagmeister</a></li> 234<li><a href='http://designishistory.com/2000/michael-johnson/' onclick="do_click();">Michael Johnson</a></li> 235<li><a href='http://designishistory.com/2000/experimental-jetset/' onclick="do_click();">Experimental Jetset</a></li> 236<li><a href='http://designishistory.com/2000/wolff-olins/' onclick="do_click();">Wolff Olins</a></li> 237<li><a href='http://designishistory.com/2000/ellen-lupton/' onclick="do_click();">Ellen Lupton</a></li> 238<li><a href='http://designishistory.com/2000/daniel-eatock/' onclick="do_click();">Daniel Eatock</a></li> 239<li><a href='http://designishistory.com/2000/winterhouse/' onclick="do_click();">
239Winterhouse</a></li> 240<li><a href='http://designishistory.com/2000/debbie-millman/' onclick="do_click();">Debbie Millman</a></li> 241<li><a href='http://designishistory.com/2000/marian-bantjes/' onclick="do_click();">Marian Bantjes</a></li> 242</ul> 243 244<ul> 245<li class='section-title'>Design</li> 246<li><a href='http://designishistory.com/design/advertising/' onclick="do_click();">Advertising</a></li> 247<li><a href='http://designishistory.com/design/identity-and-branding/' onclick="do_click();">Identity and Branding</a></li> 248<li><a href='http://designishistory.com/design/illustration/' onclick="do_click();">Illustration</a></li> 249<li><a href='http://designishistory.com/design/editorial-design/' onclick="do_click();">Editorial Design</a></li> 250<li><a href='http://designishistory.com/design/typography/' onclick="do_click();">Typography</a></li> 251<li><a href='http://designishistory.com/design/infographics/' onclick="do_click();">Infographics</a></li> 252<li><a href='http://designishistory.com/design/packaging/' onclick="do_click();">Packaging</a></li> 253<li><a href='http://designishistory.com/design/posters/' onclick="do_click();">Posters</a></li> 254<li><a href='http://designishistory.com/design/environmental/' onclick="do_click();">Environmental</a></li> 255<li><a href='http://designishistory.com/design/motion-graphics/' onclick="do_click();">Motion Graphics</a></li> 256<li><a href='http://designishistory.com/design/interactive/' onclick="do_click();">Interactive</a></li> 257<li><a href='http://designishistory.com/design/socially-responsible/' onclick="do_click();">Socially Responsible</a></li> 258</ul> 259 260<ul> 261<li class='section-title'>About</li> 262<li><a href='http://designishistory.com/this-site/' onclick="do_click();">The Site</a></li> 263<li><a href='http://designishistory.com/legend/' onclick="do_click();">Legend</a></li> 264<li><a href='http://designishistory.com/bibliography/' onclick="do_click();">Bibliography</a></li> 265<li><a href='http://designishistory.com/credits/' onclick="do_click();">Credits</a></li> 266</ul> 267 268 269 270 271</div> 272</div> 273 274<div id='content'> 275<div class='page'> 276 277<!-- text and image --> 278<div id='gutenberg'><div id='headline'><br /> 279Johannes Gutenberg<br /> 280</div><br /> 281<img src="/images/gutenberg/bible.jpg"><br /> 282<div id='left'><br /> 283Born in 1398 in Germany, Johannes Gutenberg is best known for his invention of movable mechanized type, which played an important role in the development of the Renaissance, the Reformation and the Scientific Revolution. Movable type was a massive improvement of the handwritten manuscript and allowed for much faster production of printed materials. Movable type was also invented in China at approximately the same time that Gutenberg developed his invention. However, Gutenberg was instrumental in spreading its use across Europe and the World. <br/><br /> 284Gutenberg's major publication was a Bible, which is referred to as the <i>42-line Bible</i>, the <i>Mazarin Bible</i> or the <i>Gutenberg Bible</i>. The book first appeared in 1455, although it is thought to have undergone production starting in 1454, and there were approximately 180 copies produced, of which 21 complete copies still exist. The book set many of the printing standards for future publications and is still referenced for its quality in production and typography. <br/><br /> 285</div><br /> 286<div id='right'>Image compiled from the digital version of the Gutenberg bible located at the <a href="http://www.bl.uk/treasures/gutenberg/homepage.html" target="_blank">British Library</a>.<br /> 287</div><br /> 288<div id='links'><br /> 289<div id='external'>References and More Information:</div><div id='linkage'><a href="http://en.wikipedia.org/wiki/Johannes_Gutenberg" target="_blank">Wikipedia</a><br /> 290<a href="http://www.gutenberg-museum.de/index.php?id=29&L=1" target="_blank">The Gutenberg Museum</a><br /> 291<a href="http://www.hrc.utexas.edu/exhibitions/permanent/gutenberg/project/" target="_blank">The Digital Gutenberg Project</a><br /> 292</div><br /> 293<div style='clear:left'><br /> 294<link rel="stylesheet" type="text/css" href="/css/1450/gutenberg.css" /><br /> 295</div> 296<div class='cl'><!-- --></div> 297 298<!-- end text and image --> 299 300<!-- Google CSE 301<div id='search'> 302<div id="cse" style="width: 100%;">Loading</div>
303<script src="http://www.google.com/jsapi" type="text/javascript"></script>
vendor: 1 bytes, line 303
303
304<script type="text/javascript"> 305 google.load('search', '1', {language : 'en'}); 306 google.setOnLoadCallback(function() { 307 var customSearchControl = new google.search.CustomSearchControl('014380253244603972131:dfmx_g9xtcw'); 308 customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); 309 customSearchControl.draw('cse'); 310 }, true); 311</script>
311 312<link rel="stylesheet" href="/css/search.css" type="text/css" /> 313</div>--> 314 315</div> 316</div> 317 318</body> 319</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.