Кирилл Беляев

Превью ссылок в соцсетях

Кирилл Беляев — Sat, 27 Mar 2021 19:41:57 +0300

Отлаживал их. Вдруг кому-то пригодится.

Картинке нужен абсолютный УРЛ, а не относительный.

Проверить, как покажет:

Телеграм

Бот, который чистит кэш.

Первой строчкой в превью управляет метатег og:site_name. Если он идентичен og:title, останется только одна строка жирным.

Для большой картинки, неожиданно нужен метатег Твитера (а не Open Graph, как для всего остального):

<meta name="twitter:card" content="summary_large_image">

«Пробелы» на Продакт-ханте

Кирилл Беляев — Tue, 15 Dec 2020 16:05:12 +0300

У меня есть проект о пробелах — таблица с наиболее ходовыми пробелами, которые удобно копировать в буфер, чтобы потом вставлять в почти любой редактор — krll.me/s.

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

Хантер

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

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

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

«Найди хантера» — легко сказать, но в первый раз непонятно, как сделать. Поэтому запишу советы себе в прошлое:

Написать ребятам из топ-100 хантеров и топ-50 создателей — yvoschaap.com/producthunt.
Если из топ-списков никто не ответит, найди на ПХ продукты по близкой тематике, и посмотри, кто публиковал их. На странице каждого хантера есть ссылка на его твитер. Если там указан сайт, то можно поискать почту, но субъективно кажется, что через личные сообщения Твитера проще.

Публикация

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

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

Соцсети

Весь день запуска я публиковал посты в соцсетях и тематических сообществах в Фейсбуке и Телеграме, наподобие «Product Hunt в СНГ» и «Startup Product Launches». В части сообществ вход одобряет администратор, поэтому лучше постучаться заранее, чтобы в день запуска можно было уже публиковать. Для некоторых соцсетей у меня было заготовлено по несколько постов.

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

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

Ролик

Важным, как минимум для меня, был вот этот ролик:

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

Весь ролик сделал за 3,5 дня, часов за 15-20. Сначала написал сценарий и попросил помощи с английским, чтобы фразы были проще для произношения.

В кадре — моё рабочее место, чуть прибранное к съёмке. Я сидел в домашней толстовке с пятнами, она больше подошла по цвету просто.

Первый день съёмок учил и репетировал (около 5 часов). Пересматривал, переснимал, придумывал где куда руками махать, а где отходить от сценария, чтобы вышло живее и какими фразами это лучше делать. Отрывки для картинки в картинке со скринкастами писал в последний день, потому что на маленьких прямоугольниках в углу экрана не так заметны огрехи.

Снимал и монтировал на десятый Айфон, только скринкаст — с ноутбука. Ещё был штатив с держателем для телефона. Свет был из окна, за окном — облачно.

Звук писал на встроенный айфоновский микрофон (без носка :—) Поэтому много шумов. Писать на эирподсы штатная камера не даёт, а приложения, которые дают стоят от 15$ примерно. Так как звук с эирподсами получается так себе (тесты легко найти на Ютьюбе), решил к следующими ролику купить петличку на эти деньги.

Всё монтировал в приложении Иншот: кроп, цветокоррекция, громкость голоса, музыка, звуки, стикеры и картинка в картинке. (Удивительно, кстати, что на Маке только после перехода на АРМ будет нормальный видеоредактор :—)

Результаты

135 голосов в день публикации и 380 на момент выхода этой заметки, 10 место, фичер ПХ, плюс включение «Пробелов» в рассылку — заветное событие для многих стартаперов, как оказалось.

В целом я доволен публикацией — классный опыт, который можно масштабировать.

Минус заметил только один — увеличение почтового спама с предложениями всякого продвижения и прочего.

Вишенка

Чтобы было удобнее публиковать в следующий раз, собрал себе чек-листы в Ноушене. Страницу можно скопировать и отредактировать под себя, чтобы чуть упросить следующий запуск.

