Okunkir

Okunkir

Дизайнер, немножко артдиректор. Работаю в The Clients, качаю насмотренность в своём канале https://t.me/pochemukrasivo
Пикабушник
5295 рейтинг 173 подписчика 1 подписка 31 пост 15 в горячем
Награды:
5 лет на Пикабу
27

Как делать авторские мокапы для клиентов за минуту

Искать мокапы очень тяжело. Мало того, что надо найти что-то хорошее (уже непросто), подходящее по размерам, носителю и по настроению, так ещё и никто не гарантирует, что этот же мокап не использует кто-то другой. Очевидно, лучший вариант — самому срендерить нужную сцену или сделать фотографию дизайна в реальной жизни. Но, когда ты только-только показываешь первый заход на концепцию заказчику, ограничен во времени или банально не умеешь в 3D/ фотографию, это тупо не вариант

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

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

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

Пишем [ссылка на картинку] white outdoor billboard with beautiful sky, sunset, neutral colors, beautiful sky, realistic photography, neutral colors, canon 60d --ar 3:2. Получаем такой результат:

Хотите ночной? Пишите про ночной: [ссылка на картинку] ad horizontal billboard in starry night with polar lights, snowy, constellations, stars in the sky, northern, scandinavia, country, ultrasharp --ar 3:2

Солнечный урбанистический: [ссылка на картинку] white billboard in the european city, cozy, daylight, summer, trees, warm city lighting, natural colors, pedestrians, sunbeams, ultrasharp --ar 2:1

Вечерний урбанистический: [ссылка на картинку] white billboard in the european city, cozy, warm city lighting, natural colors, ultrasharp, evening --ar 2:1

Можно даж сделать киберпанк: [ссылка на картинку] white ad horizontal billboard in futuristic city, neon, cyberpunk, night, dark, urban, futuristic, ultrasharp --ar 2:1

Картинка экспортируется в приемлемом разрешении, прогоняется через какой-нибудь бесплатный апскейлер (я использую ClipDrop) до ± хорошего разрешения, и на неё можно натягивать дизайн в фотошопе через условный Vanishing Point или смарт-объекты. Весь процесс от ввода запроса до вытаскивания результата из апскейлера занимает минуты полторы-две. Если вы не до конца уверены в том, что вам надо, то нейросети не помогут игры с запросами могут занять ещё три-пять минут вашего времени.

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


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

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

По итогу рекомендую MJ как неплохой способ показать некий промежуточный дизайн заказчику. Когда слайдов в презентации много, все новые, и на каждый отводится несколько секунд без ближайшего рассмотрения, нейросетки отлично создают общее впечатление и задают нужный настрой. А, если посидеть с конечным результатом — поправить надписи, уточнить пропорции и вычистить артефакты — можно даже вставлять что-то из таких картинок в полноценные кейсы. Хотя рендер и фото, разумеется, остаются вне конкуренции

Показать полностью 8
38

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

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

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


Полный кейс можно глянуть тут

Дизайнеры пишут, что хотели передать ощущение чистоты. Имхо, получилось. И, что забавно, получилось вообще не тем приёмом, который обычно ассоциируется с чистотой. Я вот сам себя спросил, как визуально показать что-то чистое, и рефлекторно ответил, что (спойлер чтобы вы сравнили себя со мной) нужно сделать всё белым. А тут практически нет белого — фон слегка голубой, бутылка тоже, на этикетке вообще куча градиентов. А всё равно чисто выходит

Пришёл для себя к неожиданному выводу — если сделать всё белым, будет не чисто, а стерильно. Даже проверил сам, обесцветив упаковку в фотошопе (выше), и правда вышло абсолютно никак. Как бы да, никаких «примесей» в чисто белом дизайне не будет, но и вкус оттуда тоже вытравится. А в чистом дизайне есть настроение, но нет визуального шума и «тяжелых» элементов. На примере с картинок выше, чистота — это и светлый цвет без паразитарных оттенков, и уквадраченная воздушная типографика с прикольным шрифтом (зацените, как прикольно съехали средние перекладины у Е), и красивое преломление стёкла на фотках. Акценты в таком чистом дизайне заменяются на аккуратные нюансы


Короче, чистый=негрязный. Можете доставать картинки с волками

Показать полностью 4
395

Логотип Блютуза — это самое скандинавское, что вы видели. Вот почему:

Логотип Блютуза — это самое скандинавское, что вы видели. Вот почему:

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

Почему это выглядит и звучит уместно? А очень просто:
-Национальные узоры почти всегда геометричные. А геометрия не стареет
-Абстракция. Скандинавам понятен референс, а остальным не режет ухо и глаз странное название и картинка. Абстракция на то и абстракция, что каждый придумает что-то своё, и получится нормально.

Я, кстати, всегда думал, что на логотипе нарисованы два странных зуба с корнями. А про название вообще никогда не думал. Я один такой, или были ещё версии?

Показать полностью
93

Логотип из фотографии (ч.2)

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

1.

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

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

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

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

...так и на всяких фавиконах, разумеется

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

2.

И опять вторая картинка это грустная российская действительность. Вот только, если в прошлый раз из этого вышла аккуратная авангардная штука, то панельные окна подсказали мне ну совсем другие формы

