Золотое сечение в рисунке (занимательная теория). Правило золотого сечения в рисовании


My Kitchen Stories - Кулинарный фото блог: Основы композиции. Правило золотого сечения. Правило третей.

     Фотография во многом схожа с рисунком. Только художник в руках держит кисть, а фотограф камеру.  Любой рисунок начинается с выбора объекта и расположения его на бумаге.  В природе, архитектуре, в человеке уже все скомпоновано, все пропорционально и фотографу остается только нажать на кнопку.  Но когда он смотрит на снимок, оказывается что ту красоту, которую он видит глазами, он не отобразил на фотографии. Почему так происходит? И что нужно делать для того чтобы получить красивую фотографию?

Когда мы смотрим на красивый пейзаж, мы взглядом охватываем все вокруг, потом по отдельности рассматриваем речку,  деревья,  как падают лучики солнца, рассматриваем, как играют тени, какие присутствуют цвета, и все вместе создает впечатление красивой картинки. Помимо зрительного восприятия, мы чувствуем тепло, запах воздуха, слышим пение птиц, все это усиливает наше восприятие картинки.

Зрение человека бинокулярное, мы смотрим на один объект одновременно с двух разных точек (правым и левым глазом), это позволяет нам видеть изображение трехмерным (то есть видеть глубину пространства).

Фотография же изображает только высоту и ширину, так как мы снимаем только с одной точки. Задача фотографа показать объём объектов, глубину пространства, передать атмосферу, движение, эмоции с помощью различных инструментов. Посмотрев в видоискатель, мы понимаем, что не все что мы видим глазами попадает в рамки кадра, нам приходится выбирать интересные объекты, кадрировать то, что видим в реальности, выбирать и размещать объекты в рамках  видоискателя. Для того что бы получить красивую фотографию не достаточно просто нажать на кнопку, необходимо подумать о композиции картинки, чем мы заполним кадр, как и где будут размещаться объекты.

И так что же такое композиция?

Композиция с латинского означает «составлять, сочинять, располагать» .

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

Основные составляющие композиции:

- Правило третей и правило золотого сечения

- Правило диагоналей и диагонального золотого сечения.

- Движение и ритм в фотографии

- Точка съемки и ракурсЭтот список можно продолжать и продолжать, но пока остановимся на этом.

Правило золотого сечения и числа Фибоначчи. 

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

Если говорить точнее, золотое сечение - это деление целого на две не равные части,  в соотношении что меньшая часть относится к большей, как большая часть ко всему целому и наоборот.      В математеке это легко продемонстрировать на отрезке, тогда становится понятнее о чем речь. А:B=B:C  и C:B=B:A       Это соотношение обозначается буквой φ =0,618= 5/8. Меньший отрезок соответственно = 0,382 = 3/8, а весь отрезок принимаем за единицу.

      Когда мы говорим о фотографии, то мы плоскость нашей картинки делим на части по принципу золотого сечения. То есть от края каждой плоскости на расстоянии 5/8 и 3/8 проводим линии. Точки пересечения линий зачастую называют - "зрительным центром", так как взгляд человека задерживается именно в этих точках, и там мы стараемся размещать главные объекты композиции.В своей камере вы можете включить сетку в видоискателе и расчитать где находятся эти точки, таким образом во время сьемки вы будете подготовлены и будете знать где лучше размещать объекты сьемки.     Можно изготовить вот такой циркуль. Его использовали древнегреческие архитекторы при постоении храмов, используя золотое сечение.    

     Арифметическим выражением золотого сечения является ряд Фибоначчи.     Фибоначчи итальянский математик, изучая природные явления открыл золотую пропорцию чисел.     Ряд чисел 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55 и т.д. известен как ряд Фибоначчи. Числа стоят в особенной последовательности так, что каждое число, начиная с третьего, равно сумме двух предыдущих 2 + 3= 5; 3 + 5= 8; 5 + 8= 13, 8 + 13= 21 а отношение чисел, которые расположены рядом, приближается к отношению золотого деления. Например, 21 : 34= 0,617, а 34 : 55= 0,618.    Применение золотого сечения и чисел Фибоначчи наблюдается в природе, в анатомии человека. Например количественное соотношение частей тела соответствует числам из ряда Фибоначчи. Если сопоставить длины фаланг пальцев и кисть руки, то можно заметить что это соотношение равно золотому делению.Посмотрим несколько фотографий, с применением правила золотого сечения.

        Правило третей     Это "упрощенный" вариант «золотого сечения». Во время сьемки зачастую применяется правило третей.  Суть заключается в следующем: мы делим изображение на 3 равных части по горизонтали, и на 3 равных части по вертикали. Таким образом, мы получаем 9 равных частей. 

Основные объекты размещаются вдоль линий либо в точках пересечений линий.Рассмотрим на примере фотографии ночного Киева. На изображение мы накладываем сетку с линиями делящими на трети. Смотрим как лучше разместить объект сьемки, и чем заполнить кадр. Это лучше делать сражу же в видоискателе, нежели потом кадрировать, тем самым ухудшая качество изображения. Главный объект церковь, мы размещаем ее находится вдоль вертикальной линии. Купол церкви находится в точке пересечения. Линия горизонта лежит вдоль линии третей.

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

Если вы снимаете портрет, то лучше размещать глаза на верхней горизонтальной линии.Если вы снимаете человека в полный рост, то лучше размещать его на правой или левой вертикальной линии. Очень важно следить за тем, в какую сторону направляется человек, или куда направлен его взгляд. Например, если человек смотрит влево, то его соответственно необходимо разместить на правой горизонтальной линии, что бы перед ним оставалось пространство. 

И последний совет. Правая нижняя точка имеет самое сильное воздействие, нижняя левая точка имеет наименьшее воздействие. Таким образом, когда у нас в кадре есть несколько объектов, главный мы разместим в нижнем правом углу.

Люблю это видео. Оно напоминает о том, как все в этом мире пропорционально, красиво гармонично и прекрасно. Красивое знакомство с правилом золотого сечения и числами Фибоначчи.

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

elenatitarenko.blogspot.ru

Золотое сечение в дизайне

Золотое сечение в дизайне

Говорят, что “божественная пропорция” заложена в природе, и во многих вещах вокруг нас. Вы можете найти ее в цветах, ульях, морских раковинах, и даже нашем теле.

