2 заметки с тегом

Полина

Сайте Полины Ошурковой 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

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

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

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

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

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

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

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

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

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

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

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