Кирилл Беляев: заметки с тегом паттерн

Сайте Полины Ошурковой 1.1 — Каталог

Кирилл Беляев — Tue, 15 Sep 2020 10:29:58 +0300

Абзац контекста для недавно подписавшихся. Моя супруга Полина — дизайнер паттернов. Как-то рассказывал, как делал ей сайт.

Сейчас сделал обновление. Интересно, что всё, что я планировал сделать во второй версии, пока абсолютно не нужно Полине, как предпринимателю.

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

Сделали просто квадратные картинки и бинарный фильтр — polinaoshu.com/patterns.

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

Основу написал Толя Буров, а остальное я дополнял готовыми кусочками.

Для тех, кто любит закопаться — правила для названий и пример:

Нумеруем, чтобы упорядочить на странице. От названия номер не отделяем.
Вместо пробелов — дефис или нижнее подчёркивание (-,_).
Подтип (Light, Dark) отделяем собачкой (@).
Для растровых паттернов добавляем в название файла «_rsts».
Автоматические названия, которые не нравятся, переназначаем в titles.txt.

02water-lily-on-purple@vivid_rstr.jpg → Water Lily on Purple · Vivid

Сайт Полины Ошурковой 1.0

Кирилл Беляев — Mon, 17 Feb 2020 15:36:01 +0300

Моя супруга Полина делает паттерны. Два года она рисовала по картинке в день. И вот сейчас у неё больше 67 тысяч подписчиков и первые клиенты с мировыми именами. Пришло время сделать любимой сайт.

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

Логотип сделали из Полиного росчерка. Такой логотип просил нейтрального шрифта, и это стало следующий задачей — найти незаметную антикву, которая подчеркнула бы изящество работ, но не оттенила логотип. Сработал Таймс Нью Роман. Этот системные шрифты настолько часто встречается, что перестал обращать на себя внимание, но от этого он не перестал быть хорошим шрифтом. Дополнительный плюс — бесплатность. Устройство современных шрифтовых лицензий всё ещё ад.

Макет за 20 минут дал понять, что такой сайт мне по силам без Редимага, Карго и прочего. А в процессе стало понятно, что внутри ХТМЛа удобно организовать шаблонные блоки.

Блоки занимают всю ширину. У высоты пять отношений к ширине: 1:1, 1:2, 1:3, 2:3 и 1:4. Внутри блоки могут делиться на 2, 3 или 4 части. Вложенные блоки могут перестраиваться на телефоне в колонку или оставаться строкой.

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

Адрес — polinaoshu.com (осторожно: красивые, но тяжёлые картинки).

В следующих версиях:

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

P. S. Приходите ко мне за дизайном сайтов и интерфейсов, и к Полине — за паттернами.

Паттерн «Осенние растения»

Кирилл Беляев — Thu, 20 Dec 2018 16:45:32 +0300

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

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

Начиная со второго Гербария, паттерны продаются на Паттерн-банке. Площадка продаёт каждый паттерн в одной палитре. Поэтому если нужны другие цвета или просто хотите купить напрямую, пишите на hi@kipo.name.

Паттерн «Гербарий №2»

Кирилл Беляев — Fri, 30 Nov 2018 10:50:47 +0300

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

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

Паттерн «Колокольчики»

Кирилл Беляев — Wed, 17 Jan 2018 13:06:25 +0300

Полина сделала новый векторный паттерн. Скетч из Инстаграма:

A post shared by Polina Oshurkova (@oshupatterns) on Nov 1, 2017 at 10:58pm PDT

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

Если хотите купить паттерн, пишите на почту hi@kipo.name. В готовом комплекте 5 цветовых схем и стандартная лицензия. О нестандартных палитрах или расширенной лицензии спрашивайте по той же почте.

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

Кирилл Беляев — Fri, 08 Dec 2017 10:24:41 +0300

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

На этот раз у паттерна скромный плакат и небывалое число палитр — 10 штук.

Прообраз паттерна:

A post shared by Polina Oshurkova (@oshupatterns) on Oct 26, 2017 at 12:10am PDT

Стоит 2 500 ₽. В эту цену входят все 10 цветовых схем. Если хотите своё сочетание, напишите на hi@kipo.name. Без нашего согласия паттерн изменять нельзя.

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

Все условия смотрите в короткой лицензии.

Паттерн «Минералы»

Кирилл Беляев — Wed, 22 Nov 2017 16:43:50 +0300

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

Паттерн — «рассыпчатый», у него все объекты не касаются друг друга, нет переплетений и касаний друг с другом. Из-за этого паттерн легко обрезать по нужной форме без видимой границы. Мы такие паттерны называем «как горох», в честь простейшего представителя жанра. Были такие советские кухонные жестяные банки с горошинами на красном фоне. Через этот образ всегда легко объяснит собеседнику особенность паттерна.

Ещё у «Минералов» нет фона, это расширяет области применения, а при наложении нескольких слоёв расширяет области применения ещё раз:

Стоит 2 500 ₽. В эту цену входят 6 цветовых схемы. Если хотите своё сочетание, напишите на hi@kipo.name. Без нашего согласия паттерн изменять нельзя.

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

Все условия смотрите в короткой лицензии.

Паттерн «Листья и травы»

Кирилл Беляев — Mon, 13 Nov 2017 18:32:47 +0300

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

A post shared by Polina Oshurkova (@oshupatterns) on Oct 11, 2017 at 11:29pm PDT

Из него получился паттерн «Лисья и травы». Он векторный, поэтому легко масштабируется под любую площадь. Подойдёт для текстиля, упаковки, фирменных стилей, книг и интерьеров публичных заведений.

Стоит 2 500 ₽. В эту цену входят 4 цветовые схемы. Если хотите своё сочетание, напишите на hi@kipo.name. Без нашего согласия паттерн изменять нельзя.

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

Все условия смотрите в короткой лицензии.

Паттерн «Голландия»

Кирилл Беляев — Fri, 06 Oct 2017 08:41:36 +0300

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

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

Все условия смотрите в короткой лицензии.

Ещё Полина запустила инстаграм со своими паттернами, где показывает красоту:

A post shared by Polina Oshurkova (@oshupatterns) on Oct 6, 2017 at 8:40pm PDT