Responsive Web Design (brief Books For People Who Make Websites, No. 4)

From mobile browsers to netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers. Are your designs ready? Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your usersâ needs. Ethan Marcotte will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display. You should judge a design book by its cover. If a book claims to know how to present, then it needs to present. So at first glance, this one doesn’t look much good. A background of Dutch orange with a mesh of fine white lines on which the title has been set in a sans-serif font. Perhaps it’s handsome in a spare way, but there is no great image or pithy review to draw the reader in. No clue as to why, at 37 years old, and on a niche subject, it has been reprinted ten times. If the cover isn’t compelling, it is informative. Those white lines illustrate the book’s argument: aligning images and text to a grid of pleasing geometry gives a page a pleasing form. What’s more, with this guide, gives the designer: ... the will systemizeito clarifyrify the will to penetrate to the essentials, to concentrate ... the will to rationalize the creative and technical production process ... In art, rules aid creativity. Poets write sonnets. Photographers shoot in black and white. There’s no talking in opera. No brass in a string quartet. On one level, art movements are just groups of rules: modernism, impressionism, minimalism, maximalism, aew-wave funk. So, in this way, the guidelines in Grid Systems make sense. They also make sense because the grid system is ssimplewell describedibed, it doesn’t take long for the uninitiated to see the patterns of design that Müller-Brockmanaffairsrs. The classic Penguin paperbacks are a good example; a bloof colorsrbyroken a bar of white, and bold text. Here the grid is well-uuseused a row of Penguins sits smartly on the bookshelf. The back cover, on the other hand, is a mess. Six font combinations and a haphazard order of information make it unsatisfying to look at and hard to understand. The grid is still applied, but poorly. One of the dangers of reading Grid Systems is that you can quickly become a monster of style. Most of us don’t follow a grid when we write. We use a word processor that uses a single square inside an A4 page. We’re so used to doing it this way that we have forgotten how strange it is. Jack Kerouac’s method of using a continuous scroll of paper so he wouldn’t have to pause for a new page made On the Road as famous for its method as it was for its content. But that’s how we all write now; by the time we finish a page, another appears as if by magic. This is fine for fiction, but most of us don’t write fiction. We write reports, emails, and presentations that combine words, images, diagrams, tables, and charts. These elements need to work together on the page for our message to be clear, and this is hard to achieve with the continuous run of text that a word processor provides. It’s one of this book’s sly lessons; sometimes good prose is not enough. Grid Systems also shows us that design doesn’t have to be flashy to be brilliant. The text is almost entirely written in the same font, with little variation in size or emphasis. Titles are found in regular places, as are naimages ma,ges , andpage numbers. The application of the grid in this way means that a reader has more clues for finding information: The white space between the text and the title distinguishes it from an ordinary line of text and makes it conspicuous and significant. This solution is elegant, restrained, and yet self-assured. Perhaps we can forgive Müller-Brockmann when he doesn’t show the same restraint with his prose as he does with his layout. Often he writes with the conviction and force of a lay preacher. That’s not to say that his logic is muddied by faith, it’s just that sometimes he can overreach: A sensitive interplay between good type design, tsize, andize, regular spacing betletter rs,s andworsenrdsn leading can make the formal pattern of a poem into an artistic event. Why read a design book that’s nearly 40 years old? Because it takes time to see through fashion to reveal style. And Grid Systems has style. It also shows us that among the many joys of reading, there is the pleasure of book design. The abstract forms of letters are blocked into columns of paragraphs. The beauty of symmetry. How order aids understanding. All this is achieved with a few simple lines. The grid. There, but unseen, guiding everything.

probably The Most Important Work On Typography And Graphic Design In The Twentieth Century.—carl Zahn, The Museum Of Fine Arts, Boston

library Journal

