Основы дизайна и типографики По материалам книг Р

Основы дизайна и типографики По материалам книг: Р. Уильямс «Не-дизайнерская книга о дизайне» Д. Кирсанов «Веб-дизайн»

Рассматриваемые_ вопросы_ u Что такое «дизайн» u Что такое компьютерный дизайн u Основные принципы дизайна применительно к текстам

Дизайн_ Дизайн — англ. «desing» — замысел, умысел, план, цель, намерение, творческий замысел, проект, чертеж, расчет, конструкция; эскиз, рисунок, узор, композиция, искусство композиции, произведение искусства Дизайн — это творческий метод, процесс и результат художественно-технического проектирования промышленных изделий, их комплексов и систем, ориентированный на достижение наиболее полного соответствия создаваемых объектов и среды в целом возможностям и потребностям человека, как утилитарным, так и эстетическим.

Дизайн_ Дизайн u u Смысл понятия «Дизайн» . Дизайн — специфический ряд проектной деятельности, объединивший художественнопредметное творчество и научно обоснованную инженерную практику в сфере индустриального производства Практика и теория дизайна. Практика дизайна — художественное конструирование. Теория дизайна — техническая эстетика. Предмет дизайна. Предметом дизайнерской деятельности (то, на что она направлена) является создание гармоничной, содержательной и выразительной формы объекта, в котором отражается целостное значение его потребительной ценности. Объекты дизайна. Объектом дизайна может стать практически любое новое техническое промышленное изделие (комплект, ансамбль, комплекс, системы) в любой сфере жизнедеятельности людей, где имеется социально-культурное человеческое общение.

Дизайн: основные категории § Цвет § Форма основные принципы_ принципы u единств о u баланс u контраст Иоханнес Иттен, Эмиль Рудер, Ян Чихольд, Владимир Фаворский

Компьютерный дизайн — чрезвычайно объемная сфера практического дизайна, включающая в себя следующие области: u собственно графику; u полиграфический дизайн; u электронные издания; u Web-дизайн; u трехмерную графику.

Основные принципы дизайна применительно к текстам

Основные принципы дизайна: единство (1) Не допускается пестрота применяемых форм объектов (2) Необходимо стремиться к одинаковому выравниванию элементов (3) Некоторые элементы рекомендуется повторять для организации объектов (4) В выборе цветов применяются 1 -2 контрастных цвета (кроме белого и черного). Допускаются близкие оттенки одного цвета, которые отличаются насыщенностью и яркостью

Основные принципы дизайна: единство достижение целостности текстовой композиции; логическая организация текста, взаимосвязанные смысловые элементы должны быть сгруппированы; ограничение фокусов внимания композиции; введение в композицию дополнительного элемента не украшает ее, а усложняет; присутствие чувства меры, «чтобы веселее смотрелось» — вот этого не надо!

Пример_1 (812) 310 -01 -05 Ведущий инженер Константин Меньшов Санкт-Петербург, наб. р. Фонтанки, 118 ООО «Петерлинк» Много отдельных элементов, взгляд блуждает по визитке, перебегая беспорядочно с одного элемента на другой. Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Сгруппированные элементы логически связаны, информация легче воспринимается и запоминается.

Основные правила_ правила дизайна: единство ничто не должно быть в композиции случайного; каждый элемент зрительно связан с другими элементами; выравнивание позволяет объединить и организовать все имеющиеся элементы в композиции, даже если они расположены далеко друг от друга; выравнивание придает тексту характер: официальный или изысканный, серьезный или смешной вид

Основные принципы дизайна: единство использование повторения элементов оформления позволяет придать единообразие страницам; повторения: одинаковое оформление заголовков, списков, использование декоративных линий, символов, графических изображений, пространственное расположение элементов на страницах и др. ; повторение элементов позволяет также придать привлекательность страницам (как аксессуары в женской одежде)

Пример_2 интересный пример повторов-аксессуаров из имеющихся в кабинете

Основные принципы дизайна: баланс [1] Соразмерность [2] Уравновешенность [3] Симметричность или [4] Выверенная художественная асимметрия

Пример_3 Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Текст на визитке выровнен по центру на странице в целом и по отношению ко всем элементам. Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 Выравнивание по правому краю. Невидимая линия, связывающая края двух групп текста визитки более жесткая.

Пример_4 Константин Меньшов Ведущий инженер ООО «Петерлинк» Санкт-Петербург, наб. р. Фонтанки, 118 (812) 310 -01 -05 После прочтения этой визитки взглад начинает бесцельно скользить по карточке. После прочтения этой визитки взгляд начинает перескакивать между двумя элементами, набранными жирным шрифтом. Это особый зрительный фокус, который дизайнеры используют, чтобы управлять взглядом читателя.

Пример_5 Реферат по информатике Кибернетика: история и будущее науки Автор: Иванов Петр г. Санкт-Петербург 2004 -05 уч. г. Выравнивание по центру придает более официальный, уравновешенный, более стандартный и зачастую безликий вид. г. Санкт-Петербург 2004 -05 уч. г. Впечатление от обложки совсем другое?

Пример_6 Реферат по информатике Кибернетика: история и будущее науки Автор: Иванов Петр г. Санкт-Петербург 2004 -05 уч. г. Различные эксперименты с элементами композиции, стремление придать впечатляющий вид иногда дают неожиданный и интересный результат.

Построение композиции страницы и двумя условными элементами. Выбрав ту или иную схему компоновки элементов, в страничку закладываются определенные впечатления и ощущения.