Логотип Роузи

Кирилл Беляев — Thu, 05 Nov 2020 11:35:41 +0300

Есть такой швейцарский стартап Dotphoton, он разрабатывает и имплементирует алгоритм сжатия исходников фотографий (RAW). Квантовая физика, патенты, всё серьёзно. Есть отделение для науки и бизнеса. И есть приложение для фотографов — Rawsie. Если вы храните терабайты фоток в RAW, то вам тоже есть смысл посмотреть Рóузи или задать вопросы Борису, оунеру продукта.

Я немного помогаю ребятам с дизайном, в основном консультирую, накидываю идеи и полирую графику.

Самое заметное пока — логотип, в котором я полировал знак и доделывал шрифтовую часть. Кусочек процесса:

Эскиз, с которого ребята начали и результат, который сейчас используют:

Доработка знака улучшила читаемости в мелких размерах и звонкость (контраст и напряжение элементов). Для этого:

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

При этом знак поменялся не сильно. Циан — было, маджента — стало:

Я попросил написать пару слов о нашей работе, Борис не поскупился:

У Кирилла есть две суперспособности из достоверно известных нам. Первая — считывать потребности бренда/продукта и интеллигентно транслировать их в айдентику. Вторая — превращать концепты в рабочие инструменты, иногда передвижением буквально нескольких пикселей, о существовании которых вы даже не знали.

P. S. Приходите за дизайном или на консультации, которые, кстати, с Нового года станут дороже.

Айдентика для компании «Оракулум»

Кирилл Беляев — Tue, 13 Oct 2020 11:38:04 +0300

Игорь Штанг позвал меня вместе сделать айдентику консалтинговой компании. Пора показать, что получилось.

Клиент пришёл с готовой концепцией, выраженной в названии. Наша задача была поддержать идею графически.

Чтобы не придумывать лишнего, процитирую Википедию:

Ора́кул (лат. oraculum, от oro — «говорю, прошу») — наиболее распространённая в античности форма прорицания, состоявшая в том, что предсказание от имени божества по запросу верующих оглашал специальный жрец, который и именовался оракулом.

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

Ещё чуть Википедии:

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

Одним из символов Аполлона был ворон, на образе которого клиент и остановился.

Основными носителями стиля станут презентации, посты в Фейсбуке и сайт. С презентациями клиенты работают много — это основной носитель, поэтому клиент сразу предлагал чёрно-белую схему, которая лучше всего считывается даже со слабого проектора. Мы дополнили эту пару бежевым для остальных носителей.

Презентации клиента для выступлений составляют порядка 200 слайдов. При таком количестве важны простые инструменты, дающие максимум разнообразия. Поэтому мы подобрали набор из 7 начертаний в рамках гарнитур «Halvar» и «Wremena», которые, оставаясь в рамках одного стиля, дают большую гибкость.

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

Вместе элементы работают так (и не только):

Проверка фирменного шрифта

Кирилл Беляев — Mon, 05 Oct 2020 15:28:53 +0300

Мне тут сказали, что стоит поделиться с вами этим советом.

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

Сейчас очевидно, что с подстрочником логотип похож на свалку, но мне это нужно только для проверки.

Собираю такую композицию максимально хорошо, со всеми знаниями, которые люди накопили за эти 20-30 лет :-) А потом выбираю самое удачное сочетание, забываю вариант логотипа с подстрочником и оставляю фирменный шрифт.

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

Шестилапая собака

Кирилл Беляев — Tue, 09 Jun 2020 23:37:02 +0300

Итальянская энергетическая компания «Eni» не меняла знак с основания в 1952-м. Вживую в городской среде он выглядит гораздо эффектнее, чем в книге Юрия Гордона.

Город Удине на северо-востоке Италии, ноябрь 2019

Прочитал историю логотипа, вот пара моментов:

Компания объявила конкурс с фондом эквивалентным 160 000 €, с известными художником и архитектором в жюри, и получила около 4000 эскизов.

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

В 72-м сделали первый редизайн. Хотели полностью новый символ, но изучив отношение населения, поняли, что собака прочно сидит в головах и ассоциируется с экономическим ростом послевоенных лет и выходом страны на мировой рынок, такая гордость нации.

Итальянский режиссёр Этторе Скола описал знак так: «Шестилапая собака — верный друг четырёхколёсного человека».

Антон Шнайдер на Дизайн-просмотре рассказывал о концепции «Дизайна без дизайна». Рекомендую.

Редизайны логотипа компании «Eni», о которых я писал в субботу, отличная иллюстрация к выступлению Антона. Скульптор нарисовал монументальный и наполненный смыслом знак, а дизайнеры три раза сделали ДИЗАЙН логотипа.

Фичи и фишки Пре-лого

Кирилл Беляев — Mon, 01 Jun 2020 11:30:57 +0300

Обещал рассказать о фичах. Рассказываю:

Качество. Тут и качество дизайна, и осмысленность логотипа, и техническое качество. Я ищу интересные ходы и метафоры и слежу за чистотой кривых. А если пропущу какие-то шероховатости, поправлю по первому обращению. В сравнении с большинством стоков мои логотипы более индивидуальные. Это сужает область применения, но даёт узнаваемость и приближает их к сделанным на заказ.

Скорость. В сравнении со стоками, я медленнее в разы, но если сравнить с заказной разработкой, я крайне быстрый. Готовлю пакет за З рабочих дня после оплаты и всех утончений.

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

Направление для развития стиля и визуального языка. Это крайне полезно для понимания, как может выглядеть и работать логотип в среде. По сути, это основа айдентики. Стоков с такой проработкой не встречал.

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

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

Ссылка всё та же — pre-logo.com.

Онлайн-консультации

Кирилл Беляев — Wed, 20 May 2020 13:01:34 +0300

Начинаю проводить платные консультации. Советую, как улучшить сайт, интерфейс, визуализацию данных или айдентику. Помогаю сформулировать гипотезы, найти слабые места, придумать упрощение или поправить макет, если у вас Фигма.

Компаниям

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

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

Ещё консультации можно использовать, как проверку меня перед предложением сотрудничества.

Анатолий Буров, CIO Туннельтеха, в Твитере написал обо мне так:

Дизайнер системы бронирования того же Туннельтеха Даниэль Вердуго:

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

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

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

А вот руководитель команды визуализации данных Яндекс-такси Роман Бунин:

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

Думаю, что его услуги как внешнего арт-дира или консультанта будут наиболее полезны в двух случаях: если у вас только стартует проект и надо протестировать идею и придумать для неё графические образы и правила, или если, наоборот, вам нужно навести лоск в готовых макетах. Если не готовы думать и отвечать на вопросы о продукте, то лучше не приходите =)

Дизайнерам

Консультация может быть полезна дизайнерам, у которых, несмотря на прочитанные книжки, получается не всегда то. Про такой случай у меня есть пример. Мы делали презентацию для Туннельтеховского продукта с Анатолием Микалюком. Он отлично генерировал идеи и вписывался в стиль, но местами собрать цельный лист было сложно. Мы крутили такие листы онлайн в Фигме с попутными пояснениями, в итоге находя хорошие решения. Анатолий это описал так:

Кирилл, спасибо за совместный проект! КП для Tunnel Tech стал любимым проектом прошлого года.

С тобой, как арт-директором максимально комфортно и полезно работать. Комфортно, потому что ты умеешь не давить, при этом держать нужный темп. Полезно, потому что даже знакомые вещи раскрылись с новой стороны.

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

Отдельное спасибо за вовлечённость в проект и общий результат. В таких проектах всегда хочется прыгнуть выше головы и не довольствоваться дежурными решениями. Это опыт, который однозначно хотелось бы повторить!