Эта божественная пропорция, также известная как золотое сечение, божественное сечение, или золотая пропорция может быть применена к различным видам искусства и обучения. Ученые утверждают, что чем ближе объект к золотому сечению, тем лучше человеческий мозг воспринимает его.

С тех пор как это соотношение было открыто, многие художники и архитекторы применяли его в своих работах. Вы можете найти золотое сечение в нескольких шедеврах эпохи Возрождения, архитектуре, живописи, и многом другом. В результате – красивый и эстетически приятный шедевр.

Немногие знают, в чем заключается тайна золотого сечения, что так радует наши глаза. Многие полагают, что то, что она появляется везде и является “универсальной” пропорцией, заставляет нас принять ее как что-то логическое, гармоничное и органичное. Другими словами, оно просто “чувствует” то, что нам нужно.

Итак, что такое золотое сечение?

Золотое сечение, также известное как “фи” по-гречески, это математическая константа. Оно может быть выражено уравнением a/b=a+b/a=1,618033987, где a больше, чем b. Это также можно объяснить последовательностью Фибоначчи, другой божественной пропорцией. Последовательность Фибоначчи начинается с 1 (некоторые говорят с 0) и добавляет к нему предыдущее число, чтобы получить последующее (т.е. 1, 1, 2, 3, 5, 8, 13, 21 …)

Золотое сечение

Если вы попытаетесь найти частное от деления двух последующих чисел Фибоначчи (т.е. 8/5 или 5/3), результат очень близок к золотому сечению 1,6 или φ (фи).

Золотая спираль создается с помощью золотого прямоугольника. Если у вас есть прямоугольник из квадратов 1, 1, 2, 3, 5 и 8 соответственно, как показано на рисунке выше, вы можете приступить к строительству золотого прямоугольника. Используя сторону квадрата, как радиус, вы создаете дугу, которая касается точек квадрата по диагонали. Повторите эту процедуру с каждым квадратом в золотом треугольнике, и в конечном итоге вы получите золотую спираль.

Где мы можем увидеть его в природе

Золотое сечение

Золотое сечение и последовательность Фибоначчи можно найти в лепестках цветов. У большинства цветков количество лепестков сводится к двум, трем, пяти или больше, что походит на золотое сечение. Например, у лилий 3 лепестка, у лютиков 5, у цветков цикория 21, а у ромашек 34. Вероятно, семена цветков также следуют золотому сечению. Например, семена подсолнечника прорастают из центра и растут к внешней стороне, заполняя головку семени. Обычно они спиралевидные и имеют сходство с золотой спиралью. Более того, количество семян, как правило, сводится к числам Фибоначчи.

Руки и пальцы также являются примером золотого сечения. Посмотрите ближе! Основание ладони и кончик пальца разделен частями (костьми). Соотношение одной части в сравнении к другой всегда 1,618! Даже предплечья с руками находятся в таком же соотношении. И пальцы, и лицо, и можно продолжать список…

Применение в искусстве и архитектуре

Парфенон в Греции, как утверждается, был построен с использованием золотых пропорций. Считается, что размерные соотношения высоты, ширины, колонн, расстояния между столбами, и даже размер портика близки к золотому сечению. Это возможно потому, что здание выглядит пропорционально идеально, и оно было таким с древних времен.

Леонардо Да Винчи был также поклонником золотого сечения (и многих других любопытных предметов, собственно говоря!). Дивная красота Мона Лизы может быть связана с тем, что ее лицо и тело представляют собой золотое сечение, как и реальные человеческие лица в жизни. Кроме того, цифры в картине “Тайная вечеря” Леонардо Да Винчи расположены в порядке, который используется в золотом сечении. Если начертить золотые прямоугольники на холсте, Иисус окажется как раз в центральной доле.

Применение в дизайне логотипов

Неудивительно, что вы также можете найти использование золотого сечения во многих современных проектах, в частности, дизайне. Сейчас давайте сосредоточимся на том, как это может быть использовано в дизайне логотипа. Во-первых, рассмотрим некоторые из самых известных в мире брендов, которые использовали золотое сечение для совершенствования своих логотипов.

Золотое сечение

Видимо, Apple использовал круги из чисел Фибоначчи, соединив и обрезав формы для получения логотипа Apple. Неизвестно, было ли это сделано намеренно или нет. Тем не менее, в результате получился идеальный и визуально эстетичный дизайн логотипа.

Золотое сечение

Логотип Toyota использует соотношение a и b, формируя сетку, в которой образуются три кольца. Обратите внимание, как этот логотип использует прямоугольники вместо кругов для создания золотого сечения.

Золотое сечение

Логотип Pepsi создан двумя пересекающимися кругами, один больше другого. Как показано на рисунке выше, больший круг пропорционален в соотношении к меньшему – вы уже догадались! Их последний нерельефный логотип – простой, эффектный и красивый!

Кроме Toyota и Apple, логотипы некоторых других компаний, таких как, BP, iCloud, Twitter, и Grupo Boticario, как полагают, также использовали золотое сечение. И мы все знаем, насколько известны эти логотипы – все потому, что изображение сразу всплывает в памяти!

Вот как вы можете применить его в своих проектах

Создайте эскиз золотого прямоугольника, как показано выше желтым цветом. Этого можно достичь путем построения квадратов с высотой и шириной из чисел, принадлежащих золотому сечению. Начните с одного блока и поместите другой рядом с ним. А другой квадрат, чья площадь равна тем двум, поместите над ними. Вы автоматически получите сторону из 3 блоков. После построения этой конструкции из трех блоков, в конечном итоге у вас будет сторона из 5 четырехугольников, из которой можно сделать другую (площадью в 5 блоков) коробку. Это может продолжаться сколько угодно, пока вы не найдете тот размер, который вам нужен!

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

Если логотип более округлый, то вам потребуется круговая версия золотого прямоугольника. Вы можете добиться этого начертанием кругов, пропорциональных числам Фибоначчи. Создайте золотой прямоугольник, используя только круги (это означает, что самый большой круг будет иметь диаметр 8, а у круга поменьше будет диаметр 5, и так далее). Теперь разделите эти круги и разместите их так, чтобы вы могли сформировать основную схему для вашего логотипа. Вот пример логотипа Twitter:

Золотое сечение

Примечание: Вам не обязательно чертить все круги или прямоугольники золотого сечения. Вы также можете использовать один размер неоднократно.

Как применять его в дизайне текста

