Как спроектировать современный сайт
Шрифт:
Одни и те же принципы дизайна на основе сетки могут использоваться как в «резиновой» верстке, так и в «отзывчивом» веб-дизайне. Юниты можно объединять в колонки и области, а размеры элементов менять в зависимости от основных параметров сетки. Эти элементы должны увеличиваться и уменьшаться в соответствии с этими же параметрами, но важно помнить, что изменяться должно не всё. Некоторые элементы могут и должны оставаться неизменными. В среде, где элементы бесконечно меняют размеры, очень важно сохранить постоянство, предоставить пользователям какие-нибудь ориентиры. По мере развития этой теории появятся новые возможности для дизайнеров, работающих в этой области. Но неизменной останется центральная роль дизайнера – человека, управляющего пользовательским
Глава 5. Заключение
Завершая рассказ об основанном на использовании сетки веб-дизайне, мне хотелось бы ненадолго остановиться на перспективах его развития.
Типографская сетка лежит в основе бесчисленного множества афиш, книг, журналов и других выразительных примеров дизайнерского искусства, но пока еще не получила широкого применения в цифровом мире. По мере развития средств и технологий все больше дизайнеров начинают использовать основные принципы сетки в новой среде, сетки могут стать более распространенными, поскольку представляют собой естественное решение, позволяющее отображать цифровые материалы и обеспечивать их функциональность. Благодаря постоянному совершенствованию технологии в ближайшем будущем роль сеток станет еще более важной и они принесут еще больше пользы в новом цифровом мире.
Моя книга – это попытка помочь ускорить этот процесс, распространить принцип сетки в надежде, что он изменит к лучшему практику веб-дизайна и дизайна во всех цифровых сферах. Но не стоит думать, что эта книга прогнозирует будущее, в котором Интернет или любое другое цифровое средство станет больше походить на мир печатной продукции и аналоговых СМИ, чем сейчас. Скорее наоборот.
По мере развития технологий СМИ будут все меньше и меньше походить на те, что были раньше. Технические новшества будут формировать и изменять наше общение.
Что более важно, поведение пользователей будет развиваться, порождая новые способы взаимодействия в цифровом мире. Все это предоставляет дизайнерам новые возможности и ставит перед ними новые проблемы. Изменение задач дизайна приведет к изменению дизайн-решений.
Разработка дизайна на основе сетки – это не попытка использовать преимущества старого метода в рамках нового. По сути, чтобы принципы создания сеток обеспечили действительно положительные перемены в Интернете или любом цифровом СМИ, дизайнеры должны перерабатывать и изменять их в зависимости от поставленных задач. Многому можно научиться на основе существующего опыта использования сеток, и нам еще предстоит освоить много правил их применения. Самая важная мысль состоит в том, что дизайнер должен понимать поставленную перед ним задачу и найти соответствующее решение.
Приложение
Одной книги о сетках будет явно недостаточно для дизайнера, стремящегося к новому. Чем больше вы узнаете о работах других специалистов, тем быстрее вы развиваетесь. Я привожу список лучших книг, посвященных сеткам и дизайну, которые я читал. Он неполный, во всех этих книгах и на сайтах упоминаются множество других «источников вдохновения». Старайтесь по возможности прочитать всё, что доступно по этой теме.
Последнее замечание : кроме указанных ресурсов ознакомьтесь с сайтом-спутником этой книги:Здесь вы сможете найти обновления списка литературы, дополнительные комментарии и много другой информации.
Сетки
• Der typografische raster. The Typographic Grid , Hans Rudolf Bosshard.
• A Practical Guide to Designing Grid Systems for the Web , Mark Boulton.
• Grid Systems: Principles of Organizing Type, Kimberly Elam.
• Geometry of Design, Kimberly Elam (Элам К. Геометрия дизайна. Пропорции и композиция. СПб.: Питер, 2011).
• The Grid Book, Hannah В. Higgins.
• The Grid, Allen Hurlburt ( Хёрлберт А. Сетка: Модульная система конструирования и производства газет, журналов и книг. М.: Книга, 1984).
• Grid Systems in Graphic Design, Josef Muller-Brockmann.
• The Designer and the Grid, Lucienne Roberts and Julia Thrift.
• Making and Breaking the Grid, Timothy Samara (Самара T. Создавая и ломая сетку. Мастерская графического дизайна. М.: РИН-Холдинг, 2005).
Сайты, на которых можно найти информацию о сетках
• Система сетки – http://www.thegridsystem.org
• Пять простых шагов к созданию систем сеток от Марка Бултона – http://bit.ly/atBRYh
• Дизайн на основе сеток – http://grid-based.com
• Gridness – http://gridness.net
• Blueprint CSS Framework – http://www.blueprintcss.org
• Система Grid 960 – http://960.gs
• «Отзывчивый» веб-дизайн – http://responsivewebdesign.com
• Fluidgrid – http://fuid.newgoldleaf.com
О дизайнерах
• Unimark International: The Design of Business and The Business of Design, Jannet Conradi.
• Paul Rand, Steven Heller.
• Swiss Graphic Design: The Origins and Growth of an International Style, 1920–1965, Richard Hollis.
• Corporate Diversity. Swiss Graphic Design and Advertising by Geigy 1940–1970.
Josef Miiller-Brockmann: Pioneer of Swiss Graphic Design, Lars Muller and Paul Rand.
• Josef Muller-Brockmann, Kerry William Purcell.
• Otl Aicher, Markus Rathgeb.
• Design Is One , Leila and Massimo Vignelli.
Типографика
• The Elements of Typographic Style, Robert Bringhurst (Бринхёрст P. Основы стиля в типографике. М.: Д. Аронов, 2006).
• TypeWise, Kit Hinrichs.
• Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, Ellen Lupton.
• Stop Stealing Sheep & Find Out How Type Works, Erik Spiekermann (Шпикерман Э. О шрифте. М.: ПараТайп, 2005).
• The New Typography, Jan Tschichold (Чихольд Я. Новая типографика. М.: Студия Артемия Лебедева, 2011).
HTML и CSS
• Bulletproof Web Design , Dan Cederholm (Седерхольм Д. Пуленепробиваемый Web-дизайн. М.: НТ Пресс, 2006).
• Web Standards Solutions\'. The Markup and Style Handbook, Dan Cederholm.
• Eric Meyer on CSS , Eric Meyer.
• Designing with Web Standards , Jeffrey Zeldman with Ethan Marcotte.