Чему я научился из книги по дизайну «Проектирование программ» за 2.000$

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

Название книги "Проектирование программ"  можно перевести на русский как "Проектирование программных систем" или "Дизайн программ", в зависимости от контекста.

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

Для удобства повествования, я буду использовать термин «система», уж простите за вольность перевода.

Всё введение посвящено философским рассуждениям о самом определении понятия «программа». В начале книги приводится пример готического собора XV века мимо которого Карл проходил каждый день по пути на работу...

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

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

Ещё один замечательный современный пример системы визуального дизайна — медиалаборатория Массачусетского технологического института. В 2011 году они провели ребрендинг, для которого использовали «систему», генерирующую 40 000 различных вариантов. Это позволяло каждому студенту, преподавателю, зданию и проекту получить уникальный логотип, который будет актуален в течение следующих 25 лет.

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

В книге представлен ещё один замечательный пример систем по морфологии:
1. Разделите квадрат на 9 меньших квадратов
2. Повторите 3 раза, получив больший квадрат
3. Отметьте 49 пересекающихся узлов (точек)

Итак, сама система очень проста: соедините узлы в исходном квадрате 3x3 (показанном в #5 ниже) любым желаемым образом, а затем отразите его на другие квадраты 3x3, как показано в примерах 6–20:

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

В этом разделе Герстнер представляет нам свою «морфологическую коробку типограммы», которая разбивает некоторые выразительные характеристики типографики по строкам…

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

Давайте рассмотрим, как первый пример мог быть сгенерирован типографским морфологическим блоком.
Этот логотип…

…является результатом следующих выборов:

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

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

Сетка — основополагающий принцип дизайна, играющий важную роль в швейцарском дизайне 60-х годов, что объясняет любовь к ней Герстнера (для тех, кто ещё не нашёл его в Google, он был плодовитым швейцарским графическим дизайнером).

Его вкладом в теорию сеток является знаменитая «мобильная сетка», разработанная им для немецкого журнала Capital:

Я знаю, о чём ты думаешь — чё за фигня?
Но сетка на самом деле гораздо менее пугающая, чем кажется на первый взгляд. Я составил эту диаграмму, чтобы показать, что это на самом деле шесть отдельных сеток, объединенных в одну:
Нажмите Enter или кликните, чтобы увидеть изображение в полном размере.

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

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

Несколько слов.
Простые слова.
Но слова, которые можно петь задом наперёд
и вперёд-назад.
Или даже одно поверх другого.
Или вперемешку.
Или, конечно, одно за другим.

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

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

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

Приведён частичный пример программы генерации музыки, состоящей из слоёв, представленных квадратами.
Это первый слой:

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

При наложении двух слоев друг на друга вы получаете звуки, воспроизводимые на разных частотах:

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

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

Целостный означает: сформированный в целое. Здесь предполагается аристотелевское изречение о том, что целое больше суммы частей. И это жизненно важно для типографики. Типографика — это искусство составления целого из заранее определённых частей. Типограф «складывает» отдельные буквы в слова, а слова — в предложения.

Он доказывает это, показывая, что только одна комбинация из четырёх букв образует осмысленное слово — «жена».

Следующий пример применим к фирменному стилю магазина пластинок под названием «Boîte à musique».

Гибкость бренда показана ниже: пример 14 — визитная карточка компании с различными пропорциями, пример 15 — бумага для записей, примеры 16 и 17 — реклама, а 18 — подарочный сертификат:

Другой пример приведен на примере бренда Holzäpfel:

Герстнер подробно рассматривает трёхмерные примеры программ в действии. Первый пример — это 3D-скульптура, которую можно рассматривать с разных ракурсов, но которая при этом выглядит цельной со всех сторон:

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

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

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

Оригинал: Svilen medium.com