Чему Сол Басс может научить нас в области веб-дизайна: цвет, типографика, внимание к деталям

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

Басс работал с Хичкоком и Скорсезе, Кубриком и Премингером, первым придумал превращать титры в мини-шедевры. До этого титры, как правило, были скучны, терпелись, игнорировались и использовались как время для попкорна.

Как современные дизайнеры могут использовать принципы Сола Басса в разработке айдентики и веб-сайтов?

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

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

Цвет несет смысл и задает настроение и тон еще до того, как мы начинаем читать содержимое.

Продукция кофейни Civil отмечена акцентным красным цветом. Он отсылает к цвету кузова пикапа, из которого когда-то начинали продавать кофе основатели компании.

Премиальная марка травяных чаёв DARLCHA - пример минималистичного дизайна. Единственный акцент - цветовой код из двух половинок. Цвета половинок помогают отличать один чай от другого.

Сайт производителя ящиков из переработанного пластика Made Crate - пример применения мягкой палитры, которая продиктована цветами продукции.

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

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

Да, Times New Roman или Arial тоже справятся с этой задачей «передать смысл», но с таким изобилием бесплатных шрифтов и стилей CSS почему бы не попробовать придать вашим словам больше жизни?

«Стекающая» типографика в айдентике кафе Drip - мощная отсылка к смыслу. Оно переводится как «капля».

Производитель надувной мебели PuffySoft использует «надувающуюся» типографику.

⁠Яркая типографика медовухи Hive Mind вписана в паттерн из шестиугольников, который отсылает к сотам. Сочно и жизнерадостно.

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

Фирменный, вариативный и очень динамичный шрифт Spotify отражает разнообразие музыкальных стилей.

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

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

Интернет-магазин косметики OEM - очень эстетичный пример нетривиальных интерфейсных решений. Крупные формы, большие скругления и мелкая типографика. Все это в совокупности аккуратно и эффектно смещает фокус на эмоциональное восприятие.

Бутылки премиального вина Antonio Braga оформлены обертками полупрозрачной шелковой бумаги. Текст на обертке стилизован под титульный лист, снимая который, покупатель видит этикетку - первую страницу книги с историей вина.

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

Знаменитая студия Джорджа Лукаса Industrial Light & Magic переработала логотипы для главного бренда и суббрендов. Типографика создана на основе шрифтов, которые компания традиционно использует в раскадровках и сценариях.

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