Вышло...ну, брутальненько. Читается такое с очень большим трудом, но мне настолько понравилась общая форма и идея, что я не удержался и сделал для Бутово всю основную наборную кассу: кириллицу, латиницу и несколько знаков препинания

Я поленился придумывать под шрифт отдельный фирменный стиль и какую-то систему, но всё-таки разместил результат на парочке носителей из тех, что первые пришли в голову

И, раз уж я всё равно делаю такие штуки ради практики и собственного развлечения, отдаю этот шрифт в народные (ваши) руки. Можете смело пользоваться. Вот ссылочка на скачивание

А на сегодня у меня всё! Если вам понравилось то, что вы увидели, и вообще эта тема вам заходит, то не забудьте поставить посту плюсик и оставить коммент!

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

ВК: https://vk.com/okunkir

Инстаграм: https://www.instagram.com/okunkir/?hl=ru

Биханс: https://www.behance.net/OKUNKIR

Почта: okunkir@gmail.com

Показать полностью 17
132

Логотип из фотографии

Вы наверняка слышали, что многие современные технологии вдохновлены примерами из природы — от крыльев самолёта до сломавшейся молнии на моей толстовке. У этого даже есть правильное название — биомимикрия. Недавно я решил применить этот подход, но не в инженерном деле, а в дизайне — а именно, поворовать интересные формы и задумки из разных фотографий и картинок и превратить их в шрифты или хотя бы логотипы. Не совсем "био", конечно, но суть вы уловили. Хочу поделиться с вами теми штуками, что у меня вышли. Точнее, "выходят", ведь Пикабу не дает запостить больше определенного числа картинок. Если вам понравится — я сделаю ещё несколько постов на эту тему

1.

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

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

Для начала я сообразил такой плакат:

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

И, конечно, фирменного грима. Пока делал, придумал для себя, что "Жуки" это аббревиатура, и каждый из участников носит на лице свою буковку. Ж, конечно, вышла самая эпичная — видимо, для фронтмена

И ещё немного носителей. Логотип засчёт своей особенности может как подстраиваться под формат, как бы "заполняя" его...

...так и оставаясь с изначальными пропорциями, с пустым пространством вокруг

Кстати, изначально логотип выглядел вот так (картинка снизу). Спасибо аудитории моего инстаграма и вк, они подсказали мне, что это в основном читается как "муки" (а кто-то вообще прочитал как "тупи"). Благодаря им я пересмотрел графемы отдельных букв, а заодно поправил расстояния между элементами, чтобы работа была более целостной




2.

Фотка грустного КМЗшного лифта заставила меня посмотреть на затененный участок как на отдельный объект — странно скошенный и толстенький, особенно на контрасте с тонким стыком дверей. Я нарисовал вот такую буковку

Буковка дурацкая, в конечном результате её и не будет. Однако, именно смотря на эту Т, я вывел правила для будущей системы

И уже по ним принялся делать что-то приличное. Вышла вот такая штука (слово, как и в прошлый раз, совершенно рандомное)

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

В общем, я решил, что "Шелест" это что-то типа маленького интернет-сообщества, постящего интересности про современную и не очень архитектуру — такие культурные и интеллектуальные любителей странных и красивых домиков.

Так бы это выглядело в соцсетях

А вот так — в реальном мире. То есть, на худи и в качестве инструмента культурного вандализма (представим, что всё законно)

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

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

А казалось бы, с какой грустной фотографии мы начинали

Пока на этом всё! Если вам понравилось то, что вы увидели, и вообще вам интересна эта тема, то дайте мне об этом знать своим плюсом и комментом! Тогда новые посты этой серии будут выходить здесь и дальше.
А, если вы хотите приобщиться к числу тех, кто первым видит мои работы, обсуждает мои косяки и радуется красивому оформлению постов (которое я не могу полностью переместить на Пикабу и потому компенсирую это авторскими комментариями и расширенным разбором), то добро пожаловать и в другие мои соцсети:

ВК: https://vk.com/okunkir

Инстаграм: https://www.instagram.com/okunkir/?hl=ru

Биханс: https://www.behance.net/OKUNKIR

Почта: okunkir@gmail.com

Показать полностью 21
494

Фирменный стиль за 1 день

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


А ответить что-то вроде "нет, конечно" вы не можете, потому что этот человек спас вам жизнь, причем где-то раза три, последний из которых он ещё и кота вашего из петли достал. Есть ли тут возможность сделать прилично?


С кучей оговорок, но да


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

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


Что называется, следите за руками:

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

А теперь "разберём его". Нужно понять, из чего состоит наш объект; причем не столько инженерно, сколько понятийно — какие элементы велосипеда мы чаще всего воспринимаем как отдельные объекты со своей собственной формой и характером? Рама, рукоятки руля, сиденье — да черт, колесо, в конце-то концов!

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

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

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

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

Что в итоге? Отказываемся от всех других достижений дизайна и отправляемся лепить узоры куда не попадя?

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

Вау, вы дочитали этот пост до конца! Спасибо вам за это

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

Показать полностью 10
33

Как понять "Довод"


В новом фильме Нолана невозможно разобраться без ста грамм.

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

Показать полностью 2
Отличная работа, все прочитано!

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества