9 заметок с тегом

паттерн

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

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

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

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

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

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

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

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

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

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

 Нет комментариев    1406   2020   мы сделали   паттерн   Полина   сайт

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

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

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

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

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

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

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

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

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

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

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

 Нет комментариев    403   2020   мы сделали   паттерн   Полина   сайт

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

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

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

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

 Нет комментариев    320   2018   мы сделали   паттерн

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

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

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

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

 Нет комментариев    233   2018   мы сделали   паттерн

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

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

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

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

 117   2018   мы сделали   паттерн
Ранее Ctrl + ↓