Это проще, чем проектирование логотипа. Простое правило для применения золотого сечения в тексте заключается в том, что последующий больший или меньший текст должен соответствовать Фи. Давайте разберем этот пример:

Если размер моего шрифта – 11, то подзаголовок должен быть написан в более крупном шрифте. Умножаю шрифт текста на число золотого сечения, чтобы получить большее число (11*1,6=17). Значит подзаголовок должен быть написан в 17 размере шрифта. А теперь заголовок или название. Умножу подзаголовок на пропорцию и получу 27 (1*1,6=27). Вот так! Ваш текст теперь пропорционален золотому сечению.

Как применить его в веб-дизайне

А здесь немного сложнее. Вы можете оставаться верными золотому сечению даже в веб-дизайне. Если вы опытный веб-дизайнер, вы уже догадались, где и как ее можно применить. Да, мы можем эффективно использовать золотое сечение и применить его к сеткам наших веб-страниц и макетам пользовательского интерфейса.

Возьмите общее число сетки пикселей за ширину или высоту и используйте его для построения золотого прямоугольника. Разделите наибольшую ширину или длину для получения меньших чисел. Это может быть шириной или высотой вашего основного контента. То, что осталось, может быть боковой панелью (или нижней панелью, если вы применили его к высоте). Теперь продолжайте использовать золотой прямоугольник для дальнейшего применения его к окнам, кнопкам, панелям, изображениям и тексту. Вы также можете построить полную сетку, основанную на маленьких версиях золотого прямоугольника расположенных как горизонтально, так и вертикально для создания более маленьких объектов интерфейса, которые пропорциональны золотому прямоугольнику. Для получения пропорций вы можете использовать этот калькулятор.

Спираль

Вы также можете использовать золотую спираль, чтобы определить, где разместить контент на вашем сайте. Если ваша домашняя страница загружается с графическим контентом, как, например, на веб-сайте онлайн магазина или блога фотографий, вы можете воспользоваться золотым методом спирали, который используют многие художники в своих работах. Задумка в том, чтобы поместить наиболее ценный контент в центре спирали.

Контент со сгруппированным материалом тоже может быть размещен при помощи золотого прямоугольника. Это означает, что чем ближе спираль движется к центральным квадратам (к одному квадратному блоку), тем “плотнее” там содержимое.

Вы можете использовать эту технику, чтобы обозначить расположение вашего заголовка, изображений, меню, панели инструментов, окна поиска и других элементов. Twitter славится не только использованием золотого прямоугольника в дизайн логотипа, но и задействовал его в веб-дизайне. Как? Благодаря использованию золотого прямоугольника, или, другими словами концепцией золотой спирали, в странице профиля пользователей.

Но нелегко будет проделать такое на платформах CMS, где автор материала определяет расположение вместо веб-дизайнера. Золотое сечение подходит WordPress и другим дизайнам блога. Это, вероятно, потому, что боковая панель почти всегда присутствует в дизайне блога, который хорошо вписывается в золотой прямоугольник.

Золотое сечение

Более простой способ

Очень часто дизайнеры опускают сложную математику и применяют так называемое “правило третей”. Его можно достичь путем деления площади на три равные части по горизонтали и вертикали. В результате – девять равных частей. Линия пересечения может быть использована в качестве фокусного центра формы и дизайна. Вы можете поместить ключевую тему или основные элементы на один или все фокусные центры. Фотографы также используют эту концепцию для плакатов.

Золотое сечение

Чем ближе прямоугольники к соотношению 1:1,6, тем приятнее воспринимается картина человеческим мозгом (так как это ближе к золотому сечению).

12-03-2016

lpgenerator.ru

Правила композиции

 «Не разумно нарушать правила до того, как вы научитесь их соблюдать»  Т.С. Элиот, интервью с Париж Ревю (Номер 21, 1959)

Существует ряд «правил композиции», которые мы можем использовать для усовершенствования наших изображений. Наиболее широко известные из них формулировались веками художниками, работающими в различных визуальных средах, от архитектуры до живописи и фотографии. И хотя всем нам известна поговорка «правила созданы для того, чтобы их нарушать», преимущества предварительного понимания того, что же именно вы собираетесь нарушать, очевидны.

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

Правило третей

«Правило третей», вероятно, является наиболее популярной техникой из известной художникам визуальных искусств. Проще говоря, идея состоит в том, что значимые композиционные элементы должны быть размещены вдоль воображаемых линий, которые разделяют изображение на трети, по горизонтали и по вертикали. Элементы, представляющие особый интерес, могут быть размещены на пересечении этих линий для создания более выразительной и динамичной композиции, как продемонстрировано на паре изображений ниже.

Композиция идеально центрирована по песчаной дюне.

Здесь гребень дюны и горизонт расположены вдоль воображаемых линий, разбивающих изображение на сетку 3 x 3.

Правило третей впервые формализовано в литературе художником Джоном Томасом Смитом в 1797. Однако примеры предметов искусства, в которых данное правило было применено, могут быть найдены в художественных традициях с самых древних времен. Искусство восточной Азии особенно известно использованием ассиметричных композиций.

Итак, почему же использование правила третей помогает создать интересные изображения?

Асимметрия

С любой из рассмотренных в данной статье техник мы стремимся выделить определенные элементы изображения и установить баланс между элементами.

Формирование композиции по «третям» зачастую вводит в кадр асимметрию, помогающую придать изображению ощущение драматичности, которое может отсутствовать в идеально симметричной картинке.

На изображении ниже вы можете видеть, что глаза модели и лошади расположены вдоль воображаемой сетки. Правый глаз лошади находится на пересечении двух линий. Глаза, очевидно, являются сильными композиционными элементами. Наш взгляд естественным образом притягивается к глазам других. Расположение важных элементов наподобие этих – будь то часть тела или продукт на продажу – вдоль данных линий помогает привлечь к ним внимание.

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

Перед тем, как мы продолжим, я должен отметить, что несмотря на очевидные преимущества использования правила третей при изначальном построении кадра, вы все еще можете воспользоваться им при постобработке, произведя выкадровку. Фактически, самый быстрый способ натренировать себя на то, чтобы «видеть» трети, - это потратить некоторое время на эксперимент с кадрированием ваших уже существующих снимков и сравнить обе версии.

Динамический баланс

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

Вот еще один пример применения данного правила для создания баланса в динамической композиции. В данном изображении модель занимает только центр и правые трети изображения. Крайние левые части представляют собой негативное пространство, обеспечивая создание ощущения движения через контраст и прогрессию тональных значений изображения.