Ещё отзыв Саши Грудкина:

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

Если нужно показать меня руководителю, есть сайт с основными работами и этапами роста — kirillbelyaev.com.

Стоимость часа — 4000 рублей, с полной предоплатой и без возврата. Готов предварительно созвониться на двадцать минут, чтобы познакомиться и обсудить, смогу ли помочь с вашей задачей.

Переезд блога на новый адрес

Кирилл Беляев — Fri, 08 May 2020 23:30:11 +0300

В ближайший понедельник, 11 мая, этот блог переедет на подуровень. Это произойдёт потому, что я самонадеянно думал, что личный сайт мне не понадобится. Я настрою редиректы, поэтому старые ссылки приведут на нужные заметки.

Но сломается РСС-подписка. Мне неловко перед РСС-подписчиками, которые обычно самые преданные. Утешает только, что соцсети и Телеграм почти съели РСС.

Если вам ещё интересно, переподпишитесь во вторник — https://kirillbelyaev.com/ru/blog/rss.

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

Пре-лого — готовые качественные логотипы с доработкой под клиента

Кирилл Беляев — Fri, 24 Apr 2020 20:08:53 +0300

Слышал, что кризис — время для проверки новых идей. Вот и проверю.

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

Радикально эту проблему решают стоки — там моментально и недорого. Но по пути они теряют качество и уникальность.

Я поискал что-то между этими двумя полюсами. И придумал онлайн-бутик с готовыми логотипами, которые продаются в одном экземпляре и дорабатываются мною же под конкретного клиента.

Если вы или ваши знакомые искали, где бы заказать логотип, то вот ещё один способ решить эту задачу — pre-logo.com.

Сейчас в бутик выложено 15 логотипов, но это не все. Заготовок у меня раза в 2 больше и я продолжаю придумывать новые, поэтому, если вы не нашли нужное, смело пишите на go@pre‑logo.comе.

В следующий раз расскажу о фичах. А пока задавайте любые вопросы о проекте :—)

Сайт Полины Ошурковой 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. Приходите ко мне за дизайном сайтов и интерфейсов, и к Полине — за паттернами.

Ищу 3Д-дизайнера

Кирилл Беляев — Thu, 18 Apr 2019 11:19:37 +0300

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

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

Не обязательно уметь всё. С удовольствием найду двух дизайнеров с разными уклонами. Работа проектная, но постоянная. Загрузка зависит от навыков и желания дизайнера.

Работать можно удалённо или в Петербургском офис на Литовской 17А.

Если интересно, напишите мне на почту или в Телеграме.

Небесполезный университет

Кирилл Беляев — Tue, 09 Apr 2019 09:12:49 +0300

У меня есть высшее образование. Я его высшим не считаю, тянет максимум на среднее специальное. Пять с половиной лет я учился в Санкт-Петербургском государственном университете технологии и дизайна — оцените пафосность. Специальность у меня была «Дизайнер рекламы (графический дизайнер)».

До этого года был уверен, что потерял время впустую. А сейчас обнаруживаю повышенное разрешение в некоторых аспектах, которые сложно формализовать. Часто это называют «чувство формы и цвета», но для меня это мямленье. Получается, живопись, рисунок и колористика были полезными. Если по четыре пары в неделю смотреть на натюрморты в течение семестра, мозг научится смотреть на границы цветов внимательнее. И такое вдолблённое умение сложно потерять. Это иллюстрация к тому, что ненужного не бывает, бывает неумение делать всё нужным.

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

Колористику нам преподавали последователи Матюшина, насколько помню. Ребята были молодые и увлечённые. Тогда меня поражали откровения вроде «максимальный контраст красному даёт не синий и не зелёный, а бирюзовый», хотя сейчас этим мало кого удивишь.

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

Нашёл фотографию шести основных контрастных пар. В центре — высветленные вервии тех же цветов. Не помню, зачем они точно, что-то там про рефлексы было.

