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

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

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

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

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

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

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

Стоит 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 ноября   вёрстка   видео

Разбор карты этнографического музея

Сначала — контекст. Круговая панорама для этого лучше описаний:

Музей — классный, пример остальным этнографическим музеям. На 84 гектарах лесопарка собраны 118 построек 17...20 веков. Гуляешь по парку и впитываешь историю. Или не впитываешь, всё равно пейзаж интереснее, чем в обычном парке: домики, дорожки, мельницы и музейная чистота. Поесть тоже дают, как в парке. На праздники устраивают реконструкции. Открыт для посетителей удивительно давно — в 1932-м, основан 1924-м.

Домики и подписи на их табличках вызывают образы гораздо ярче, чем урок истории или учебник с иллюстрациями.

Утвари внутри домов немного, но образцы выразительные. Телефон сел, поэтому покажу только «сундук» из бревна. А самое крутое там — купальня с устройством для ингаляции.

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

Переделываю сторону с картой. Шесть главных проблем и их решения:

1. Чтобы рассматривать А3 нужен стол или обе руки. Чуть полегче, если согнуть пополам. Но тогда карту и легенду не видно одновременно — приходится помнить какие-то абстрактные цифры пока крутишь листовку. Это главная проблема. Решение понятное — расставить подписи рядом с объектами, но трудоёмкое, на него ушло основное время. Пока расставлял, раза три думал, что не сработает. Понимаю, почему авторы не стали усложнять себе жизнь и восхищаюсь ребятами, которые делали советские атласы. Не обошлось без уловок.

  • Чтобы разместить такую кучу текста, я погасил всю графику, кроме строений. Так вытянул на передний план домики и освободил место для текста. Это называют информационными слоями.
  • Часть зданий объединены в хозяйства и деревни. Часть хозяйств перевезена целиком, и другая собрана из нескольких мест с одной окрестности. Делаю это деление на уровне пятен и подписей жирным. В таких группах не подписываю каждое здание, а собираю подписи в блок с выноской. На каждом здании висит табличка с информацией идентичной листовке. Дойдя до хозяйства, интереснее живые строения, чем карта. Читают таблички только тех строений, что приглянулись. Это решение стоит тестировать. Если не то — вернуть цифры. И всё равно подписи рядом с объектами и собранные в блоки будут считываться проще.
  • В оригинале было семь строений помеченные «not re-erected» (нереконструированные), номера 35, 62, 71, 74, 77, 109 и 119. У меня их нет. В жизни нереконструированные строения, на которые обратил внимание, были грудой брёвен. К ним не подойти из-за высокой травы, табличек тоже не заметил
  • Ещё в оригинале указаны даты добавления в коллекцию музея. Пользы от них не увидел, ощутил вред — сбивался и путался между двумя датами, вдвойне тяжко, когда 1930-й у одного здания — дата постройки, а у другого —дата добавления в музей. У меня этих дат тоже нет.
  • Номера 122, 123 и 124 оставил сносками.

2. Понять, где жила какая народность нельзя. Просто добавляю карту современной Латвии с условными границами и подписями:

3. Шрифт Бенгет (ITC Benguiat) не подходит. Он лучше работает, как акцидентный. В небольшом кегле с такими межстрочными, читать его становиться совсем больно. Благодаря выразительной форме считывать цифры на карте тоже не удобно. И по стилю шрифт не подходит. Это антиква, основанная на шрифтах Модерна. Даты возведения и характер построек не о Модерне никак. Рабочее решение подсказывает сайт музея: характерные заголовки и читаемый текст спокойным гротеском. Я набрал основной текст системной Тахомой. Ещё лучше сработает шрифт, более читаемый при той же площади.

4. Цифры плохо объединяются в пятна, из-за чего сложно определять границы территорий народностей. Мои пятна решают задачу не полностью.

Моменты, которые ушли сами при решении предыдущих пунктов.

  • Цветовое кодирование связывает цифр на карте с иллюстраций снизу, но не с легендой, которая эти цифры расшифровывает.
  • Если сложить карту вдвое, народность Латгалов уходит за сгиб. И синие цифры на карте становятся неопознаваемыми.

В итоге карту без изменений можно печатать на А4 для острозрячих, и на А3 для остальных:

Добавка. Отдельная беда с географией. Живу в Латвии пять лет и знаю, где жили какие народности, а местные тем более. Эти названия историко-культурных областей используются до сих пор. Поэтому гуляя по музею, я не понял принцип расположения народностей.

Когда в моей версии листовки появилась карта страны, стало проще соотносить географию страны и музея. Для неместных упрощу, повернув:

Часть народностей «живут на своих местах», Рига в заливе, у земгалов нет выхода к воде, Латгалия и Курземе по краям.

Главное отличие — Латгали и Курземе поменены местами. Уверен, что доставал бы карту в два раза реже, будь они на местах. Работал бы принцип естественного соответствия (см. Нормана).

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

30 октября   Земля   карта   Латвия   музей   разбор

Плюшевый друг

У детей бывают любимые мягкие игрушки. Они ходят с ними в сад и на прогулки.

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

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

Получилось, два в одном — и плюшевая игрушка на все случаи жизни, и игрушка на руку.

25 октября   игрушки   привет малыш
21 октября   видео

Ещё раз о надутой еде

В первый раз получилось плохо:

Плотность воздуха в 832 раза меньше воды, ~1,2 кг/м³, но не ноль же. До попадания в крем он ничего не стоит, даже до взбивалки добирается сам. А потом в готовом продукте грамм воздуха стоит, как грамм продукта.

Серёжа Король помог:

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

Сходил в магазин. Массы у шоколадок и батончиков разные. 25, 36, 45, 90, 100 грамм — полный зоопарк. Цены тоже. Чтобы сравнить, нужно один из параметров привести к общей величине. В этот момент по-настоящему оценил пользу цен за килограмм, которые пишут на ценниках в ЕС. Их набирают самым мелким кеглем, но это удобнее, чем без них.

Потом искал пару для сравнения, чтобы состав отличался незначительно. Выбрал две плитки одного производителя с максимально близким форм-фактором упаковки и одинаковым содержанием какао (по 52%). Одна пористая, другая — нет:

Понятно, что пористость — это дополнительное свойство. Производитель оценил его в 5,73 €/кг, пол евро на плитку.

Тут щёлкнуло, что дело в ожиданиях. Покупая обычную плитку шоколада, примерно 160 × 80 × 6 мм, жду плюс-минус 100 грамм, и сравниваю только цены. Пересчитал: при равном объёме и за цену 100 грамм непористого продают 68,7 грамм пористого.

Если коротко: покупателей не обманывают, а путают.

14 октября   ожидания   шоколад

Мишн контрол

Мак радует функцией «Мишн контрол». За неё отвечает клавиша «F3»:

Нажатие на одну кнопку показывает открытые окна — супер-наглядно:

Одно но: в этом режиме не видны свёрнутые окна. Ждать, что человек помнит свёрнутое, мега-оптимистично. Если сверить запущенные приложения в Доке с окнами и рабочими столами, можно заметить, что окон не хватает. Но это требует много времени и внимания — раз. А если у одного приложения открыто больше двух окон и хоть одно из них свёрнуто, найти его через Мишн контрол не получится — два.

Выделенное окно Файндера было открыто уже во время первого скриншота:

В настройках есть галочка «Группируй окошки по приложениям», советую включить, будет проще:

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

13 октября   интерфейс   Мак
Ранее Ctrl + ↓