Взгляните на композиционный баланс между телом модели и негативным пространством. Они полностью охватывают по одному из крайних столбцов сетки соответственно и делят средний. Также отметьте положение стопы и колена модели, которые расположены вдоль одной из линий. Обратите внимание на точку на ее ребрах, в которой виден перепад освещения.

Золотое сечение

Попытайтесь представить, каким образом то же изображение выглядело в случае, если бы модель была расположена прямо по центру кадра. Композиция многое потеряла бы не только в ее драматичности, но также в ощущении динамики.

Еще одна визуальная концепция родом из древности, и все еще используемая в наши дни, пришла к нам из искусства Древней Греции. Она известна под названием золотое сечение (а также золотая пропорция, деление в крайнем и среднем отношении). Мы обсудим лежащие в ее основе математические расчеты чуть позже, но ее суть, - как и в случае с правилом третей, - состоит в разделении изображения на прямоугольные сегменты.

Эти «золотые прямоугольники» имеют пропорции, которые, по мнению древних греков, были особенно гармоничны и приятны глазу. Расположение композиционных элементов особой важности либо внутри, либо на пересечении данных прямоугольников, может помочь выделить их и создать хорошо сбалансированное изображение, вроде того, что вы видите ниже.

В данном кадре присутствует приятный баланс между основным объектом и окружением. Композиция была составлена в соответствии с правилом золотого сечения, которое я поясню ниже.

Расчеты в основе правила золотого сечения менее очевидны, чем те, что используются для правила третей, так что оно немного менее широко известно среди художников, чем, скажем, среди математиков или инженеров. Но ознакомиться по крайней мере с основами концепции стоит.

Золотое сечение приблизительно равно 1:1,6, или точнее, 3/8:5/8. На изображении ниже вы видите два отрезка, a и b. Отрезок a в 1,6 раз длиннее отрезка b. И комбинированный сегмент, a+b, также в 1,6 раз длиннее отрезка a. Так что пропорции отрезков a и b представляют собой золотой сечение.

Визуальное представление элементов золотого сечения (спасибо Wikimedia).

Золотой прямоугольник (изображен ниже) – этот тот, короткая (a) и длинная (a+b) стороны которого находятся в соотношении 1:1,6 друг к другу. Любой золотой прямоугольник можно далее поделить линией, которая разобьет длинную сторону в том же соотношении. Именно это сделано на иллюстрации ниже для создания отрезка b. Вы можете продолжить это деление для получения все меньших и меньших прямоугольников, один внутри другого.

Золотой прямоугольник (спасибо Wikimedia).

Вертикальная линия, расположенная примерно на 3/8 расстояния от левого края отмечает края нашего первого золотого прямоугольника.

Горизонтальная линия, размещенная примерно на 3/8 расстояния от верхнего края, создает второй золотой прямоугольник.

Так как же именно это работает, говоря о композиции? Давайте внимательнее рассмотрим фотографию, с которой начинается данный раздел. Поскольку соотношение 1:1,6 визуализировать не так просто, мы можем вместо этого рассматривать его как 3/8:5/8, что означает, что мы стремимся поделить кадр на 3/8 вдоль одной из сторон (чуть меньше, чем наполовину). Именно это исполнено на первом изображении ниже, от левого края проведена вертикальная линия примерно на 3/8 длины большей стороны.

Создав первый золотой прямоугольник, мы можем повторить процесс и очертить также второй, поменьше, внутри первого, как вы можете видеть на втором кадре выше. Наиболее драматично освещенная часть тела модели расположена внутри нашего первого прямоугольника. Большая часть ее лица находится во втором. Это показывает, что посредством заключения композиционно важных элементов внутри этих прямоугольников, мы можем привлечь к ним внимание. Так же, как и в случае с правилом третей, данный подход создает ассиметричную композицию, которая служит для направления взгляда зрителя.

Вы можете продолжить разделять кадры на более и более мелкие прямоугольники, добавляя вертикальные и горизонтальные линии в последовательности, при которой соблюдается золотое сечение 3/8:5/8. На данном изображении наименьший прямоугольник (синий) расположен точно вокруг самой близкой к камере части лица модели.

Диагонали

Художники уже давно интуитивно поняли, что использование диагональных элементов – еще один способ создать драму в одномерной композиции. Диагональные линии направляют взгляд через изображение и помогают создать ощущение движения. В пейзажной фотографии диагонали часто образуются из дорог, рек, стен или других «линейных» предметов.

На данном изображении присутствуют ярко выраженные диагонали, сформированные линиями рук модели и струящимся материалом, использованном в съемке. Эти элементы ведут взгляд зрителя через изображение.

При съемке людей могут быть использованы силуэты руки, ноги или спины модели. Важно понимать, что композиционные диагонали не ограничиваются лишь явными формами или краями предмета. Концепция диагоналей может быть использована в способе расположения предметов в кадре, во многом таким же образом, как и в правилах, которые мы обсуждали выше.

Как это работает? Нарисуйте воображаемые линии, выходящие из углов кадра под 45 градусов, как показано ниже, и расположите значимые предметы вдоль этих линий. На первом изображении внизу обратите внимание, как глаз модели, ее левая нога и объектив камеры у ее ног расположены точно на диагоналях, построенных из углов изображения. Ручка зонта лежит на якорной точке, где две диагонали пересекаются.

Изображение для иллюстрации метода диагоналей

Та же сцена, но с иным, не «диагональным», способом кадрирования.

Второе изображение взято из той же съемки, но без соблюдения метода диагоналей. Кадр выглядит «тесным», фотосумка расположена слишком близко к краю снимка. В изображении не хватает переднего плана, по сравнению с количеством вертикального пространства над моделью.

Голландский фотограф Эдвин Вестхофф сформулировал «метод диагоналей» как композиционное правило, инкапсулирующее данную идею. У него есть очень хорошая статья, в которой его подход объяснен более подробно.

Применение данных правил

Когда вы знаете, как направить внимание зрителя на отдельные элементы изображения, напрашивается вопрос о том, что же именно нужно попытаться выделить. Как понять, к каким элементам сцены данные правила должны быть применены?

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

Как и в случае с любой техникой, чтобы ею овладеть, необходимо постоянно практиковаться. Начните с правила третей (его проще всего визуализировать) и попробуйте произвести кадрирование изображения через видоискатель или ЖК дисплей, памятуя о нем. Это прекрасный способ научиться «видеть» композиции и начать усваивать технику.

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