Игра для интерфейсных дизайнеров

Кирилл Беляев — Wed, 03 Apr 2019 08:37:32 +0300

Сantunsee.space — в целом отлична игра для интерфейсных дизайнеров. Но есть спорные места. Ниже два примера.

Тут вопрос не в том, как красивее обрезана картинка, как по какому изображению проще выбрать товар: по полному, но мелкому или крупному, но обрезанному. И тут нет одного верного ответа, потому что если продаются микроны, то обрезать картинку, наверное, не страшно. А если какое-нибудь специфичное оборудование, то лучше показать целиком. Можно сказать, что если нужно обязательно показывать фотографии целиком, то фиксировать высоту карточки не стоит. И в общем случае это так. Но ситуации бывают разные. Что если 90% каталога какое-нибудь специфичное оборудование снята под нужный формат? а остальные разномастные. Разве можно в этом случае считать фиксированные карточки плохими или кропить фотографии?

А тут правильным считаю вариант с разделителем, который на самом деле — объединитель. Возможно, со средней точкой выглядит и лучше, но авторы явно не понимают сути. Илья Бирман 2014-го в помощь.

Горох в носу

Кирилл Беляев — Sun, 31 Mar 2019 19:52:51 +0300

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

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

Поехали на другой конец Риги в детскую больницу с круглосуточной неотложкой. Там бравая аспирантка (наверное) вынула две половинки горошины.

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

Возможно, пряники лучше кнутов, даже когда кнуты заботливые, а пряники вредные.

Видео выходного дня. Терра Марс

Кирилл Беляев — Sat, 30 Mar 2019 09:41:44 +0300

Ши Вейли обучил нейросеть на основе карты высот, уровню воды и координатам восстанавливать изображение, похожее на съёмку Земли со спутника. И, используя эту сеть, смоделировал Марс с земными климатом и геологией:

Три наблюдения — 7

Кирилл Беляев — Fri, 29 Mar 2019 10:47:08 +0300

1. Стрелочки украшают и показывают, с каких сторон спускаться и подниматься.

2. Поленница от потолка до пола выглядит уютно и экономит площадь.

3. Очень харизматичный кран из ресторана, который открыли внутри фабричного здания. В жизни кран эффектнее, чем на фото. Но работает он как современный смеситель: вверх-вниз — напор, вращение — температура. Это управление настолько ломает шаблон, что пришлось рисовать стрелки, а посетители всё равно обжигаются.

Направление ветра в погоде Эпл-вотч

Кирилл Беляев — Thu, 28 Mar 2019 09:45:47 +0300

Виджет на домашнем экране Эпл-вотч показывает направление ветра треугольничком. Мой мини-опрос показал, что визуальное решение не однозначно:

На виджете ветер дует с юга, что однозначно выясняется в приложении «Погода»:

У меня нет хорошего объяснения, почему решение такое неоднозначное. Возможно, дизайнер ожидал лучшей подготовки пользователей. А, возможно, рисовал «South wind» не думая, что у него есть направление.

Удаление позиций из корзины

Кирилл Беляев — Wed, 27 Mar 2019 09:34:19 +0300

Вот условная корзина на сайте с доставкой суши.

Часто в таком интерфейсе, когда позиция остаётся в количестве одной штуки, клик в минус её сразу удаляет из корзины. Логично, но неудобно, потому что быстро позицию не вернуть. Чтобы смягчить этот дискомфорт, добавляют модальный диалог.

Нашёл решение чуть элегантнее. После клика в минус, позиция остаётся в корзине, но не входит в заказ. У позиции с нулевым количеством минус меняется на ведро — удаление становится очевиднее.

Клик в ведро окончательно удаляет позицию из корзины без модального диалога.

Если покупатель не сомневается, то может удалять позиции полностью несколькими кликами в одну и ту же кнопку, что вполне удобно.