- Главная
- Без категории
- Основы композиции в дизайне
Содержание
- 2. Основы композиции в дизайне. Что такое композиция? В любом виде искусства ключевую роль играет правильное расположение
- 3. Мы строим композицию на плоскости. Будь то фотография, лист бумаги или монитор компьютера. Если через эту
- 4. Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В фотографии, живописи и рисунке, как
- 6. Задание 1 1- Нарисовать 4 вида композиции с выделение композиционного центра за счет: -контраста (4) -цвета
- 7. Часть 2 Основные понятия и правила композиции Диагональные линии в композиции График на рисунке слева означает
- 8. Задание 2 1-Нарисовать 3 вида композиции с применением диагональных линий -визуальное падение (3 эск.) -визуальное стремление
- 9. Замкнутая и открытая композиция В замкнутой композиции основные направления линий стремятся к центру. Такая композиция подойдет
- 10. Правило золотого сечения Различное расположение элементов на плоскости может создать гармоничное или негармоничное изображение. Гармония -
- 11. Гармония - это слаженность. Единое целое, в котором все элементы дополняет друг друга. Некий единый механизм.
- 12. Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка. То есть, по правилу золотого
- 13. Правило трех третей В этом рисунке не соблюдено правило золотого сечения, но создается ощущение гармонии. Если
- 14. Часть 3. Динамика и статика в изображении, движение, ритм Динамичная композиция - композиция, при которой создается
- 15. Таким образом, для передачи движения в композиции можно использовать диагональные линии. Так же можно передать движение,
- 16. Движение можно передать последовательным отображением некоторых моментов этого движения Так же для передачи движения используют смазанный,
- 17. Замедлить движение можно наличием в композиции вертикальных линий.
- 18. Ритм в композиции Ритм - один из ключевых моментов в искусстве. Он может сделать композицию спокойной
- 19. Часть 4 Симметрия и асимметрия в композиции, достижение равновесия Симметрия в композиции Как уже говорилось, в
- 20. Асимметрия, достижение равновесия Чтобы понять, что такое равновесие можно представить механические весы. В данном случае работает
- 21. Асимметрия нарушит это равновесие. И если один из объектов будет больше, то он попросту перевесит меньший.
- 22. Однако возможно уравновесить эти объекты, добавив в композицию что-нибудь, в качестве противовеса. Асимметрия при этом сохранится:
- 23. Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет ближе к центру: Достижение равновесия
- 24. Часть 5 Применение правил композиции в рекламе Правильная подача информации Чтобы научится строить сложные композиционные схемы,
- 25. Как пользоваться правилами композиции Правила композиции не являются обязательными для соблюдения. Даже наоборот. Некоторые правила противоречат
- 26. Точка Выделяется как графический акцент на плоскости. Несмотря на свои относительно малые размеры, обладает весьма широкими
- 27. Линия По форме характеризуется протяженностью или развитием на плоскости в одном координатном направлении (в длину). Характер
- 28. Пятно В отличие от точки и линии пятно, как правило, заполняет большую часть графической плоскости. С
- 31. ТИПОГРАФИКА ШРИФТ
- 32. Типографика в дизайне часть 1. Понятие типографики, основные термины, характеристики текстов и шрифтов Текст в рекламе
- 33. Понятие типографики Существует множество определений понятию Типографика. Кто-то может назвать это наукой об оформлении набранного текста.
- 34. Основные термины Для того, чтобы понимать, о чем идет речь в следующих статьях, давайте разберемся в
- 35. Виды чтения: Сплошное чтение - долгое спокойное размеренное чтение длинного связного текста. Выборочное чтение - чтение
- 36. Система ориентирования Длинные связные тексты, предназначенные для сплошного чтения, читают долго, спокойно и размеренно. Для ориентирования
- 37. ПОЛИГРАФИЯ ПОЛИГРАФИЯ
- 38. Определение полиграфии Полиграфия (от др. греческого polys - многочисленный и grapho - писать) - отрасль промышленности,
- 40. Скачать презентацию
Слайд 2Основы композиции в дизайне. Что такое композиция?
В любом виде искусства ключевую
Основы композиции в дизайне. Что такое композиция?
В любом виде искусства ключевую
Интуитивное понятие о композиции в различной степени присутствует у каждого. Иначе в ней не было бы никакого смысла. То есть люди имеют схожее представление о гармонии, целостности, единстве …
Композиция в дизайне, композиция в рисунке, композиция в живописи, композиция в фотографии - понятия не разделимые. Композиция в музыке и композиция в литературе так же имеют много общего с вышеперечисленными, однако средства ее достижения другие.
Деятели искусства уделяют особое внимание поиску наиболее выразительных композиционных схем. На протяжении долгих столетий создавались произведения с различными композиционными решениями, в том числе и произведения изобразительного искусства. Однако в этой статье об основах композиции мы не будем рассматривать сложные художественные произведения.
Любой объект с легкостью можно вписать в одну из трех основных фигур: прямоугольник, треугольник, эллипс. Так что оперировать мы будем именно этими фигурами.
А саму композицию рассмотрим как правильное расположение элементов изображения, основанное на предметном изучении восприятия человеком зрительной информации.
Речь пойдет об основах композиции в дизайне, изобразительном искусстве и фотографии.
Геометрический и композиционный центры, средства выделения композиционного центра, плановость в композиции
Слайд 3Мы строим композицию на плоскости. Будь то фотография, лист бумаги или
Мы строим композицию на плоскости. Будь то фотография, лист бумаги или
Любой предмет, вписанный в этот центр, будет чувствовать себя вполне уверенно.
Слайд 4Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В
Композиционный центр служит для фокусировки внимания зрителя на деталях композиции. В
Композиционный центр и геометрический центр композиции могут не совпадать.
Композиционных центров в композиции может быть несколько, в то время, как геометрический центр один.
Композиционный центр может быть выделен:
контрастом света и тени
контрастом цвета
размером
Формой
В классической живописи, как правило, сюжетно-композиционный центр изображают на втором плане. Передний план служит как бы вступлением, приглашением взглянуть на основное событие. На втором плане находится весь сюжет произведения, а третий служит продолжением картины, фоном, на котором разворачивается действие.
Слайд 6Задание 1
1- Нарисовать 4 вида композиции с выделение композиционного центра за
Задание 1
1- Нарисовать 4 вида композиции с выделение композиционного центра за
-контраста (4)
-цвета (4)
-формы (4)
-размера (4)
(…использовать геометрические фигуры)
(…всего 16 листов)
Слайд 7Часть 2 Основные понятия и правила композиции
Диагональные линии в композиции
График на
Часть 2 Основные понятия и правила композиции
Диагональные линии в композиции
График на
Слайд 8Задание 2
1-Нарисовать 3 вида композиции с применением диагональных линий
-визуальное падение (3
Задание 2
1-Нарисовать 3 вида композиции с применением диагональных линий
-визуальное падение (3
-визуальное стремление вверх (рост) (3 эск.)
(…всего 6 листов)
Слайд 9Замкнутая и открытая композиция
В замкнутой композиции основные направления линий стремятся к
Замкнутая и открытая композиция
В замкнутой композиции основные направления линий стремятся к
Элементы в ней не стремятся за рамки плоскости, а как бы замыкаются в центре композиции. А взгляд с любой точки композиции стремиться к этому центру. Для ее достижения можно использовать компактное расположение элементов в центре композиции, обрамление. Расположение элементов (на изображение - геометрических фигур) таким образом, чтобы все они указывали на центр композиции.
Открытая композиция, в которой направления линий исходят от центра, дает нам возможность продолжить мысленно картину и увести ее за рамки плоскости. Она подходит для передачи открытого пространства, движения.
Слайд 10Правило золотого сечения
Различное расположение элементов на плоскости может создать гармоничное или
Правило золотого сечения
Различное расположение элементов на плоскости может создать гармоничное или
Расположение простых геометрических фигур на изображении слева выглядит намного более гармоничным. Почему?
Слайд 11Гармония - это слаженность.
Единое целое, в котором все элементы дополняет
Гармония - это слаженность.
Единое целое, в котором все элементы дополняет
Самый большой такой механизм - это окружающий нас мир, в котором все элементы взаимосвязаны - животные дышат воздухом, расходуют кислород, выдыхают углекислый газ, растения используют его углерод и энергию солнца для фотосинтеза, возвращая кислород. Одни животные питаются этими растениями, другие регулируют количество питающихся растениями, питаясь ими, тем самым спасая растения, вода испаряется, чтобы выпасть осадками и пополнить запасы рек, океанов и так далее…
Нет ничего более гармоничного, чем сама природа. Поэтому и понимание гармонии приходит к нам от нее.
А в природе огромное количество зрительных образов подчиняется двум правилам: симметрии и правилу золотого сечения.
Что такое симметрия, я думаю, вы знаете. А что такое золотое сечение?
Слайд 12Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка.
Части этого отрезка примерно равны 5/8 и 3/8 от всего отрезка.
Золотое сечение можно получить, если разделить отрезок на две неравные части таким образом, чтобы отношение всего отрезка к большей части равнялось отношению большей части отрезка к меньшей. Это выглядит так:
Слайд 13Правило трех третей
В этом рисунке не соблюдено правило золотого сечения, но
Правило трех третей
В этом рисунке не соблюдено правило золотого сечения, но
Если разделить плоскость, на которой находятся наши геометрические фигуры на девять равных частей, мы увидим, что элементы расположены на точках пересечения разделяющих линий, а горизонтальная полоса совпадает с нижней разделительной линией. В этом случае действует правило трех третей. Это упрощенный вариант правила золотого сечения.
Слайд 14Часть 3. Динамика и статика в изображении, движение, ритм
Динамичная композиция -
Часть 3. Динамика и статика в изображении, движение, ритм
Динамичная композиция -
Статичная композиция (статика в композиции) - создает впечатление неподвижности.
Изображение слева выглядит статичным. На картинке справа создается иллюзия движения. Почему? Потому что мы прекрасно знаем из своего опыта, что будет с круглым предметом, если наклонить поверхность, на которой он находится. И воспринимаем этот предмет даже на картинке движущимся.
Слайд 15Таким образом, для передачи движения в композиции можно использовать диагональные линии.
Так
Таким образом, для передачи движения в композиции можно использовать диагональные линии.
Так
Слайд 16Движение можно передать последовательным отображением некоторых моментов этого движения
Так же для
Движение можно передать последовательным отображением некоторых моментов этого движения
Так же для
Статика в композиции достигается отсутствием диагональных линий, свободного места перед объектом и наличием вертикальных линий.
Движение можно замедлить или ускорить:
Кажется, что движение на левом рисунке быстрее, чем на правом. Так устроен наш мозг. Мы читаем и пишем слева направо. И движение нами воспринимается проще слева направо.
Слайд 17Замедлить движение можно наличием в композиции вертикальных линий.
Замедлить движение можно наличием в композиции вертикальных линий.
Слайд 18Ритм в композиции
Ритм - один из ключевых моментов в искусстве. Он
Ритм в композиции
Ритм - один из ключевых моментов в искусстве. Он
Ритм в изобразительном искусстве может создаваться повторением цвета, объектов, пятен света и тени.
Слайд 19Часть 4 Симметрия и асимметрия в композиции, достижение равновесия
Симметрия в композиции
Как
Часть 4 Симметрия и асимметрия в композиции, достижение равновесия
Симметрия в композиции
Как
Симметрия - это самый простой способ добиться равновесия в композиции. Однако, не единственный.
Слайд 20Асимметрия, достижение равновесия
Чтобы понять, что такое равновесие можно представить механические весы.
В
Асимметрия, достижение равновесия
Чтобы понять, что такое равновесие можно представить механические весы.
В
Слайд 21Асимметрия нарушит это равновесие. И если один из объектов будет больше,
Асимметрия нарушит это равновесие. И если один из объектов будет больше,
Слайд 22Однако возможно уравновесить эти объекты, добавив в композицию что-нибудь, в качестве
Однако возможно уравновесить эти объекты, добавив в композицию что-нибудь, в качестве
Слайд 23Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет
Так же добиться равновесия при асимметрии можно будет, перевесив больший предмет
Достижение равновесия является одним из самых значимых этапов при построении ассиметричной композиции и часто при этом руководствуются интуитивным чувством равновесия. Чувство это можно развить при помощи различных упражнений.
Равновесие может достигаться противопоставлением размеров, форм пятен цвета и тени.
Если Вы заметили, что какая-то деталь композиции сильно перевешивает все остальные, вы можете попробовать изменить ее цвет, освещенность, форму или уравновесить ее при помощи какого-либо другого предмета, добавленного с противоположной стороны.
Слайд 24Часть 5 Применение правил композиции в рекламе
Правильная подача информации
Чтобы научится строить
Часть 5 Применение правил композиции в рекламе
Правильная подача информации
Чтобы научится строить
Помимо сложных художественных произведений, соблюдение правил композиции так же важно и для правильной подачи информации в рекламе. Делаете ли Вы рекламный снимок какой-либо продукции, размещаете графическую информацию на сайте или баннере, предоставляете готовый продукт на утверждение заказчику, без построения композиции не обойтись.
Предоставляемая информация должна находиться в композиционном центре. Для этого ее необходимо выделись одним из существующих способов. Лучше всего подойдет выделение освещенностью. При подаче информации светлый объект расположите на темном фоне, темный - наоборот. Старайтесь не использовать пестрый фон, он может отвлечь внимание.
Не забывайте о целостности. Если объектов несколько, не располагайте их хаотично. Лучше всего выстроить их в форме простых геометрических фигур. Старайтесь соблюсти при этом равновесие.
Если объект не должен располагаться в центре, лучше поместить его справа, чтобы взгляд двигался навстречу ему, так как читаем и просматриваем изображение мы слева направо.
Правильная подача информации - залог успеха. Старайтесь уделять этому достаточное количество времени и внимания.
Слайд 25Как пользоваться правилами композиции
Правила композиции не являются обязательными для соблюдения. Даже
Как пользоваться правилами композиции
Правила композиции не являются обязательными для соблюдения. Даже
Если лицо человека на картине повернуто в какую-либо сторону, необходимо оставлять свободное пространство с этой стороны, чтобы взгляд не упирался в преграду. Валентин Серов в портрете Ермоловой нарушает это правило композиции, в результате чего создается впечатление, будто актриса смотрит на нас прямо с полотна.
Нарушение правил композиции может быть намерено. Особенно в такой нестандартной и сложной отрасли, как реклама. Если в дизайне упаковки сока провести горизонтальную линию не по правилу золотого сечения, а чуть выше, то и пакет сока будет казаться выше.
Однако, прежде чем нарушать какое-либо правило, его надо знать и уметь им пользоваться. Помните, если Вы нарушаете правила, Вы должны четко осознавать, ДЛЯ ЧЕГО Вы это делаете.
Слайд 26Точка
Выделяется как графический акцент на плоскости. Несмотря на свои относительно малые
Точка
Выделяется как графический акцент на плоскости. Несмотря на свои относительно малые
Слайд 27Линия
По форме характеризуется протяженностью или развитием на плоскости в одном координатном
Линия
По форме характеризуется протяженностью или развитием на плоскости в одном координатном
Строя линейно-графическую композицию, важно как можно ярче выявлять специфические свойства линий разного исполнения.
Слайд 28Пятно
В отличие от точки и линии пятно, как правило, заполняет большую
Пятно
В отличие от точки и линии пятно, как правило, заполняет большую
Слайд 31ТИПОГРАФИКА
ШРИФТ
ТИПОГРАФИКА
ШРИФТ
Слайд 32Типографика в дизайне часть 1. Понятие типографики, основные термины, характеристики текстов
Типографика в дизайне часть 1. Понятие типографики, основные термины, характеристики текстов
Текст в рекламе - одно из важнейших составляющих, позволяющее рекламодателям заявить о себе. Поэтому большое количество работы в графическом дизайне связано с его набором и оформлением. Но, к сожалению, в сравнении с ростом рекламного бизнеса и количества графических дизайнеров в России, количество тех, кто подходит к шрифтовому оформлению текста профессионально увеличивается не так быстро.
Не разбирающиеся в дизайне заказчики хотят, чтобы было "необычно" или "повеселее", а приветливые и дружелюбные дизайнеры идут им навстречу. В итоге текст на сайте или в буклете получается оформленным таким образом, что служит уже не во благо, а во вред рекламной кампании.
Сложно сказать, правильно ли поступают в этом случае исполнители. Рекламодатель бывает уперт и часто считает, что больше всех понимает в рекламе и дизайне, а исполнителю, порой, приходится идти у него на поводу. В итоге получаются жуткие дизайнерские ляпы, которые мы часто встречаем как в интернете, так и в печатной рекламе. А если же эти ляпы возникают по невежеству, то исполнителям стоит познакомиться с таким понятием, как типографика.
Слайд 33Понятие типографики
Существует множество определений понятию Типографика. Кто-то может назвать это наукой
Понятие типографики
Существует множество определений понятию Типографика. Кто-то может назвать это наукой
Типографика (typography) - свод законов, правил и норм оформления текста, основанных на изучении восприятия набора читателем, а так же на опыте и обобщенном мнении профессионалов набора.
Типографика полезна не только для грамотной верстки книг, газет и журналов. Она важна при создании печатной рекламы, дизайне сайта, баннера, наружной рекламы и многого другого. Знание и понимание типографики превращают текст в инструмент построения композиции. Делают его живым, придают характер и способность передать идею не только содержанием, но и графически.
Слайд 34Основные термины
Для того, чтобы понимать, о чем идет речь в следующих
Основные термины
Для того, чтобы понимать, о чем идет речь в следующих
Гарнитура - шрифт или несколько шрифтов, имеющих стилистическое единство начертания. Состоит из набора знаков (обычно - цифры, буквы, знаки пунктуации, сцецсимволы, но может состоять так же исключительно из неалфавитных знаков). Часто это понятие путают с понятием "шрифт", хотя шрифт - это определенное начертание знаков, в то время, как гарнитура определяет общее "семейство" шрифтов. Например, гарнитура "Times New Roman" состоит из обычного, курсивного, полужирного и множества других шрифтов этого семейства.
Кегль - высота буквы, включающая в себя нижние и верхние выносные элементы. Измеряется в типографских пунктах (обозначается как pt). Например, текст набранный 14 кеглем будет равен 14 pt по высоте. 1 типографский пункт равен 1/72 английского дюйма. Это примерно 0,352 миллиметра.
Интерлиньяж - межстрочный интервал. Расстояние между базовыми линиями соседних строк. Измеряется интерлиньяж в типографских пунктах.
Кернинг - расстояние между буквами. Основная суть кернинга - подбор различных интервалов между различными парами конкретных букв, для увеличения удобочитаемости. В программах верстки кернинг - изменение расстояния между буквами, задающееся в процентах. Может быть как отрицательным, так и положительным. При отрицательном кернинге буквы сдвигаются, при положительном - раздвигаются.
Трекинг - межбуквенные пробелы, применяемые к группе символов (слово, строка, абзац…). Трекинг служит для разрядки (осветления) или уплотнения (затемнения) набора, а так же для вгонки и выгонки слов (изменения числа набранных строк).
Рубрикация - система деления текста, при которой соподчиненные заголовки различного уровня выражают взаимосвязь и соподчиненность возглавляемых ими частей (рубрик, глав, разделов, подразделов).
Графема - базовая форма знака, помогающая отличить этот его от любого другого осмысленного знака, вне зависимости от художественных особенностей исполнения. Графема, как правило, определяет единицу текста. Например, базовая форма (графема) буквы "А" позволяет отличить ее от буквы "Б" вне зависимости от того, какой гарнитурой она набрана.
Глиф - конкретное графическое исполнение графемы. Если в тексте используется несколько глифов для одной и той же графемы (например, в зависимости от контекста), такие глифы называются аллографами друг друга.
Слайд 35Виды чтения:
Сплошное чтение - долгое спокойное размеренное чтение длинного связного текста.
Выборочное
Виды чтения:
Сплошное чтение - долгое спокойное размеренное чтение длинного связного текста.
Выборочное
Характеристики шрифтов и текстов
И так, мы уже определились, что текст в рекламе играет существенную роль. Но различные тексты в различных видах рекламы имеют разное назначение. Текст в интернете, имеющий большой объем, статья в журнале или газете, длинное описание товара в каталоге предназначены для сплошного чтения. Текста в макете для наружной рекламы значительно меньше, и к нему необходимо привлечь внимание. Рекламный слоган, как правило, состоит из одной-двух фраз и предназначен для того, чтобы его запомнили.
Так как различные тексты имеют различное назначение, то и значимость каких-либо характеристик этих текстов и шрифтов для их набора различна. Какие-то характеристики являются наиболее важными для одних текстов, какие-то - для других. Речь идет о таких характеристиках, как:
Удобочитаемость - свойство текста и шрифтов для его набора, характеризующее легкость восприятия. Удобочитаемость важна в текстах, предназначенных для сплошного чтения. Графическое исполнение шрифтов, используемых для набора таких текстов, должно быть максимально привычным и нейтральным.
Стоит заметить, что удобочитаемость обеспечивается не только мерами типографики, но так же стилистики, семантики и прочими свойствами текста.
Заметность - Характеристика важная для текста, который мы хотим выделить. В отличие от удобочитаемого текста, заметный текст в первую очередь видят, и только потом читают. Сделать текст более заметным можно, оперируя цветом символов или фона, при помощи крупного кегля, акцидентного и/или выделительного шрифта.
Различимость - характеристика шрифта и текста, являющаяся важной для чтения в условиях пониженной видимости и/или за короткое время. Например, текстов в наружной рекламе. Различимость текста обеспечивается ясными, максимально отличающимися друг от друга формами букв, крупным кеглем и сильным контрастом цветов текста и фона.
Слайд 36Система ориентирования
Длинные связные тексты, предназначенные для сплошного чтения, читают долго, спокойно
Система ориентирования
Длинные связные тексты, предназначенные для сплошного чтения, читают долго, спокойно
Система ориентирования - в типографике это система пиктографических и текстовых элементов, помогающая читателю находить в тексте нужную информацию (главу, страницу, абзац, строку). В книге - это рубрицация, навигатационный аппарат (колонтитулы, колонцифры и т.п.). В интернете так же используется гипертекстовые ссылки, пиктограммы.
Слайд 37ПОЛИГРАФИЯ
ПОЛИГРАФИЯ
ПОЛИГРАФИЯ
ПОЛИГРАФИЯ
Слайд 38Определение полиграфии
Полиграфия (от др. греческого polys - многочисленный и grapho -
Определение полиграфии
Полиграфия (от др. греческого polys - многочисленный и grapho -
Технической основой полиграфии принято считать книгопечатание с помощью подвижных металлических литер, изобретенное немецким ремесленником Иоганном Гутенбергом в середине пятнадцатого века. В России книгопечатание основано в шестнадцатом веке Иваном Федоровым. В настоящее время существует 4 типа печати (высокая, плоская, глубокая и трафаретная печати) и множество разновидностей этих типов печати (такие, как офсетная печать, флексография, шелкография, тампопечать, цифровая печать, теснение и т.д.).
Процесс тиражирования полиграфической продукции можно разделить на три стадии: предпечатная подготовка (подготовка макета, печатных форм, приладка, в прошлом - набор текста из литер), печать изделия и послепечатную обработку (обрезка под формат, биговка, фальцовка, брошюровка и прочее).