Разумеется, эти правила являются лишь выборкой из множества техник, имеющихся в вашем распоряжении для получения приятной композиции. Другие сформулированы на основе идеи цветового баланса, выборочного фокуса, отношения переднего плана к заднему, кадрирования, геометрии…список можно продолжить. Представленные мной правила являются хорошей отправной точкой для критического осмысления композиции.

Я настоятельно рекомендую эти правила как полезные инструменты для создания динамичных и интересных изображений. Но, как и в случае с любой творческой деятельностью, их следует воспринимать как предложения, а не как строгую догму.

Да, их стоит осознанно применять какое-то время, но не позволяйте им быть единственными голосами, к которым вы прислушиваетесь во время вашего творческого процесса. Более того, именно понимая теорию, лежащую в основе данных правил, вы можете порой создать удивительные изображения, умышленно нарушая их. Эту тему я освещу в своей следующей статье. Оставайтесь с нами.

Автор статьи: Томас Парк – фэшн-фотограф, фотохудожник и педагог из Сиэтла, штат Вашингтон. Чтобы ознакомиться с его работами, пожалуйста, посетите сайт.  

Модели: Николь Купер, Лисса Шартран, Бет К., Амелия Т., Каррен С. Стиль и макияж: Тэрин Харт,  Дэниел @ Pure Alchemy, Доун Таннелл, Майкл Холл, Эми Гиллеспи, Эшли Грей, Юлия Островски. Бет выражает благодарность Гильдии моделей Сиэтла. Одежда: на Николь - Kyra K и винтажная Ann Taylor, на Бет – Neodandi,  на Амелии - Wai-Ching, на Каррен – Cloak, Dagger NYC и Eugenia Kim.

photo-monster.ru

Золотое сечение в рисунке и композиции

Определённый практический интерес для самодеятельных художников представляет теория о пропорции золотого сечения. Речь идёт о том что деление отрезка, объекта или всей композиции в соответствии с этой пропорцией производит благоприятное впечатление на зрителя.  Лично я пришёл к тому что в рисунке следует избегать симметрии и одинаковых модулей. Ну а золотое сечение — вполне себе асимметричная пропорция. … Удобная пропорция, которую полезно знать, но, без фанатизма.  Не бывает универсальных пропорций на все случаи жизни.  В  рамках данной статьи мы ограничимся справочной информацией о золотом сечении в рисунке. Для осмысленного применения этой пропорции в рисунке, Вам предстоит своим путём разобраться в теме и сделать свои выводы.

Золотое сечение, краткая справка. Золотое сечение (золотая пропорция)  — так принято называть деление отрезка на неравные части, при котором весь отрезок  относится к большей части, как большая часть относится к меньшей. Другими словами, меньший отрезок так относится к большему, как больший ко всему. Короче говоря,  a : b = b : с  или  с : Ь = b : а

Чтоб стало совсем понятно, попробуем прибавить к одному отрезку другой отрезок, а к следующему прибавлять сумму двух предыдущих.   Если первый отрезок взять за единицу, то получается интересная последовательность чисел: 1+1=2; 2+1=3; 3+2=5; 5+3=8; 8+5=13; 13+8=21; 21+13=34 и тп.

Продолжая до бесконечности прибавлять суммы отрезков мы постепенно приближаемся к пропорции золотого сечения. В этой последовательности чисел отношение большего числа к меньшему выражается  иррациональным числом 1,6180339… Отношение меньшего к большему выражается числом 0,6180338…

zolotoe-sechenie-otrezok 2Как быстро «на глаз» разделить отрезок в пропорциях золотого сечения. На практике,  можно вычислить  пропорцию золотого сечения простым арифметическим действием  3+5=8.  Допустим, Вы находитесь в полевых условиях,  рисуете морской пейзаж. Вам захотелось линией горизонта разделить холст на небо и море в соответствии с пропорцией золотого сечения, но возиться с калькулятором некогда. Делаем так: отрезок делим на восемь равных частей, после чего делаем разметку в отношении 5:3 или наоборот 3:5.В результате такого элементарного деления   получается не совсем золотое сечение, но пропорция очень  близкая к оному. Вам, как художнику, небольшая погрешность  в математических расчётах допустима.

Противоречивые мнения о золотом сечении. Математические сведения о золотом сечении не подлежат сомнению, математика наука точная. Но что касается интерпретаций теоретиков «традиционалистов» и теоретиков «авангардистов» от живописи то тут начинается разброд во мнениях. Первые вполне основательно доказывают, что золотое сечение это универсальная каноническая пропорция и демонстрируют это на примерах классической живописи. Вторые высмеивают чрезмерное значение которое придаётся пропорции золотого сечения и развеивают столетние мифы о божественной пропорции (так в эпоху возрождения называли пропорцию золотого сечения). Оба диаметрально противоположных мнения заслуживают внимания и критического осмысления.  Вам предстоит самостоятельно разобраться в дебрях теорий формообразования.

критика-золотого-сеченияГалилей перед Инквизицией (картина Кристиано Банти, 1857). Так могла бы выглядеть и дискуссия о золотом сечении.

 

***

Характерные мнения сторонников и критиков теории золотого сечения представлены в нижеследующих ссылках: Книга «Золотое сечение в живописи» — Ковалев Ф. В. скачать можно здесь https://hudozhnikam.ru/zolotoe_sechenie_download.html Красивая сказка о “золотом сечении” — Радзюкевич А.В.  https://www.sibdesign.ru/index.php?text=1&razdel=stat&textnew=20030615041954

 

 

 

mastersketch.ru

Использование «Золотого сечения» и «Правила трех» в веб-дизайне

golden-ratio-hero

Современный веб-дизайн включает в себя 2 особенности, которые должны быть четко соблюдены: эстетика и верная область применения. Если следовать данным понятиям, веб-дизайн можно считать успешным.

 

Что касается эстетики, здесь имеется ввиду, что рисуя тот или иной образ предмета, мы используем множество различных манипуляций: создание сетки, макета, используем типографические приемы для того чтобы получить хорошую структурность предмета. Немаловажно сохранять ощущение гармоничности, порядка и визуального равновесия при любой графической обработки. В этом нам помогут «Золотое сечение» и «Правило трех».

 