Модульная система — один из самых популярных методов конструирования полиграфической продукции. Печатное издание созданное по модульной системе (то есть на базе модульной сетки) легче воспринимается человеком, так как его дизайн основывается на законах пропорции. Использование модульной сетки позволяет упорядочить различные элементы страницы, придавая ее оформлению целостность и ясность. Главное назначение модульных сеток — придание целостности всему изданию, а также облегчение работы по его созданию. Просчитав один раз возможные положения элементов на странице и создав модульную сетку, дизайнеру уже не нужно выверять каждый лист — можно просто верстать материалы по мере их поступления.

Пример газетной модульной сетки Модульная сетка первой полосы: Модульная сетка остальных полос:

Основные принципы дизайна: контраст (1) Организуется соподчиненность различных элементов (2) Контраст должен быть сильным, но не должен разорвать связи между элементами (3) Контраст может быть создан размерами элементов, расположением элементов (диагональ, иерархия, вложенность элементов), цветами, типами гарнитур шрифтов «Научившись видеть «контраст вокруг нас» , вы скоро убедитесь, что именно контрастные отношения лежат в основе производимого впечатления у подавляющего большинства профессиональных работ» . Д. Кирсанов

Основные принципы дизайна: контраст служит организации информации; контраст – это стремление придать интересный внешний вид «Если части текста не совсем похожи друг на друга, сделайте их совершенно разными!» Р. Уильямс

Подведение итогов u единств о u баланс u контраст

Цвет u Каждый цвет несет эмоциональную окраску. Цвета могут быть теплыми (красный и желтый) и холодными (синий и зеленый). Одни сочетания считаются детскими (оранжевый и яркозеленый) или младенческими (розовый и голубой), другие — мужественными (коричневый и темно-синий) или женственными (сиреневый и салатный). u При выборе цветов старайтесь предугадать эмоции зрителя на восприятие того или иного цвета. Помните, что многие цвета имеют устойчивую ассоциативную связь с каким-то явлением. Это не значит, что их нельзя употреблять, однако они могут усиливать впечатление от материала статьи или придавать ему двусмысленность. Смех вызовет, скажем, статья о Клинте Иствуде, оформленная с применением голубых и розовых тонов. Зато материал о сталинских репрессиях, выполненный в красно-коричневой гамме, будет выглядеть еще более зловещим.

Цвет u Выбор цветов зависит от типа публикации. В публикациях неофициального характера можно использовать яркие, насыщенные цвета, если же публикация имеет академический характер, ее гамма будет более сдержанной, цвета — приглушенными, очень темными либо, наоборот, совсем светлыми и малозаметными. В изданиях рекламного характера существует неписаное правило — чем шикарнее вещь, тем спокойнее цветовое решение рекламного материала. u Чем больше цветов использовано в публикации, тем труднее добиться стройности композиции. Не увлекайтесь назначением множества контрастных цветов. Как правило, достаточно двух контрастных цветов и их оттенков. Исключение составляют детские издания. Однако и в них лучше избегать аляповатого сочетания цветов. Ошибаются те издатели, которые думают, что детям чем ярче, тем лучше. Ведь книги для детей выбирают родители, а они руководствуются своим вкусом.

Цвет «Престижные цвета» , золото, серебро, темно-серый, черный. Их задача - передать солидность, уверенность, стабильность и высокую стоимость. «Пастельные цвета» , нежные бежевые, розовые, голубоватые. . . Женственные, мягкие, расслабляющие. . . «Здоровые цвета» , из уверенность, семья. . американской психологии. . . Чистота, здоровье, «Природные цвета» , близкие к естественным органическим, природным компонентам. . . «Растяжки» . Обычно тональные оттенки одного цвета, и как акцент - более активный цвет.

Типографика u u u Типографика — это и наука, и искусство. Она превращает то, что принято называть голым текстом, в яркие и оригинальные графические образы. По сути дела, типографика – это творческое преображение печатного текста в элемент графического оформления. Она обходится без использования иллюстраций и изобразительной графики, но с помощью моделирования и монтажа текста создает художественные образы. Именно поэтому типографика является неотъемлемой частью дизайна и оформительского искусства. Главная задача типографики – доступно, ясно и в интересной форме донести до зрителя или читателя информацию. Как именно это сделать, остается на выбор специалистов по типографике – типографов. Они собирают в одно целое текст, шрифт, располагают шрифтовые элементы относительно друга и заданного пространства. Это может показаться простой и чисто технической задачей, однако на самом деле методами типографики можно создавать настоящие произведения искусства.

Типографика u u u Шрифт – это база для создания любой типографической композиции и, естественно, параметры шрифта ограничивают возможности типографа. Чаще всего в типографике используются так называемые акцидентные и титульные шрифты, которые нецелесообразно применять для текстового набора. Они редко используются в мелком кегле, но хорошо смотрятся, как оформительские элементы при кегле покрупнее. Без типографики не существовало бы логотипов. Даже самые простые из них представляют собой типографические композиции, а многие и вовсе являются сложными типограммами. Бывает даже так, что шрифт, использованный в логотипе, сам по себе начинает восприниматься как неотъемлемая часть корпоративного имиджа компании, например, как известный шрифт Microsoft Sans Serif.

u u Образцом дизайна деловых ежедневных и еженедельных изданий в России следовало бы признать издания ИД «Коммерсантъ» . хорошие образцы журналов о развлечениях: «Афиша» , «Красный» (СПб),

Для создания презентации был использован материал следующих источников: 1. 2. 3. 4. Сайт фирмы «Apostrof-Print» http: //www. apostrof-print. ru/ Сайт «Вся полиграфия России» http: //print. bos. ru/ Сайт журнала «Компью. Арт» , посвященного вопросам полиграфии, дизайна, компьютерной графики. Материалы журнала за 2003– 2004 гг. http: //www. compuart. ru/ и др.

Учитесь видеть! Дерзайте! Работайте! Только практика принесет результат.