PATTERNS BY NIKETO

Личный блог Андрея Беликова, дизайнера и арт-директора
из Санкт-Петербурга. Дизайн, типографика и фотография.
..

Niketo:Portfolio
Niketo на Behance
Niketo на Instagram
Niketo на Twitter

Дизайнер и текст

На сей раз о дизайнерах и о том, что они должны делать и чего не должны. Я тут неосторожно оставил комментарий в фейсбуке, о котором меня не просили. Девушка его удалила и меня забанила, так что могу про случай написать, никого не задев лично. Дело начиналось невинно — она ищет работу, вот и выложила ссылку на свой профиль на Бихансе, а я возьми да и зайди, а потом возьми и найди сразу две ошибки в одном предложении на первом же проекте:
«С чем вы сталкнетесь затеяв ремонт?»

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

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

И да — я могу поговорить на тему каких-то спорных моментов с копирайтером, если таковой на проекте есть. И толковый копирайтер услышит, как лучше оформлять текст на макете, как его дробить, в какую структуру заворачивать, и в результате получится отличная работа, которой гордятся все стороны. Миша А. привет, и спасибо тебе!

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

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





Blush Response

Кто про что, а я про сетки. Вспомнил про свой давнишний эксперимент с модульными сетками на основе ряда Фибоначчи, мне хотелось показать, что классические математические зависимости и пропорции способны дать основу гибкому механизму отображения контента в вебе. Сумма первых пяти чисел ряда равна двенадцати (1+1+2+3+5=12) — это как раз привычное количество колонок в большинстве фреймворков. На этой основе я решил показать, как можно распределять текстовый и визуальный контент на странице. Для примера я взял структуру сайта-галереи, где представлены работы нескольких авторов, есть каталог работ и портфолио каждого автора, несколько других страниц типа регистрации, о проекте. Ниже пример разных размеров фотографий пропорций 2×1, вписанных в эту сетку:

Страницы входа, о проекте (манифест) и поиска:




Каталог, страницы авторов и просмотр альбома:



Кстати, а название Blush Response из тех, что лежат у меня давно как красивые фразы или цитаты на всякий случай. Именно эта взята из Blade Runner:
\
“Capilary dilation of the so called blush response… fluctuation of the pupil. Involuntary dilation of the iris…”

Niketo font

Закончил работу над шрифтом, пропорции букв которого взяты из логотипа. Толщина штриха — единица, ширина знака — четыре, высота — девять, в большинстве букв присутствует характерный скос, хотя издалека рисунок ничем оригинальным не отличается. Назвал Niketo Four Font. Понимаю, что шрифт очень примитивен и может использоваться больше для развлечения и в совсем небольшом объёме, нежели для обычных текстов. Возможно, буду на его основе делать постеры, какие-то digital-абстракции или применять в своих личных проектах типа этого блога.





Самыми трудоёмкими оказались знаки со сложной геометрией:

Следующим шагом может стать шрифт с квадратными габаритами знаков:




Ingénieur

Наброски страниц Ingénieur — моего долгоиграющего эксперимента с модульными сетками, гибкой системы отображения фотографий различных пропорций. Основным желанием было создать упорядоченную структуру, которая на беглый взгляд казалась бы неочевидной.


New Niketo identity

Скоро я обновляю дизайн своего портфолио, самым заметным изменением будет новый фирменный цвет, остальное останется таким же простым. Всё внимание — на работах. Немного выше вы заметили мои эксперименты с паттерном, основанным на пропорциях 1×4×9, ниже видны элементы, из которых он построен (мои труднообъяснимые геометрические заморочки) и показано, откуда взялся новый цвет Niketo Viola. Мне нравится идея «математического» бренда, в котором логотип построен из геометрических примитивов и пропорций целых чисел, а цвета выросли из базовых цветов RGB и CMYK, что-то более «цифровое» трудно представить. При этом интересно совместить источник брендинга, геральдику, с цифровым подходом — получится геральдический шильд, основанный на этих же пропорциях и сочетающий в себе привычную симметрию с некоторыми нововведениями:





Liguria MMXVI

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





И ещё немного деревьев, камня и неба.










Sensing The Close

Где бы ты ни был, ты всегда находишься в центре круга — видимого тебе горизонта. И эта полоска горизонта, если сделать полный поворот, замкнётся в кольцо диаметром несколько километров в ясную погоду, а во время тумана кольцо сжимается до десятков метров. Отсюда и происходит название моего нового проекта для экспериментов в видео — The Horizon Ring. Там же будут появляться и фотографии с мест съёмок. Следите в Инстаграме.






Место: Санкт-Петербург, юго-запад.
Время: 1 мая 2016, 7 утра.
Камера: Canon EOS 6D.
The Horizon Ring в Инстаграме.
Дизайн сайта The Horizon Ring.