Наверняка, ранее вы слышали об этих понятиях. А, быть может, имеете представление, в каких конкретно проектах они могут использоваться. «Золотое сечение» и «Правило трех» применяется для того чтобы изменить изображение и представить его в лучшем виде, нежели оно есть на самом деле. Подобные технологии помогают усовершенствовать даже самую примитивную картинку.

 

Давайте подробнее остановимся на данных особенностях и узнаем, в каких областях веб-дизайна их можно применить.

 

Что такое «Золотое сечение» и как оно появилось?

 

Данный термин на первый взгляд может быть непонятен. Почему именно «Золотое»? Для чего применять эту технологию? На сегодняшний день до сих пор остается загадкой, кто придумал «Золотое сечение», откуда возникло это название. Однако известно, что технология используется уже на протяжении 2400 лет. Стоит также отметить, что золотое сечение применяется в различных отраслях науки: в астрономии, математике, архитектуре, музыке, живописи и многих других.

 

Золотое сечение образовано на примере простого математического уравнения, которое показывает отношение. В наиболее простой математической форме данное отношение выглядит следующим образом:

 

golden-line

 

Как вы можете видеть, это является уникальным уравнением, которое разделяет отношения между двумя размерами и пропорциями линий. В десятичном исчислении b деленное на a ​​равно 1.618033 … в случае если а>b. В приведенном ниже примере допустим, что b равен 5. Тогда уравнение будет выглядеть следующим образом:

 

golden-sum

 

Возможно, ранее вы уже слышали о последовательности Фибоначчи. Как же на самом деле это работает? Например, имеется ряд чисел, в котором любое заданное число создается посредством сложения двух предыдущих. Начиная с 0, то последовательность такая 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… итд:

 

1 + 2 = 3

 

3 + 2 = 5

 

3 + 5 = 8

 

5 + 8 = 13…

 

Письменное выражение представлено в виде формулы: xn = xn-1 + xn-2 .

 

Последовательность тесно связана с золотой пропорцией, потому что если вы берете какие-либо две последовательные цифры и делите на предыдущую, дробь окажется очень близкой к золотой пропорции . По мере увеличения значения числа, дробь становится еще ближе к золотой пропорции. Например, 8/5 1,6 , 34/21 это 1,619 и так далее.

 

«Золотая спираль». Прямоугольник

 

Итак, вы наверняка, встречали подобные уравнения. Но для чего дизайнеры используют геометрию в своих проектах? Зачем необходимо наложение фигур? Схема называется «Спираль Фибоначчи». Она на самом деле довольно проста и является наиболее оптимальной для многих геометрических фигур. Спираль создается при помощи четверти кругов, которые нарисованы внутри массива квадратов на основе последовательности Фибоначчи.

 

На диаграмме ниже представлен образец:

 

fibonacci-spiral

 

Получается что каждый последующий радиус больше предыдущего на число близкое к золотому сечению. Полученная спираль применяется во многих областях, чаще в рисовании и архитектуре, но ее можно также наблюдать и в природных явлениях.

 

«Правило трех»

 

Данное правило является одним из вариантов золотой спирали и часто используется при кадрировании фотографий, видео. Используется для обрезки кадров и придания им эстетического вида. Чтобы применить «Правило трех», необходимо разделить изображение на 9 равных частей. Провести 2 горизонтальных линии и 2 вертикальных. Немаловажно расположить их ровно. Смысл заключается в том, чтобы выровнять фокус с крайним левым вертикальным разделителем. Горизонт или «точка схода» должны быть на уровне с горизонтальным разделителем.

 

rule-of-thirds-example

 

Применение «Золотой спирали»

 

Как было уже отмечено, последовательность Фибоначчи тесно связана с золотой пропорцией. Применение золотого сечения выполняется при помощи прорисованной спирали. На изображении представлен пример использования данного метода. Итак, мы видим прямоугольник, основа которого простирается от правого запястья женщины к ее левому локтю.

 

mona_lis_golden_ratio

 

Прямоугольник расширяется вертикально, пока не достигнет макушки. Если мы нарисуем квадраты внутри золотого прямоугольника, все важные части женщины находятся на краях внутренних квадратов: ее подбородок, глаза и губы. Леонардо Да Винчи множество раз использовал золотое сечение в своих работах. Ниже примеры золотой спирали в природе и космосе.

 

spiral-nature

 

Применение в веб-дизайне

 

Многие дизайнеры допускают ошибку, полагая что посредством обычного деления или умножения на 1,61… можно получить гармоничную пропорцию. Это далеко неправда, это всего лишь основа процесса. Невозможно просто использовать тот или иной номер и получить магическую пропорцию. Однако существуют определенные способы, которые помогают получить золотое сечение. Некоторые художники склонны думать, что теория о золотом сечении является мифом. Приведем еще один пример, как работает золотое сечение. Возьмем прототип сайта и рассмотрим применение золотого сечения на нем.

 

standard-layout-design

 

Выглядит довольно просто, не так ли? Да, на самом деле так и есть. Дизайн основан на 960-пиксельной сетке. Оформление представлено с помощью золотой пропорции. Если использовать 1 золотую спираль которая охватывает 960px видно как располагался заголовок , логотип итд.

 

golden-header

 

Двигаем нашу спираль ниже и опираемся на ее размеры

 

layout-golden-step2

 

Получается некий каскад спиралей в котором основные элементы дизайна вписаны в прямоугольники с золотой пропорцией

 

golden-design-step3

 

Сетка основанная на золотом сечении имеет ряд пропорциональных отношений внутри него, которые выполнены четко пропорционально внутри прямоугольника. В нижней части этой статьи, я прикрепил PSD файл, который содержит мой пример, вы можете попробовать использовать его в своем проекте для экспериментирования с золотым сечением.

 

using-golden-ratrio

 

Источник: http://pixelgene.ru/articles/golden-ratio.html

flatro.ru

Использование «Золотого сечения» и «Правила трех» в веб-дизайне | Pixelgene

golden-ratio-heroСовременный веб-дизайн включает в себя 2 особенности, которые должны быть четко соблюдены: эстетика и верная область применения. Если следовать данным понятиям, веб-дизайн можно считать успешным.

Что касается эстетики, здесь имеется ввиду, что рисуя тот или иной образ предмета, мы используем множество различных манипуляций: создание сетки, макета, используем типографические приемы для того чтобы получить хорошую структурность предмета. Немаловажно сохранять ощущение гармоничности, порядка и визуального равновесия при любой графической обработки. В этом нам помогут «Золотое сечение» и «Правило трех».