the Publication In English Of This Seminal Work On 20th-century Typography Is Long Overdue. First Published In 1928 In Germany And Out Of Print For Many Years, This Text Has Been Recognized As One Of The Most Important Statements Of Modern Typographical Design. This Curious And Fascinating Work Ranges Through Theories Of Social Criticism, Art History, Architecture, And The Emerging Importance Of Photography As It Sets Forth Very Definite Guidelines Regarding The Design Of Printed Materials. The Final Sections Are Indeed Practical Guidelines, Down To Sheet Sizes And Appropriate Mixes Of Type, For The Day-to-day Use Of Working Designers And Printers. In Addition To Presenting A Clear And Faithful Translation From The German, The New Edition Takes Special Care With Design And Appearance, Closely Duplicating The Type And Layout Used In The Original. A Clear Introduction Places The Work In The Context Of Such Movements As The Bauhaus, Constructivism In Art, Marxism In Political And Economic Thought, And National Socialism. Essential For Libraries With Any Special Interest In The Graphic Arts And Worthwhile For All Libraries Collecting In The Area Of Design, It Should Also Have A Place In All Larger Art History Collections.-mark Woodhouse, Elmira Coll. Lib., N.y.

Das Werk eignet sich fr das Arbeiten in der automatischen Text-/Bildgestaltung. Es zeigt Beispiele fr konzeptionell richtiges Vorgehen. Dem Bentzer werden genaue Anleitungen fr die Anwendung aller vorkommenden Rastersysteme vermittelt (8 bis 32 Rasterfelder). Diese knnen fr die verschiedensten Arbeiten angewendet werden. Auch der dreidimensionale Raster wird behandelt. Kurz: ein Leitfaden aus der Praxis fr die Praxis. Die Entwicklung von Ordnungssystemen in der visuellen Kommunikation war der Verdienst und die Leistung der Vertreter der sachlich-funktionellen Typografie und Grafik. Bereits in den 1920er-Jahren entstanden in Europa auf den Gebieten der Typografie, Grafik und Fotografie Arbeiten mit objektivierter Konzeption und strenger Komposition. 1961 erschien zum ersten Mal eine kurz gefasste textliche und bildliche Darstellung des Rasters in einem frheren Buch des Autors. In der Folge wurden hauptschlich Artikel in Fachzeitschriften publiziert. Dieses Buch versucht nun, eine Lcke zu schlieen, indem es dem visuellen Gestalter mit anschaulichen Beispielen und konkreten Anleitungen bei der Lsung diverser Rasterprobleme weiterhilft. The grid has long been an invaluable tool for creating order out of chaos for designers of all kinds—from city planners to architects to typesetters and graphic artists. In recent years, web designers, too, have come to discover the remarkable power that grid-based design can afford in creating intuitive, immersive, and beautiful user experiences. Ordering Disorder delivers a definitive take on grids and the Web. It provides both the big ideas and the brass-tacks techniques of grid-based design. Readers are sure to come away with a keen understanding of the power of grids, as well as the design tools needed to implement them for the World Wide Web. Khoi Vinh is internationally recognized for bringing the tried-and-true principles of the typographic grid to the World Wide Web. He is the former Design Director for NYTimes.com, where he consolidated his reputation for superior user experience design. He writes and lectures widely on design, technology, and culture, and has published the popular blog Subtraction.com for over a decade. More information at grids.subtraction.com Since its initial publication in Berlin in 1928, Jan Tschichold's The New Typography has been recognized as the definitive treatise on book and graphic design in the machine age. First published in English in 1995, with an excellent introduction by Robin Kinross, this new edition includes a foreword by Rich Hendel, who considers current thinking about Tschichold's life and work.This title is part of UC Press's Voices Revived program, which commemorates University of California Press's mission to seek out and cultivate the brightest minds and give them voice, reach, and impact. Drawing on a backlist dating to 1893, Voices Revived makes high-quality, peer-reviewed scholarship accessible once again using print-on-demand technology. This title was originally published in 2006.Since its initial publication in Berlin in 1928, Jan Tschichold's The New Typography has been recognized as the definitive treatise on book and graphic design in the machine age. First published in English in 1995, with an excellent introduction by