Блог Кирилла Беляева

о дизайнерском росте, подаче информации, интерфейсах, ведении проектов и жизненной среде.

Работал дизайнером в Лаборатории данных и в Дизайн‑бюро Артёма Горбунова. Соосновал дизайн-группу «Кипо». Веду канал в Телеграме, Твитер, Фейсбук, Инстаграм и ЖЖ.

Масштабирование карты и квазирежимы

Стоит такая интерфейсная задача — изменение масштаба на картах, которые занимают часть экрана.

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

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

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

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

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

Минус решения в том, что подсказка появляется при прокрутке карты. Привычку менять масштаб прокруткой уже сформировали. А теперь прокрутка не масштабирует карту, а показывает подсказку. Сначала остановлюсь, читаю и спешу тренировать новую привычку.

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

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

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

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

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

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

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

22 ноября   мы сделали   паттерн

Байкал

Летом две недели жил на Байкале. Эмоции смешанные. Расскажу то, что сумел сформулировать. Писать о красоте буду по миниму, покажу фотографиями.

Иркутск. За пят лет в Латвии я отвык от таких конструкций в центе города:

Видно, что город хранит прекрасные старые здания, но приводить их в порядок не спешат. Старую вывеску Евросети не успели убрать за 6 лет:

Из Иркутска на теплоходе поплыли по реке Ангаре и немного по Байкалу к посёлку Большие коты. Посёлок в две с половиной улицы без автомобильного сообщения летом и с временной дорогой по замёршему Байкалу зимой. Тут проходил БДСЛ-17. Дорога изрядно вымотала, поэтому из фотографий только милый магазин, в который так и не зашёл:

Дальше отправились на остров Ольхон, где проходил слёт Лаборатории данных. Дорога на остров тоже не близкая — семь часов в микроавтобусе и пятнадцать минут на пароме, который ждёшь ещё час-полтора. Пейзаж по дороге:

По дороге много кафе, столовых и ресторанчиков, в которых останавливаются микроавтобусы. У каждого заведения договорённость с водителями. Деревянный туалет со ступеньками и делением на мужской и женский на остановке по пути туда:

Наконец добрались.

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

Вечерами смотрели закаты:

Закаты снимал на Кенон 40D:

Телефон тоже старался:

В обитаемой части Ольхона песчаная почва. Местами открытый песок, в котором вязнут машины и все всех выталкивают. Постоянно приходилось вытряхивать обувь, носки, постель и подметать номер. Посёлок Харанцы, рядом с которым жили, на переднем плане — песок:

Особенность Ольхона — на него дует сильнейший холодный ветер. На противоположном берегу в пролив Малое море впадает река Сарма. Её русло похоже на природную аэродинамическую трубу, которая сужается к Байкалу. На выходе ветер достигает ураганной скорости. И это ощущается каждый день. Светит прекрасное Солнце, небо ясное. Все в кофтах, а работающие на улице — в куртках. Но если удачно лечь за кочку, можно хорошенько позагорать. В помещении тоже часто утеплялись, это 30 июля:

Видимо, из-за этого ветра занесло песком поселение, которое так и называется Песчанка:

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

Катались по озеру на катере к мысу Хобой:

Плыли по Малому морю вдоль Ольхона, в кадре — материк:

Потом обогнули мыс:

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

Рыба, плов, супы тоже добротные. Вкусная рыба доступнее, чем в Москве и Петербурге, но не так, чтобы ежедневно объедаться.

А вот с овощами и фруктам беда. Они привозные, безвкусные в августе, дорогие и не всегда бывают в наличии. Вернувшись отъедались, как следует.

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

Расстояния тут космические. Местные отдыхают и шопятся в Маньчжурии, для них это недалеко. 30-32 часа на автобусе в одну сторону, подушечки, пледы.

Пора обратно. Ещё закаты:

В очереди на обратном пути:

Со стороны выглядит так:

Не наш паром:

Нашей очереди ещё долго ждать  — снимаю растительность под ногами:

...и пейзажи:

16 ноября   Байкал   Земля   Россия

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

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

A post shared by Polina Oshurkova (@oshupatterns) on 

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

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

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

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

13 ноября   мы сделали   паттерн
4 ноября   вёрстка   видео
Ранее Ctrl + ↓