Наверняка, ранее вы слышали об этих понятиях. А, быть может, имеете представление, в каких конкретно проектах они могут использоваться. «Золотое сечение» и «Правило трех» применяется для того чтобы изменить изображение и представить его в лучшем виде, нежели оно есть на самом деле. Подобные технологии помогают усовершенствовать даже самую примитивную картинку.

Давайте подробнее остановимся на данных особенностях и узнаем, в каких областях веб-дизайна их можно применить.

Что такое «Золотое сечение» и как оно появилось?

Данный термин на первый взгляд может быть непонятен. Почему именно «Золотое»? Для чего применять эту технологию? На сегодняшний день до сих пор остается загадкой, кто придумал «Золотое сечение», откуда возникло это название. Однако известно, что технология используется уже на протяжении 2400 лет. Стоит также отметить, что золотое сечение применяется в различных отраслях науки: в астрономии, математике, архитектуре, музыке, живописи и многих других.

Золотое сечение образовано на примере простого математического уравнения, которое показывает отношение. В наиболее простой математической форме данное отношение выглядит следующим образом:

golden-line

Как вы можете видеть, это является уникальным уравнением, которое разделяет отношения между двумя размерами и пропорциями линий. В десятичном исчислении b деленное на a ​​равно 1.618033 … в случае если а>b. В приведенном ниже примере допустим, что b равен 5. Тогда уравнение будет выглядеть следующим образом:

golden-sum

Возможно, ранее вы уже слышали о последовательности Фибоначчи. Как же на самом деле это работает? Например, имеется ряд чисел, в котором любое заданное число создается посредством сложения двух предыдущих. Начиная с 0, то последовательность такая 0, 1, 1, 2, 3, 5, 8, 13, 21, 34… итд:

1 + 2 = 3

3 + 2 = 5

3 + 5 = 8

5 + 8 = 13…

Письменное выражение представлено в виде формулы: xn = xn-1 + xn-2 .

Последовательность тесно связана с золотой пропорцией, потому что если вы берете какие-либо две последовательные цифры и делите на предыдущую, дробь окажется очень близкой к золотой пропорции . По мере увеличения значения числа, дробь становится еще ближе к золотой пропорции. Например, 8/5 1,6 , 34/21 это 1,619 и так далее.

«Золотая спираль». Прямоугольник

Итак, вы наверняка, встречали подобные уравнения. Но для чего дизайнеры используют геометрию в своих проектах? Зачем необходимо наложение фигур? Схема называется «Спираль Фибоначчи». Она на самом деле довольно проста и является наиболее оптимальной для многих геометрических фигур. Спираль создается при помощи четверти кругов, которые нарисованы внутри массива квадратов на основе последовательности Фибоначчи.

На диаграмме ниже представлен образец:

fibonacci-spiral

Получается что каждый последующий радиус больше предыдущего на число близкое к золотому сечению. Полученная спираль применяется во многих областях, чаще в рисовании и архитектуре, но ее можно также наблюдать и в природных явлениях.

«Правило трех»

Данное правило является одним из вариантов золотой спирали и часто используется при кадрировании фотографий, видео. Используется для обрезки кадров и придания им эстетического вида. Чтобы применить «Правило трех», необходимо разделить изображение на 9 равных частей. Провести 2 горизонтальных линии и 2 вертикальных. Немаловажно расположить их ровно. Смысл заключается в том, чтобы выровнять фокус с крайним левым вертикальным разделителем. Горизонт или «точка схода» должны быть на уровне с горизонтальным разделителем.

rule-of-thirds-example

Применение «Золотой спирали»

Как было уже отмечено, последовательность Фибоначчи тесно связана с золотой пропорцией. Применение золотого сечения выполняется при помощи прорисованной спирали. На изображении представлен пример использования данного метода. Итак, мы видим прямоугольник, основа которого простирается от правого запястья женщины к ее левому локтю.

mona_lis_golden_ratio

Прямоугольник расширяется вертикально, пока не достигнет макушки. Если мы нарисуем квадраты внутри золотого прямоугольника, все важные части женщины находятся на краях внутренних квадратов: ее подбородок, глаза и губы. Леонардо Да Винчи множество раз использовал золотое сечение в своих работах. Ниже примеры золотой спирали в природе и космосе.

spiral-nature

Применение в веб-дизайне

Многие дизайнеры допускают ошибку, полагая что посредством обычного деления или умножения на 1,61… можно получить гармоничную пропорцию. Это далеко неправда, это всего лишь основа процесса. Невозможно просто использовать тот или иной номер и получить магическую пропорцию. Однако существуют определенные способы, которые помогают получить золотое сечение. Некоторые художники склонны думать, что теория о золотом сечении является мифом. Приведем еще один пример, как работает золотое сечение. Возьмем прототип сайта и рассмотрим применение золотого сечения на нем.

standard-layout-design

Выглядит довольно просто, не так ли? Да, на самом деле так и есть. Дизайн основан на 960-пиксельной сетке. Оформление представлено с помощью золотой пропорции. Если использовать 1 золотую спираль которая охватывает 960px видно как располагался заголовок , логотип итд.

golden-header

Двигаем нашу спираль ниже и опираемся на ее размеры

layout-golden-step2

Получается некий каскад спиралей в котором основные элементы дизайна вписаны в прямоугольники с золотой пропорцией

golden-design-step3

Сетка основанная на золотом сечении имеет ряд пропорциональных отношений внутри него, которые выполнены четко пропорционально внутри прямоугольника. В нижней части этой статьи, я прикрепил PSD файл, который содержит мой пример, вы можете попробовать использовать его в своем проекте для экспериментирования с золотым сечением.

using-golden-ratrio

скачать

Данная статья является переводом

pixelgene.ru

Как использовать Золотое Сечение в Дизайне

Золотое сечение – это то, о чем должен знать каждый дизайнер. Мы объясним, что это такое, и как вы можете его использовать. 

Существует общее математическое соотношение, найденное в природе, которое может быть использовано в дизайне для создания приятных, натурально-выглядящих композиций. Его называют Золотым Сечением или греческой буквой “фи”. Если вы иллюстратор, арт директор или графический дизайнер, вам определенно стоит использовать Золотое Сечение в каждом проекте.

В этой статье мы объясним, как его использовать, а также поделимся несколькими отличными инструментами для дальнейшего вдохновения и изучения.

Тесно связанная с Последовательностью Фибоначи (Fibonacci Sequence), которую вы, возможно, помните из уроков математики или романа Дэна Брауна “Код Да Винчи”, Золотое Сечение описывает идеально симметричное взаимоотношение между двумя пропорциями.

Приблизительно равное соотношению 1 : 1.61, Золотое Сечение может быть иллюститровано как Золотой Прямоугольник: большой прямоугольник, включающий квадрат (в котором стороны равны длине самой короткой стороны прямоугольника) и прямоугольник поменьше. 

Золотое Сечение

Если убрать квадрат из прямоугольника, останется другой, маленький Золотой Прямоугольник. Этот процесс может продолжаться до бесконечности, как и цифры Фибоначи, которые работают в обратном порядке. (Добавление квадрата со сторонами, равными длине самой длинной стороны прямоугольника, приближает вас к Золотому Прямоугольнику и Золотому Сечению.)

Золотое Сечение в дизайне

Золотое Сечение в дизайне

Золотое Сечение в действии

Считается, что Золотое Сечение используется уже около 4000 лет в искусстве и дизайне. Однако, многие люди соглашаются, что при строительстве Египетских Пирамид также использовался этот принцип.

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

Греческая архитектура

Золотое Сечение в архитектуре

В древнегреческой архитектуре Золотое Сечение использовалось для определения приятных пространственных отношений между шириной здания и его высотой, размером портика и даже положением колонн, поддерживающих структуру.

В результате получается идеально пропорциональное строение. Движение неоклассической архитектуры также использовало эти принципы.

Тайная вечеря

Золотое Сечение в дизайне

Леонардо Да Винчи, как и многие другие художники прошлых лет, часто использовал Золотое Сечение для создания приятных композиций.

В Тайной вечере фигуры расположены в нижних двух третях (самая большая из двух частей Золотого Сечения), а Иисус идеально зарисован между золотых прямоугольников.

Золотое сечение в природе

Существует множество примеров Золотого Сечения в природе – их вы можете обнаружить вокруг себя. Цветы, морские раковины, ананасы и даже пчелиные соты демонстрируют одинаковое соотношение.

Как рассчитать Золотое Сечение

Рассчет Золотого Сечения достаточно прост, и начинается с простого квадрата:

01. Нарисуйте квадрат

Рассчет золотого сечения

Он образует длину короткой стороны прямоугольника.

02. Разделите квадрат

Рассчет золотого сечения

Разделите квадрат пополам с помощью вертикальной линии, образуя два прямоугольника.

03. Проведите диагональ

Рассчет золотого сечения

В одном из прямоугольников проведиде линию из одного угла в противоположный.

04. Поверните

Рассчет золотого сечения

Поверните эту линию так, чтобы она легла горизонтально по отношению к первому прямоугольнику.

05. Создайте новый прямоугольник

Рассчет золотого сечения

Создайте прямоугольник, используя новую горизонтальную линию и первый прямоугольник.

Как использовать Золотое Сечение

Использовать этот принцип проще, чем вы думаете. Существует пара быстрых трюков, которые вы можете использовать в своих макетах, или потратить немного больше времени и полностью раскрыть концепт.

Быстрый способ

Если вы когда-нибудь сталкивались с “Правилом третей”, то вам будет знакома идея разделения пространства на равные трети по вертикали и горизонтали, при этом места пересечения линий создают естественные точки для объектов.

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

Правило третей можно применять к любой форме, но если вы примените его к прямоугольнику с пропорциями примерно 1 : 1.6, вы окажетесь очень близко к золотому прямоугольнику, что сделает композицию более приятной для глаз.

Полная реализация

Если вы хотите реализовать Золотое Сечение в вашем дизайне в полной мере, то просто расположите основной контент и сайдбар (в веб дизайне) в соотношении равном 1 : 1.61.

Можно округлить значения в меньшую или большую стороны: если контент-зона равна 640px, а сайдбар 400px, то эта разметка вполне подойдет под Золотое Сечение.

Золотое сечение в веб дизайне

Разумеется, вы также можете разделить области контента и боковой панели на одно и то же отношение, а связь между заголовком веб-страницы, областью содержимого, футером и навигацией также может быть спроектирована с использованием того же приципа.

Полезные инструменты

Вот несколько инструментов, которые помогут вам в использовании Золотого Сечения в дизайне и создании пропорциональных проектов.

01. goldenRATIO

Калькулятор золотого сечения

GoldenRATIO – это приложение для создания дизайна веб сайтов, интерфейсов и шаблонов, подходящих под Золотое Сечение. Доступно в Mac App Store за 2,99$. Включает визуальный калькулятор Золотого Сечения.

Так же в приложении есть функция “Избранное”, которое сохраняет настройки для повторяющихся задач и “Click-thru” мод, позволяющий сворачивать приложение в Photoshop.

02. Golden Ratio Typography Calculator

Этот калькулятор Золотого Сечения от Pearsonified  помогает в создании идеальной типографики для вашего сайта. Введите размер шрифта, ширину контейнера в поле, и нажмите кнопку Set my type! Если вам нужно оптимизировать количество букв в строчке, вы можете дополнительно ввести значение CPL.

03. Phicalculator

Калькулятор золотого сечения

Это простое, полезное и бесплатное приложение доступно для Mac и PC. Введите любое число, и приложение вычислит вторую цифру в соответствии с приципом Золотого Сечения.

04. Atrise Golden Section

Калькулятор золотого сечения

Это приложение  позволяет проектировать с золотыми пропорциями, экономя кучу времени на вычислениях.

Вы можете менять формы и размеры, фокусируясь на работе над своим проектом. Постоянная лицензия стоит 49$, но вы можете скачать бесплатную версию на месяц.

Обучение Золтому Сечению

Вот несколько полезных туториалов по Золотому Сечению (английский язык):

01. Graphic design, illustration and art

В этом туториале для Digital Arts Роберто Маррас (Roberto Marras) показывает, как использовать Золотое Сечение в художественной работе.

02. Web design

Туториал от Tuts+, рассказывающий, как использовать золотые принципы в веб дизайн проектах.

03. More web design

Туториал от Smashing Magazine, рассказывающий о пропорциях и правиле третей.

Перевод статьи The designer’s guide to the Golden Ratio

Автор оригинального текста Creative Bloq Staff

wordyblend.com


Смотрите также