agent_coder
3f4c7f0f68
Часть эпика рефакторинга рендер-пайплайна (#34). Один bleach-конфиг на весь проект, один санитайз на пост, ноль thread-hop'ов в циклах (раньше конфиг был скопирован трижды и разъехался; RSS-путь делал to_thread + новый CSSSanitizer + вложенную функцию НА КАЖДЫЙ пост, хотя _render_pipeline уже в worker-треде). Новый sanitizer.py — единственная bleach-конфигурация: ALLOWED_TAGS (union трёх старых копий, вкл. s/del), ALLOWED_PROTOCOLS=['http','https','tg'], sanitize_html() зовёт bleach.clean(..., protocols=..., strip=True) (оба не-дефолт), fail-CLOSED (html.escape при любом исключении), единое имя лога html_sanitization_error + log_context. _render_pipeline санитайзит каждый пост после рендера (в своём worker-треде); rss_generator −71 строка. Реестр §3: - §3.1 s/del теперь в фидах (раньше выживали только в одиночном посте); - §3.2 fail-open → fail-closed (вкл. single-post/JSON путь); - §3.3 <hr class="post-divider"> реально виден (join ПОСЛЕ санитайза; hr не в whitelist, поэтому раньше вырезался strip=True); - §3.4 несбалансированный фрагмент нормализуется в границах своего поста; - §3.5 гранулярный fail-closed HTML-фида (падает один пост, не весь фид); - §3.16 три имени санитайз-логов объединены в html_sanitization_error+log_context. Golden-эталоны обновлены: КАЖДЫЙ изменённый байт привязан к пункту §3 (net-diff тегов: только +<s>/§3.1 и +<hr>/§3.3; <div> сбалансирован +/- = §3.4; после снятия этих токенов + нормализатора все 6 голденов побайтово old==new). Оракул этапа 0 зелёный. Полный сюит 346 passed (+14 sanitizer-тестов). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1075 lines
243 KiB
XML
1075 lines
243 KiB
XML
<?xml version='1.0' encoding='UTF-8'?>
|
|
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" version="2.0">
|
|
<channel>
|
|
<title>мяу-дизайн (@meow_design)</title>
|
|
<link>https://t.me/meow_design</link>
|
|
<description>Telegram channel meow_design RSS feed</description>
|
|
<docs>http://www.rssboard.org/rss-specification</docs>
|
|
<generator>python-feedgen</generator>
|
|
<language>ru</language>
|
|
<lastBuildDate>Mon, 06 Jul 2026 04:36:28 +0000</lastBuildDate>
|
|
<item>
|
|
<title>Мы уже давно ушли из той эпохи веб-дизайна, где все...</title>
|
|
<link>https://t.me/meow_design/2158</link>
|
|
<description>Мы уже давно ушли из той эпохи веб-дизайна, где все ссылки было принято подчеркивать для однозначной трактовки интерактивности элементов сайта. Условные дизайнеры-визуалы тогда победили интерфейсников, ведь без подчеркиваний страница как картинка выглядит чище, и пофиг, что семантическая структура сайта становится менее очевидной. В качестве оправдания они говорили, что на современных сайтах всё интерактивно, или что и без подчеркиваний очевидно, какие элементы являются ссылками. И вот мы оказались в мире, где веб-дизайнер в списке фич чередует черный, голубой и серый цвета только потому, что побоялся мрачной монотонности десяти строчек черного текста. Нет, голубые строчки не являются ссылками, а серые строки не являются задизейбленными или второстепенными. Прост дизайн такой. Перед тем как начать нарушать правила, неплохо бы сначала про эти правила узнать.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2158/AgAD_Q1rG7RTaUk/94bbb09d" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Мы уже давно ушли из той эпохи веб-дизайна, где все ссылки было принято подчеркивать для однозначной трактовки интерактивности элементов сайта. <br><br>Условные дизайнеры-визуалы тогда победили интерфейсников, ведь без подчеркиваний страница как картинка выглядит чище, и пофиг, что семантическая структура сайта становится менее очевидной. <br><br>В качестве оправдания они говорили, что на современных сайтах всё интерактивно, или что и без подчеркиваний очевидно, какие элементы являются ссылками.<br><br>И вот мы оказались в мире, где веб-дизайнер в списке фич чередует черный, голубой и серый цвета только потому, что побоялся мрачной монотонности десяти строчек черного текста. Нет, голубые строчки не являются ссылками, а серые строки не являются задизейбленными или второстепенными. Прост дизайн такой. <br><br>Перед тем как начать нарушать правила, неплохо бы сначала про эти правила узнать.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1526 👁</span> | <span class="date">30/11/25, 14:26:50</span> | <span class="message-id">#2158</span><br><a href="tg://resolve?domain=meow_design&post=2158">Open in Telegram</a> | <a href="https://t.me/meow_design/2158">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2158</guid>
|
|
<pubDate>Sun, 30 Nov 2025 14:26:50 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Я был уверен, что чуть раньше осенью уже выкладывал...</title>
|
|
<link>https://t.me/meow_design/2159</link>
|
|
<description>Я был уверен, что чуть раньше осенью уже выкладывал традиционный календарь на следующий год. А оказалось, что это было год назад. Вставьте сюда свой любимый депрессивно-экзистенциальный стикер. Без лишней графомании, всё как обычно (а если непонятно — прочитайте прошлогодний анонс):</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Я был уверен, что чуть раньше осенью уже выкладывал традиционный календарь на следующий год. А оказалось, что это было год назад. Вставьте сюда свой любимый депрессивно-экзистенциальный стикер.<br><br>Без лишней графомании, всё как обычно (а если непонятно — прочитайте <a href="https://t.me/meow_design/1911">прошлогодний анонс</a>):
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1442 👁</span> | <span class="date">02/12/25, 11:26:06</span> | <span class="message-id">#2159</span><br><a href="tg://resolve?domain=meow_design&post=2159">Open in Telegram</a> | <a href="https://t.me/meow_design/2159">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 no_image </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2159</guid>
|
|
<pubDate>Tue, 02 Dec 2025 11:26:06 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>📄 PDF Document</title>
|
|
<link>https://t.me/meow_design/2160</link>
|
|
<description><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<div class="document-pdf" style="">
|
|
<a href="https://t.me/meow_design/2160" target="_blank">[PDF-файл]</a></div>
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<div class="document-pdf" style="">
|
|
<a href="https://t.me/meow_design/2161" target="_blank">[PDF-файл]</a></div>
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<div class="document-pdf" style="">
|
|
<a href="https://t.me/meow_design/2162" target="_blank">[PDF-файл]</a></div>
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<div class="document-pdf" style="">
|
|
<a href="https://t.me/meow_design/2163" target="_blank">[PDF-файл]</a></div>
|
|
</div>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1646 👁</span> | <span class="date">02/12/25, 11:26:12</span> | <span class="message-id">#2160</span><br><a href="tg://resolve?domain=meow_design&post=2160">Open in Telegram</a> | <a href="https://t.me/meow_design/2160">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 merged </div></div>]]></description>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2160</guid>
|
|
<pubDate>Tue, 02 Dec 2025 11:26:12 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>И ссылка, если хотите, чтобы календарь кто-то...</title>
|
|
<link>https://t.me/meow_design/2164</link>
|
|
<description>И ссылка, если хотите, чтобы календарь кто-то напечатал за вас: https://printdirect.ru/storefront/shared_info/9447582 тут еще должна была быть ссылка на printful с доставкой по всему миру, но у него настолько ужасный интерфейс, что я просто не понял, как добыть эту ссылку.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
И ссылка, если хотите, чтобы календарь кто-то напечатал за вас:<br><a href="https://printdirect.ru/storefront/shared_info/9447582" target="_blank">https://printdirect.ru/storefront/shared_info/9447582</a><br><br>тут еще должна была быть ссылка на printful с доставкой по всему миру, но у него настолько ужасный интерфейс, что я просто не понял, как добыть эту ссылку.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1608 👁</span> | <span class="date">02/12/25, 11:26:56</span> | <span class="message-id">#2164</span><br><a href="tg://resolve?domain=meow_design&post=2164">Open in Telegram</a> | <a href="https://t.me/meow_design/2164">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 no_image 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2164</guid>
|
|
<pubDate>Tue, 02 Dec 2025 11:26:56 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Принтфул не с первой попытки, но всё же был...</title>
|
|
<link>https://t.me/meow_design/2166</link>
|
|
<description>Принтфул не с первой попытки, но всё же был побежден. Ссылка для заказа: https://www.printful.com/product-template/96522850/7d45fba179b4135458b0d112249c3b12</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
</div>
|
|
<br>
|
|
Принтфул не с первой попытки, но всё же был побежден. Ссылка для заказа:<br><br><a href="https://www.printful.com/product-template/96522850/7d45fba179b4135458b0d112249c3b12" target="_blank">https://www.printful.com/product-template/96522850/7d45fba179b4135458b0d112249c3b12</a>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1812 👁</span> | <span class="date">02/12/25, 22:14:38</span> | <span class="message-id">#2166</span><br><a href="tg://resolve?domain=meow_design&post=2166">Open in Telegram</a> | <a href="https://t.me/meow_design/2166">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2166</guid>
|
|
<pubDate>Tue, 02 Dec 2025 22:14:38 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Два производителя всевозможных кронштейнов и...</title>
|
|
<link>https://t.me/meow_design/2167</link>
|
|
<description>Два производителя всевозможных кронштейнов и подставок выбрали на своих сайтах совершенно разный подход к описанию продукции в выпадающем меню Products. На первом скрине компания картинками и понятными словами объясняет, что у них бывает: вот если надо к столу прицепить, а вот если проектор повесить. Вторая же компания огорашивает сухим перечнем всевозможных Крутых Слов, которые их маркетологи подобрали для... да непонятно даже для чего, хотя бы как-то намекнули, что речь идет о кронштейнах. За этими Крутыми Словами HALO и AURA могли бы скрываться и спиннинги, и марки термопасты. Но не утверждаю, что первые сделали всё правильно, а вторые совершили ошибку. Просто мне как нубу первый сайт оказался более удобным. Возможно, второй производитель сознательно целится в узкопрофессиональную аудиторию неслучайных людей, которые наизусть знают разницу между NOVA и ECLIPSE, и разжевывать основы проходимцам вроде меня им просто не надо. Эпл на своем сайте тоже в меню не объясняет, что Mac это такие компьютеры. Хотя пункт Продукция в главном меню почти всегда стоит попытаться поменять на более конкретные слова, описывающие продукцию конкретной компании: Бильярдные столы, Крепеж, Шины, Кронштейны...</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2167/AgADkg1rG3-34Ek/c3d971c6" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Два производителя всевозможных кронштейнов и подставок выбрали на своих сайтах совершенно разный подход к описанию продукции в выпадающем меню Products.<br><br>На первом скрине компания картинками и понятными словами объясняет, что у них бывает: вот если надо к столу прицепить, а вот если проектор повесить.<br><br>Вторая же компания огорашивает сухим перечнем всевозможных <i>Крутых Слов</i>, которые их маркетологи подобрали для... да непонятно даже для чего, хотя бы как-то намекнули, что речь идет о кронштейнах. За этими <i>Крутыми Словами</i> HALO и AURA могли бы скрываться и спиннинги, и марки термопасты.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2168/AgADkw1rG3-34Ek/e88aef25" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Но не утверждаю, что первые сделали всё правильно, а вторые совершили ошибку. Просто мне как нубу первый сайт оказался более удобным. Возможно, второй производитель сознательно целится в узкопрофессиональную аудиторию неслучайных людей, которые наизусть знают разницу между NOVA и ECLIPSE, и разжевывать основы проходимцам вроде меня им просто не надо. Эпл на своем сайте тоже в меню не объясняет, что Mac это такие компьютеры.<br><br>Хотя пункт <i>Продукция</i> в главном меню почти всегда стоит попытаться поменять на более конкретные слова, описывающие продукцию конкретной компании: Бильярдные столы, Крепеж, Шины, Кронштейны...
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1356 👁</span> | <span class="date">12/12/25, 01:20:42</span> | <span class="message-id">#2167</span><br><a href="tg://resolve?domain=meow_design&post=2167">Open in Telegram</a> | <a href="https://t.me/meow_design/2167">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2167</guid>
|
|
<pubDate>Fri, 12 Dec 2025 01:20:42 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Время признаться: я терпеть не могу кластеризацию</title>
|
|
<link>https://t.me/meow_design/2170</link>
|
|
<description>Время признаться: я терпеть не могу кластеризацию. Это когда распределенные по карте объекты объединяются в мега-кругляши с уточнением количества объектов внутри. Информационная плотность от такого решения резко снижается, взамен появляется неопределенность. Значит ли что-то расположение крягляша? Да не особо, это какая-то усредненная позиция вложенных в него объектов, конкретно в этом месте может и не быть ничего. Как далеко может оказаться реальное положение объекта относительно впитавшего его кругляша? Неизвестно, может неподалеку, а может и где-то далеко, это как алгоритм кластеризации решит. Где наибольшая плотность объектов, а где их мало? Ну сиди считывай цифры с кругляшей и сравнивай друг с другом, хорошо еще если цветовое кодирование кругляшей введут в зависимости от количества объектов внутри (как на этом скриншоте).</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2170/AgADHA1rG-5j-Uk/3acf4e68" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Время признаться: я терпеть не могу кластеризацию. Это когда распределенные по карте объекты объединяются в мега-кругляши с уточнением количества объектов внутри.<br><br>Информационная плотность от такого решения резко снижается, взамен появляется неопределенность.<br><br>Значит ли что-то расположение крягляша? Да не особо, это какая-то усредненная позиция вложенных в него объектов, конкретно в этом месте может и не быть ничего.<br><br>Как далеко может оказаться реальное положение объекта относительно впитавшего его кругляша? Неизвестно, может неподалеку, а может и где-то далеко, это как алгоритм кластеризации решит.<br><br>Где наибольшая плотность объектов, а где их мало? Ну сиди считывай цифры с кругляшей и сравнивай друг с другом, хорошо еще если цветовое кодирование кругляшей введут в зависимости от количества объектов внутри (как на этом скриншоте).
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1203 👁</span> | <span class="date">15/12/25, 04:27:06</span> | <span class="message-id">#2170</span><br><a href="tg://resolve?domain=meow_design&post=2170">Open in Telegram</a> | <a href="https://t.me/meow_design/2170">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2170</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:27:06 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Вот самый абсурдный из встреченных мной примеров...</title>
|
|
<link>https://t.me/meow_design/2171</link>
|
|
<description>Вот самый абсурдный из встреченных мной примеров, вроде бы это карта точек продаж на сайте какой-то компании. Есть ли точки продажи в Польше? А в Великобритании? А вот кругляш 43 на Сардинии включает в себя какие-то точки из Туниса? Или вот кругляш на юге Испании заключает еще что-то из Марокко? Есть ли какая-то особенность распределения точек, они кучкуются в крупных городах или распределены по странам равномерно? На эти и еще десяток подобных вопросов ответ один: «хз, надо призумиться и посмотреть, на какие точки распадутся кругляши». Взамен этого мы знаем количество точек внутри каких-то неопределенных областей. Информация, близкая к бесполезной.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2171/AgADIQ1rG-5j-Uk/00edb757" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Вот самый абсурдный из встреченных мной примеров, вроде бы это карта точек продаж на сайте какой-то компании.<br><br>Есть ли точки продажи в Польше? А в Великобритании? А вот кругляш 43 на Сардинии включает в себя какие-то точки из Туниса? Или вот кругляш на юге Испании заключает еще что-то из Марокко? Есть ли какая-то особенность распределения точек, они кучкуются в крупных городах или распределены по странам равномерно?<br><br>На эти и еще десяток подобных вопросов ответ один: «хз, надо призумиться и посмотреть, на какие точки распадутся кругляши». <br><br>Взамен этого мы знаем количество точек внутри каких-то неопределенных областей. Информация, близкая к бесполезной.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1012 👁</span> | <span class="date">15/12/25, 04:27:28</span> | <span class="message-id">#2171</span><br><a href="tg://resolve?domain=meow_design&post=2171">Open in Telegram</a> | <a href="https://t.me/meow_design/2171">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2171</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:27:28 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>И на контрасте: насколько же щедрыми информацией...</title>
|
|
<link>https://t.me/meow_design/2172</link>
|
|
<description>И на контрасте: насколько же щедрыми информацией выглядят карты, где не постеснялись вывалить все объекты сразу. Не возникает вопросов, где есть объекты, а где их нет. Плотность точек считывается глазами автоматически без необходимости ее кодировать каким-то цветом или цифрами. Характер распределения точек тоже считывается сразу: тут они в основном сложились в линии с увеличенным разбросом в области от Италии до Тайланда.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2172/AgADLw1rG-5j-Uk/8195462e" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
И на контрасте: насколько же щедрыми информацией выглядят карты, где не постеснялись вывалить все объекты сразу. <br><br>Не возникает вопросов, где есть объекты, а где их нет.<br><br>Плотность точек считывается глазами автоматически без необходимости ее кодировать каким-то цветом или цифрами.<br><br>Характер распределения точек тоже считывается сразу: тут они в основном сложились в линии с увеличенным разбросом в области от Италии до Тайланда.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1007 👁</span> | <span class="date">15/12/25, 04:27:58</span> | <span class="message-id">#2172</span><br><a href="tg://resolve?domain=meow_design&post=2172">Open in Telegram</a> | <a href="https://t.me/meow_design/2172">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2172</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:27:58 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Или вот закладки в maps.me — кайф же</title>
|
|
<link>https://t.me/meow_design/2173</link>
|
|
<description>Или вот закладки в maps.me — кайф же. Нет никакой проблемы в том, что закладки залезают друг на друга: они так показывают плотные места. Рядом я прикинул, как бы выглядели эти закладки с кластеризацией. Вместо полезной карты — бессмысленное облачное спортлото в отрыве от карты, но зато кругляши не лезут друг на друга!</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2173/AgADMQ1rG-5j-Uk/02b48533" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Или вот закладки в maps.me — кайф же. Нет никакой проблемы в том, что закладки залезают друг на друга: они так показывают плотные места.<br><br>Рядом я прикинул, как бы выглядели эти закладки с кластеризацией. Вместо полезной карты — бессмысленное облачное спортлото в отрыве от карты, но зато кругляши не лезут друг на друга!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2174/AgADMg1rG-5j-Uk/e0b1dd3c" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1057 👁</span> | <span class="date">15/12/25, 04:28:36</span> | <span class="message-id">#2173</span><br><a href="tg://resolve?domain=meow_design&post=2173">Open in Telegram</a> | <a href="https://t.me/meow_design/2173">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2173</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:28:36 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Ну ладно, давайте еще проговорим отдельные...</title>
|
|
<link>https://t.me/meow_design/2175</link>
|
|
<description>Ну ладно, давайте еще проговорим отдельные моменты: 1. Да, переизбыток точек может привести к тому, что за ними становится тяжело разглядеть карту. В статьях о кластеризации показывают такие абсурдный примеры. Конечно, визуализация объекта должна подбираться под плотность выдачи заранее или «на лету»: в плотных местах ужиматься до микроточек, в просторных раскукоживаться более богатой визуализацией (например, с какой-то дифференцирующей подкатегории иконкой). А если вы пытаетесь вывалить миллион объектов на квадратный сантиметр, то тут проблема с целепологанием визуализации, кластеризация тут будет выглядеть столь же абсурдно:</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2175/AgADNA1rG-5j-Uk/669c6ecf" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Ну ладно, давайте еще проговорим отдельные моменты: <br><br>1. Да, переизбыток точек может привести к тому, что за ними становится тяжело разглядеть карту. В <a href="https://habr.com/ru/articles/268621/">статьях</a> о <a href="https://webmap-blog.ru/yandex-maps/klasterizaciya-metok-na-yandeks-kartax-dva-resheniya">кластеризации</a> показывают такие абсурдный примеры.<br><br>Конечно, визуализация объекта должна подбираться под плотность выдачи заранее или «на лету»: в плотных местах ужиматься до микроточек, в просторных раскукоживаться более богатой визуализацией (например, с какой-то дифференцирующей подкатегории иконкой).<br><br>А если вы пытаетесь вывалить миллион объектов на квадратный сантиметр, то тут проблема с целепологанием визуализации, кластеризация тут будет выглядеть столь же абсурдно:
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2176/AgADNQ1rG-5j-Uk/0188ee13" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1030 👁</span> | <span class="date">15/12/25, 04:29:29</span> | <span class="message-id">#2175</span><br><a href="tg://resolve?domain=meow_design&post=2175">Open in Telegram</a> | <a href="https://t.me/meow_design/2175">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2175</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:29:29 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>📷 Photo</title>
|
|
<link>https://t.me/meow_design/2177</link>
|
|
<description><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2177/AgADOwtrG1l7AAFK/4cb75f34" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">980 👁</span> | <span class="date">15/12/25, 04:29:44</span> | <span class="message-id">#2177</span><br><a href="tg://resolve?domain=meow_design&post=2177">Open in Telegram</a> | <a href="https://t.me/meow_design/2177">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></description>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2177</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:29:44 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>📷 Photo</title>
|
|
<link>https://t.me/meow_design/2178</link>
|
|
<description>2. Часто на россыпь точек жалуются, что очень тяжело попасть курсором и особенно пальцем в отдельный объект, а вот при кластеризации кругляши получаются большими, попасть легко. Скопление точек может вести себя как кластер, визуально оставаясь скоплением точек: при нажатии на точку оценивать количество других точек поблизости в области погрешности тапа и в зависимости от этого выделять точку или призумиваться для уточнения выбора. 3. Иногда кластеризация уместна, когда минимальная визуализация объекта (точка) имеет недостаточную ценность по сравнению с большой и «богатой» карточкой кластера. Например, на карте фотографий необходимость уместить узнаваемую (то есть не супермелкую) фотопревьюшку может оказаться более значимым фактором, чем желание показать место каждой сделанной фотографии. Но не просто кругляш с числом! 4. Кажется, для современной IT-индустрии показ сотни точек на карте — это какой-то мега-вызов на грани возможностей, необходимо тужиться всеми гигафлопсами, и то не факт, что устройство не загорится. Поэтому некоторые сервисы вроде каршерингов отвергают кластеризацию, но ограничивают границу показа объектов, например, какой-то воображаемой окружностью вокруг центра города или текущей геолокации. Мне кажется, это еще хуже: кластеризация вводит неопределенность, а обрезание выдачи же прямо лжет, что на севере и юге карты нет точек, хотя они там есть. Надо хотя бы явно показать область демонстрации точек, сделать ту воображаемую окружность явной. А вообще, кажется, это тот случай, когда простая задача необъяснимым образом оказалась непосильной для IT-индустрии из-за череды поворотов не туда на архитектурных развилках. Ну так нельзя, чародеям Computer Science надо собраться и обсудить, как показывать точки на карте за полигональное время, не дожидаясь квантовых компьютеров. 5. Часть сервисов вроде airbnb фильтруют выдачу по каким-то своим алгоритмам: объекты не кластеризуются и не обрезаются по границе области, а выбивают друг друга. По призуму в район с одним объектом рядом внезапно могут вырости еще несколько, скрываемых на масштабах до это. Это решение уже относится не к информационному дизайну, а ко всяким идеологически-продуктовым решениям по отбиранию у пользователя контроля над контентом и подсовыванию вместо него «умной» выдачи. В общем, это та же алгоритмическая лента соцсетей, только на карте.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2178/AgADTw1rG-5j-Uk/d96efdcb" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
2. Часто на россыпь точек жалуются, что очень тяжело попасть курсором и особенно пальцем в отдельный объект, а вот при кластеризации кругляши получаются большими, попасть легко. <br><br>Скопление точек может <i>вести</i> себя как кластер, визуально оставаясь скоплением точек: при нажатии на точку оценивать количество других точек поблизости в области погрешности тапа и в зависимости от этого выделять точку или призумиваться для уточнения выбора.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2179/AgADUg1rG-5j-Uk/26c8bcb5" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
3. Иногда кластеризация уместна, когда минимальная визуализация объекта (точка) имеет недостаточную ценность по сравнению с большой и «богатой» карточкой кластера.<br><br>Например, на карте фотографий необходимость уместить узнаваемую (то есть не супермелкую) фотопревьюшку может оказаться более значимым фактором, чем желание показать место каждой сделанной фотографии. <br><br>Но не просто кругляш с числом!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2180/AgADVg1rG-5j-Uk/bdc42b23" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
4. Кажется, для современной IT-индустрии показ сотни точек на карте — это какой-то мега-вызов на грани возможностей, необходимо тужиться всеми гигафлопсами, и то не факт, что устройство не загорится. <br><br>Поэтому некоторые сервисы вроде каршерингов отвергают кластеризацию, но ограничивают границу показа объектов, например, какой-то воображаемой окружностью вокруг центра города или текущей геолокации.<br><br>Мне кажется, это еще хуже: кластеризация вводит неопределенность, а обрезание выдачи же прямо лжет, что на севере и юге карты нет точек, хотя они там есть. Надо хотя бы явно показать область демонстрации точек, сделать ту воображаемую окружность явной.<br><br>А вообще, кажется, это тот случай, когда простая задача необъяснимым образом оказалась непосильной для IT-индустрии из-за череды поворотов не туда на архитектурных развилках. Ну так нельзя, чародеям Computer Science надо собраться и обсудить, как показывать точки на карте за полигональное время, не дожидаясь квантовых компьютеров.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2181/AgADXQ1rG-5j-Uk/e6cab9f7" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
5. Часть сервисов вроде airbnb фильтруют выдачу по каким-то своим алгоритмам: объекты не кластеризуются и не обрезаются по границе области, а выбивают друг друга. По призуму в район с одним объектом рядом внезапно могут вырости еще несколько, скрываемых на масштабах до это.<br><br>Это решение уже относится не к информационному дизайну, а ко всяким идеологически-продуктовым решениям по отбиранию у пользователя контроля над контентом и подсовыванию вместо него «умной» выдачи. <br><br>В общем, это та же алгоритмическая лента соцсетей, только на карте.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">995 👁</span> | <span class="date">15/12/25, 04:30:35</span> | <span class="message-id">#2178</span><br><a href="tg://resolve?domain=meow_design&post=2178">Open in Telegram</a> | <a href="https://t.me/meow_design/2178">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2178</guid>
|
|
<pubDate>Mon, 15 Dec 2025 04:30:35 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Илья Бирман в последнем выпуске своего подкаста...</title>
|
|
<link>https://t.me/meow_design/2183</link>
|
|
<description>Илья Бирман в последнем выпуске своего подкаста вместе с Мишей Нозиком обсудили исследование, которое я проводил для внедрения изменений в шрифт Карт (https://t.me/meow_design/2090). Фрагмент начинается с 56:45. Думаем дальше № 51 — «Три варианта апокалипсиса» c Мишей Нозиком С Мишей Нозиком обсуждаем хороший дизайн, хороший маркетинг, хорошее исследование (!) и пару вопросов по нейросетям. 0:00 — Миша оказался против горизонтальной прокрутки на мобиле 7:06 — Обсуждение: аналогия с теоремой о попапах, когда подойдёт, топ дизайнерских костылей 20:20 — Критерий хорошего дизайна 27:43 — Разбираем на примере полководцев, учителя русского языка, авиакомпании и чего-то ещё. Репутация и долгосрочное планирование 45:29 — Про маркетинг в бюро 52:41 — «Пипл хавает» против «дизайна для дизайнеров» 56:45 — Яндекс исследовал размер строчных букв в шрифте на картах 1:03:01 — ЧатГПТ и непонятная кнопка «Скачать» 1:13:26 — Как нейросеть решила убить человека Эпл · Ютюб · Я.Музыка · Мейв Но лучше подписаться по РСС в подкастном приложении: https://cloud.mave.digital/51724</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<br>
|
|
Илья Бирман в последнем выпуске своего подкаста вместе с Мишей Нозиком обсудили исследование, которое я проводил для внедрения изменений в шрифт Карт (<a href="https://t.me/meow_design/2090)." target="_blank">https://t.me/meow_design/2090).</a> <br><br>Фрагмент начинается с 56:45.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-forward">--- Forwarded from <a href="https://t.me/ilyabirman_channel">Канал Ильи Бирмана (@ilyabirman_channel)</a> ---</div>
|
|
<br>
|
|
<b>Думаем дальше № 51 — «Три варианта апокалипсиса» c Мишей Нозиком<br></b><br>С Мишей Нозиком обсуждаем хороший дизайн, хороший маркетинг, хорошее исследование (!) и пару вопросов по нейросетям.<br><br>0:00 — Миша оказался против горизонтальной прокрутки на мобиле<br>7:06 — Обсуждение: аналогия с теоремой о попапах, когда подойдёт, топ дизайнерских костылей<br>20:20 — Критерий хорошего дизайна<br>27:43 — Разбираем на примере полководцев, учителя русского языка, авиакомпании и чего-то ещё. Репутация и долгосрочное планирование<br>45:29 — Про маркетинг в бюро <br>52:41 — «Пипл хавает» против «дизайна для дизайнеров»<br>56:45 — Яндекс исследовал размер строчных букв в шрифте на картах<br>1:03:01 — ЧатГПТ и непонятная кнопка «Скачать»<br>1:13:26 — Как нейросеть решила убить человека<br><br><a href="https://podcasts.apple.com/us/podcast/думаем-дальше/id1744862171">Эпл</a> · <a href="https://www.youtube.com/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d">Ютюб</a> · <a href="https://music.yandex.com/album/29069497">Я.Музыка</a> · <a href="https://thinkon.mave.digital/">Мейв</a><br><br>Но лучше подписаться по РСС в подкастном приложении:<br><a href="https://cloud.mave.digital/51724">https://cloud.mave.digital/51724</a>
|
|
<br>
|
|
--- Forwarded post end ---
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1187 👁</span> | <span class="date">22/12/25, 15:22:09</span> | <span class="message-id">#2183</span><br><a href="tg://resolve?domain=meow_design&post=2183">Open in Telegram</a> | <a href="https://t.me/meow_design/2183">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 mention 🏷 no_image 🏷 merged 🏷 fwd 🏷 foreign_channel </div></div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2183</guid>
|
|
<pubDate>Mon, 22 Dec 2025 15:22:09 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Еще в подкасте меня упоминают по имени Серж...</title>
|
|
<link>https://t.me/meow_design/2185</link>
|
|
<description>Еще в подкасте меня упоминают по имени Серж Николаев, и это, пожалуй, достойно неинтересной байки. В Бюро удаленный формат работы всегда был базой, а основным средством коммуникации в 2013 году был скайп. Аккаунт там я завел за четыре года до Бюро, и при регистрации скайп казался мне каким-то солидным западным бизнес-сервисом а-ля нынешний линкедин. Поэтому вместо никнеймов, привычных для эпохи анонимного интернета и форумов, я тогда впервые решил использовать свое имя. И то ли из-за слишком распространенной пары имя+фамилия такой никнейм был уже занят, то ли опять же ради удобства вымышленных «западных партнеров» из выдуманного мной фрилансерского будущего я решил поменять имя на ближайший международный аналог. В общем, в скайпе у меня был юзернейм serj.nikolaev и, конечно же, за прошедшие с тех пор 16 лет я ни разу не общался по скайпу с иностранцами. Хотя в бюрошном бейскампе я зарегался уже по обычному имени, никнейм в скайпе на созвонах всё же чаще мелькал перед глазами, и бюрошники обращались ко мне по имени Серж. А я и так был застенчивым, а тут еще моя первая работа дизайнером и сразу в Бюро — синдром самозванца владел мной безгранично. Я даже в школе не поправлял новую учительницу, которая решила называть меня Коленькой, что же говорить про Бюро! Сергей, Серж, да хоть Сергуня — уж Артему Горбунову виднее. Больше нигде и никогда я этот вариант имени не использовал, ни разу не представлялся им, нигде кроме Бюро ко мне по нему не обращались. Поэтому его упоминание, как на недавнем подкасте, неизменно вызывает у меня волну бюрошных флешбеков. Как будто кто-то упомянул мою подпольную партийную кличку из прошлой жизни. Другая особенность бюрошной рутины 2013—2014 годов: на созвонах в скайпах принципиально не использовали камеру — общение только голосом. Бюрошники, конечно же, знали друг друга лично, но вот мне как новичку многие коллеги были знакомы преимущественно по голосу и малюсенькой аватарке. Как выяснилось позже, это было взаимно. Так, однажды вместо работы из дома я решил съездить с ноутом поработать из бюрошного Коворкафе. Там я встречаю Макса Ильяхова, с которым мы как раз тогда работали над шаблонами журнала «Главбух» (https://bureau.ru/projects/glavbukh-print/). Я с ним здороваюсь (но не представляюсь, мы же вроде как работаем вместе, каждый день созваниваемся!), сажусь за свободное место и открываю Индизайн верстать макеты журнала. И только потом Макс по увиденным у меня на экране макетам понял, что я это я, и мы поздоровались уже полноценно. В общем, Бюро в моей памяти — это синдром самозванца и голоса из скайпа, которые называют меня Сержом.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Еще в подкасте меня упоминают по имени Серж Николаев, и это, пожалуй, достойно неинтересной байки.<br><br>В Бюро удаленный формат работы всегда был базой, а основным средством коммуникации в 2013 году был скайп. Аккаунт там я завел за четыре года до Бюро, и при регистрации скайп казался мне каким-то солидным западным бизнес-сервисом а-ля нынешний линкедин. Поэтому вместо никнеймов, привычных для эпохи анонимного интернета и форумов, я тогда впервые решил использовать свое имя.<br><br>И то ли из-за слишком распространенной пары имя+фамилия такой никнейм был уже занят, то ли опять же ради удобства вымышленных «западных партнеров» из выдуманного мной фрилансерского будущего я решил поменять имя на ближайший международный аналог. В общем, в скайпе у меня был юзернейм serj.nikolaev и, конечно же, за прошедшие с тех пор 16 лет я ни разу не общался по скайпу с иностранцами.<br><br>Хотя в бюрошном бейскампе я зарегался уже по обычному имени, никнейм в скайпе на созвонах всё же чаще мелькал перед глазами, и бюрошники обращались ко мне по имени Серж.<br><br>А я и так был застенчивым, а тут еще моя первая работа дизайнером и сразу в Бюро — синдром самозванца владел мной безгранично. Я даже в школе не поправлял новую учительницу, которая решила называть меня Коленькой, что же говорить про Бюро! Сергей, Серж, да хоть Сергуня — уж Артему Горбунову виднее.<br><br>Больше нигде и никогда я этот вариант имени не использовал, ни разу не представлялся им, нигде кроме Бюро ко мне по нему не обращались. Поэтому его упоминание, как на недавнем подкасте, неизменно вызывает у меня волну бюрошных флешбеков. Как будто кто-то упомянул мою подпольную партийную кличку из прошлой жизни.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Другая особенность бюрошной рутины 2013—2014 годов: на созвонах в скайпах принципиально не использовали камеру — общение только голосом. Бюрошники, конечно же, знали друг друга лично, но вот мне как новичку многие коллеги были знакомы преимущественно по голосу и малюсенькой аватарке. Как выяснилось позже, это было взаимно.<br><br>Так, однажды вместо работы из дома я решил съездить с ноутом поработать из бюрошного Коворкафе. Там я встречаю Макса Ильяхова, с которым мы как раз тогда работали над шаблонами журнала «Главбух» (<a href="https://bureau.ru/projects/glavbukh-print/)." target="_blank">https://bureau.ru/projects/glavbukh-print/).</a> Я с ним здороваюсь (но не представляюсь, мы же вроде как работаем вместе, каждый день созваниваемся!), сажусь за свободное место и открываю Индизайн верстать макеты журнала. И только потом Макс по увиденным у меня на экране макетам понял, что я это я, и мы поздоровались уже полноценно.<br><br>В общем, Бюро в моей памяти — это синдром самозванца и голоса из скайпа, которые называют меня Сержом.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1279 👁</span> | <span class="date">22/12/25, 15:22:40</span> | <span class="message-id">#2185</span><br><a href="tg://resolve?domain=meow_design&post=2185">Open in Telegram</a> | <a href="https://t.me/meow_design/2185">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2185</guid>
|
|
<pubDate>Mon, 22 Dec 2025 15:22:40 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Возрастное ограничение «Для взрослых» (или просто...</title>
|
|
<link>https://t.me/meow_design/2187</link>
|
|
<description>Возрастное ограничение «Для взрослых» (или просто 18+) настолько сильно укоренилось как эвфемизм для связанных с сексом штук, что при его использовании в прямом смысле может возникнуть когнитивный диссонанс. Вот на сайте Лего наборы конструкторов можно фильтровать по возрастным категориям, и заголовок со словами «Toys», «18+», «Adults» на мгновение вызывает удивление «Лего теперь еще и секс-игрушки выпускает?». На сайте Икеи есть два вида стрелок: с хвостиком в контурном кружке означает ссылку «Узнать больше», а без хвостика в черном кружке листает карусель карточек. Пока не увидел обе рядом, первую тоже воспринимал как листалку и пару раз недоумевал, почему меня перекидывает на какую-то другую страницу. Требование усвоить разницу между двумя видами стрелок для нормального пользования сайтом слишком строгое. На том же сайте Икеи иконки у кнопки добавления в избранное и у ссылки изучения списка избранного выглядят одинаково. Тоже пару раз путался и жал не на ту. Так лучше, чем если бы у них были разные метафоры, но всё же лучше бы их немного визуально развести: чуть изменить одну из иконок (сделать у верхней стек из сердечек?), подписать что-нибудь из них или хотя бы визуально обозначить разницу между кнопкой и ссылкой. Сервис онлайн-заметок Paper от дропбокса жалуется, что в него перетягивают слишком большой файл. Ребят, может вы всё же сами загрузите файл в Dropbox и вставите сюда ссылку? Вроде бы весь смысл и конкурентное преимущество сервиса в том, что вы часть дропбокса, и в теории это означает, что пользователям не надо искать внешние ресурсы для загрузки тяжелых файлов, всё автоматически подгрузится. Ну синергия, бесшовное взаимодействие, экосистема, вот это всё. Но нет, не в этом случае. Страница оказалась слишком длинной для суммаризации. Ну так я поэтому и решил впервые прибегнуть к суммаризации, потому что это была адская графоманская простыня. Короткие статьи я и сам умею читать по диагонали. Вероятно, ИИ обретает сознание и теперь тоже может реагировать «да ну нахер» на сложные задачи. А вы не можете сами проверить, активировал или нет? (да, уже активировал, это письмо бесполезное) Один запрос в базу данных для фильтрации писем перед отправкой, ну камон. Странная страничка после нажатия на ссылку «Отписаться от рассылки» в письме. Тут где-то потерялась кнопка? Или просто корявая формулировка в заголовке? Я в итоге отписался или нет? Инстаграм настолько не хочет, чтобы люди вместо алгоритмической ленты пользовались старой-доброй «посты в хронологическом порядке и только от тех, на кого подписан»-лентой, что старается запрятать ее в наименее очевидные места. Сейчас это пункт «Following» в меню, появляющимся при нажатии на логотип-заголовок инстаграма. Даже признак существования этого меню — галочка-выпадашка — скрывается при открытии приложения. Вероятно, чтобы потом меню можно было выкинуть с объяснением «Им никто не пользовался». Так скоро появятся сборники чит-кодов в приложениях «Чтобы сразу перейти к оформлению билетов мимо всех темных паттернов, в главном меню нажмите вверх-влево-А-А-В-вниз».</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2187/AgADYQxrG76huUo/97cf3ec8" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Возрастное ограничение «Для взрослых» (или просто 18+) настолько сильно укоренилось как эвфемизм для связанных с сексом штук, что при его использовании в прямом смысле может возникнуть когнитивный диссонанс. <br><br>Вот на сайте Лего наборы конструкторов можно фильтровать по возрастным категориям, и заголовок со словами «Toys», «18+», «Adults» на мгновение вызывает удивление <i>«Лего теперь еще и секс-игрушки выпускает?»</i>.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2188/AgADCg1rG76huUo/60a5fd7f" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
На сайте Икеи есть два вида стрелок: с хвостиком в контурном кружке означает ссылку «Узнать больше», а без хвостика в черном кружке листает карусель карточек. <br><br>Пока не увидел обе рядом, первую тоже воспринимал как листалку и пару раз недоумевал, почему меня перекидывает на какую-то другую страницу. <br><br>Требование усвоить разницу между двумя видами стрелок для нормального пользования сайтом слишком строгое.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2189/AgADTQ1rG76huUo/5cc5de2a" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
На том же сайте Икеи иконки у кнопки добавления в избранное и у ссылки изучения списка избранного выглядят одинаково. Тоже пару раз путался и жал не на ту.<br><br>Так лучше, чем если бы у них были разные метафоры, но всё же лучше бы их немного визуально развести: чуть изменить одну из иконок (сделать у верхней стек из сердечек?), подписать что-нибудь из них или хотя бы визуально обозначить разницу между кнопкой и ссылкой.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2190/AgADag1rG76huUo/ee834831" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Сервис онлайн-заметок Paper от дропбокса жалуется, что в него перетягивают слишком большой файл. <br><br>Ребят, может вы всё же сами загрузите файл в Dropbox и вставите сюда ссылку? <br><br>Вроде бы весь смысл и конкурентное преимущество сервиса в том, что вы часть дропбокса, и в теории это означает, что пользователям не надо искать внешние ресурсы для загрузки тяжелых файлов, всё автоматически подгрузится. Ну синергия, бесшовное взаимодействие, экосистема, вот это всё. Но нет, не в этом случае.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2191/AgADbA1rG76huUo/152dd75d" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Страница оказалась слишком длинной для суммаризации. <br><br>Ну так я поэтому и решил впервые прибегнуть к суммаризации, потому что это была адская графоманская простыня. Короткие статьи я и сам умею читать по диагонали. <br><br>Вероятно, ИИ обретает сознание и теперь тоже может реагировать «да ну нахер» на сложные задачи.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2192/AgADcA1rG76huUo/70ddbdcf" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
А вы не можете сами проверить, активировал или нет? <br><br>(да, уже активировал, это письмо бесполезное) <br><br>Один запрос в базу данных для фильтрации писем перед отправкой, ну камон.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2193/AgADcw1rG76huUo/5c817ae3" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Странная страничка после нажатия на ссылку «Отписаться от рассылки» в письме. <br><br>Тут где-то потерялась кнопка? Или просто корявая формулировка в заголовке? Я в итоге отписался или нет?
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2194/AgADjw1rG76huUo/7807947e" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Инстаграм настолько не хочет, чтобы люди вместо алгоритмической ленты пользовались старой-доброй «посты в хронологическом порядке и только от тех, на кого подписан»-лентой, что старается запрятать ее в наименее очевидные места. <br><br>Сейчас это пункт «Following» в меню, появляющимся при нажатии на логотип-заголовок инстаграма. Даже признак существования этого меню — галочка-выпадашка — скрывается при открытии приложения. Вероятно, чтобы потом меню можно было выкинуть с объяснением «Им никто не пользовался».<br><br>Так скоро появятся сборники чит-кодов в приложениях <i>«Чтобы сразу перейти к оформлению билетов мимо всех темных паттернов, в главном меню нажмите вверх-влево-А-А-В-вниз»</i>.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1376 👁</span> | <span class="date">01/01/26, 17:45:51</span> | <span class="message-id">#2187</span><br><a href="tg://resolve?domain=meow_design&post=2187">Open in Telegram</a> | <a href="https://t.me/meow_design/2187">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2187</guid>
|
|
<pubDate>Thu, 01 Jan 2026 17:45:51 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>у канала недоступны комментарии и реакции кроме...</title>
|
|
<link>https://t.me/meow_design/2195</link>
|
|
<description>у канала недоступны комментарии и реакции кроме одной заготовленной для каждой публикации. Это даже не совсем понт: просто при создании канала таких штук в телеграме и не было, а когда комменты и реакции всё же подвезли, я просто решил оставить всё как есть. Но вопрос, надо ли их добавлять, раз в несколько лет всё же возникает. про реакции всё понятно: придуманные самому себе абсурдные ограничения развлекают меня давно. Когда-то в своем инстаграме я держал ровно сто фотографий (при желании опубликовать что-то новое надо было выбрать, что удалить взамен) и маниакально выдерживал равенство между количеством подписок и подписчиков. Ну вы знаете, сначала при ходьбе не наступаешь на швы плитки, а потом этого уже не хватает и придумываешь себе новые загоны. Хорошо, что пока еще не начал сортировать все чипсы в пачке по размеру перед тем, как их съесть. с комментариями ситуация сложнее: открытие комментов будто бы неизбежно приведет к возникновению какого-то сообщества и, следовательно, суеты модерации: как бороться со спамерами; как отличать продвинутых ai-спамеров от просто интернет-сумасшедших; как cделать, чтобы интернет-сумасшедшие не отпугивали осмысленных; как противостоять троллям и хейтерам, если я заслужу их появления, и надо ли это делать; надо ли пытаться формализовать правила поведения в комментах или просто сносить всех неугодных; и вообще я за анархию, диктатуру или еще какой формат в своих комментах. В любом случае это будет отвлекать, я наверняка буду реагировать на появления каждого коммента, а не просто мирно забывать о канале между публикациями. в общем, свои соображения я высказал, теперь ваше мнение. Не голосование, но опрос:</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
у канала недоступны комментарии и реакции кроме одной заготовленной для каждой публикации. Это даже не совсем понт: просто при создании канала таких штук в телеграме и не было, а когда комменты и реакции всё же подвезли, я просто решил оставить всё как есть. Но вопрос, надо ли их добавлять, раз в несколько лет всё же возникает.<br><br>про реакции всё понятно: придуманные самому себе абсурдные ограничения развлекают меня давно. Когда-то в своем инстаграме я держал ровно сто фотографий (при желании опубликовать что-то новое надо было выбрать, что удалить взамен) и маниакально выдерживал равенство между количеством подписок и подписчиков. Ну вы знаете, сначала при ходьбе не наступаешь на швы плитки, а потом этого уже не хватает и придумываешь себе новые загоны. Хорошо, что пока еще не начал сортировать все чипсы в пачке по размеру перед тем, как их съесть.<br><br>с комментариями ситуация сложнее: открытие комментов будто бы неизбежно приведет к возникновению какого-то сообщества и, следовательно, суеты модерации: как бороться со спамерами; как отличать продвинутых ai-спамеров от просто интернет-сумасшедших; как cделать, чтобы интернет-сумасшедшие не отпугивали осмысленных; как противостоять троллям и хейтерам, если я заслужу их появления, и надо ли это делать; надо ли пытаться формализовать правила поведения в комментах или просто сносить всех неугодных; и вообще я за анархию, диктатуру или еще какой формат в своих комментах. В любом случае это будет отвлекать, я наверняка буду реагировать на появления каждого коммента, а не просто мирно забывать о канале между публикациями.<br><br>в общем, свои соображения я высказал, теперь ваше мнение. Не голосование, но опрос:
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-poll">📊 Poll: Комментарии к публикациям<br>1. буду читать и писать<br>2. не интересует<br><br>→ Vote in Telegram 🔗<br></div>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-poll">📊 Poll: расширенные реакции к публикациям<br>1. как же я люблю выбирать из реакций наиболее точно передающую мой эмоциональный отклик<br>2. оттенки одобрения не имеют значения, но я требую возможность ставить публикациям клоуна с какашкой!<br>3. всё это лишнее<br><br>→ Vote in Telegram 🔗<br></div>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1605 👁</span> | <span class="date">02/01/26, 15:48:45</span> | <span class="message-id">#2195</span><br><a href="tg://resolve?domain=meow_design&post=2195">Open in Telegram</a> | <a href="https://t.me/meow_design/2195">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 poll 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2195</guid>
|
|
<pubDate>Fri, 02 Jan 2026 15:48:45 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Создатель сравнительной таблички явно поленился...</title>
|
|
<link>https://t.me/meow_design/2198</link>
|
|
<description>Создатель сравнительной таблички явно поленился морочиться с иконками крестика и галочки, решил вместо них использовать буквы Х и V. Но буквы слишком похожи друг на друга, при общем взгляде не удается быстро считать различия между продуктами. Вместо Х достаточно было оставить пробелы, а вместо V тогда можно было бы написать понятное Yes или какие-то продающие уточнения, как это делает эпл в своих сравнительных табличках. Да даже тире сработало бы лучше: V X V —</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2198/AgADCQtrG3RdMEs/9bab439d" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Создатель сравнительной таблички явно поленился морочиться с иконками крестика и галочки, решил вместо них использовать буквы Х и V.<br><br>Но буквы слишком похожи друг на друга, при общем взгляде не удается быстро считать различия между продуктами.<br><br>Вместо Х достаточно было оставить пробелы, а вместо V тогда можно было бы написать понятное Yes или какие-то продающие уточнения, как это делает эпл в своих сравнительных табличках. <br><br>Да даже тире сработало бы лучше:<br><br>V X<br>V —
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1279 👁</span> | <span class="date">12/01/26, 17:37:32</span> | <span class="message-id">#2198</span><br><a href="tg://resolve?domain=meow_design&post=2198">Open in Telegram</a> | <a href="https://t.me/meow_design/2198">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2198</guid>
|
|
<pubDate>Mon, 12 Jan 2026 17:37:32 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Когда я тут раз в год выкладываю заготовку...</title>
|
|
<link>https://t.me/meow_design/2199</link>
|
|
<description>Когда я тут раз в год выкладываю заготовку календаря на следующий год, я иногда дополнительно загоняю, как благодаря этому календарю можно не только планировать будущее, но и фиксировать прожитое. Обычно в памяти оседает только самое-самое — путешествия и еще парочка ярких событий (можете проверить себя вопросом «что произошло в моей жизни в 2017-м году») — а за их пределами время сглаживается в одно монолитное «летят года...». Откровения старших людей о том, что с возрастом время субъективно идет быстрее и года проносятся как-то уж слишком стремительно, кажется, связано просто с постепенным укреплением и доминированием в жизни ритуалов и привычек, избеганием новизны, желанием сохранить статус-кво. У памяти становится всё меньше зацепок — ярких моментов — которые помогут размечать ось времени, отличать один год от другого. Конечно, можно заставлять себя вырываться в хотя бы микро-путешествие каждые выходные, жонглировать хобби, раз в год менять место жительства и может еще и работу — ярких моментов для памяти будет предостаточно. Но даже без такого агрессивного выталкивания себя из зоны комфорта можно помочь памяти в создании маленьких засечек на оси времени. Для этого достаточно фиксировать простую повседневность. Не обязательно вести развернутые олдскульные дневники, это больше инструмент рефлексии, достаточно мелких пометок в пару слов на календаре (как на фотке), скриншотов экрана, ежедневных фотографий и видео без избегания фиксации рутины и бытовухи. Магия в том, что такие зацепки являются индексом в массиве полноценных воспоминаний о том дне: слова-ключики разворачиваются в полноценный дневник памяти, прожитое время снова оказывается детализированным. А если индекса нет, то только и остается ждать, как сборщик мусора зачистит воспоминания, о которых уже ничего не напомнит.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2199/AgADLBJrG06LMUs/208dd639" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Когда я тут раз в год выкладываю заготовку календаря на следующий год, я иногда дополнительно загоняю, как благодаря этому календарю можно не только планировать будущее, но и фиксировать прожитое.<br><br>Обычно в памяти оседает только самое-самое — путешествия и еще парочка ярких событий (можете проверить себя вопросом «что произошло в моей жизни в 2017-м году») — а за их пределами время сглаживается в одно монолитное «летят года...». <br><br>Откровения старших людей о том, что с возрастом время субъективно идет быстрее и года проносятся как-то уж слишком стремительно, кажется, связано просто с постепенным укреплением и доминированием в жизни ритуалов и привычек, избеганием новизны, желанием сохранить статус-кво. У памяти становится всё меньше зацепок — ярких моментов — которые помогут размечать ось времени, отличать один год от другого.<br><br>Конечно, можно заставлять себя вырываться в хотя бы микро-путешествие каждые выходные, жонглировать хобби, раз в год менять место жительства и может еще и работу — ярких моментов для памяти будет предостаточно. <br><br>Но даже без такого агрессивного выталкивания себя из зоны комфорта можно помочь памяти в создании маленьких засечек на оси времени. Для этого достаточно фиксировать простую повседневность. <br><br>Не обязательно вести развернутые олдскульные дневники, это больше инструмент рефлексии, достаточно мелких пометок в пару слов на календаре (как на фотке), скриншотов экрана, ежедневных фотографий и видео без избегания фиксации рутины и бытовухи. Магия в том, что такие зацепки являются индексом в массиве полноценных воспоминаний о том дне: слова-ключики разворачиваются в полноценный дневник памяти, прожитое время снова оказывается детализированным. А если индекса нет, то только и остается ждать, как сборщик мусора зачистит воспоминания, о которых уже ничего не напомнит.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1403 👁</span> | <span class="date">13/01/26, 15:40:31</span> | <span class="message-id">#2199</span><br><a href="tg://resolve?domain=meow_design&post=2199">Open in Telegram</a> | <a href="https://t.me/meow_design/2199">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2199</guid>
|
|
<pubDate>Tue, 13 Jan 2026 15:40:31 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Большой бумажный календарь — это олдскульный...</title>
|
|
<link>https://t.me/meow_design/2200</link>
|
|
<description>Большой бумажный календарь — это олдскульный вариант. Лента фоток, скриншотов и видосов на телефоне — более современная аналогия, но она тоже подвержена диспропорции: триста фоток с концерта на выходных и две — за следующую рабочую неделю. Поэтому для фиксации прожитого без игнора повседневности, для создания засечек на каждом дне можно вписаться в авантюру с ежедневной записью секундного видео. Это тяжелее и требует выработки привычки, так как, в отличие от календаря, там нельзя заснять видос задним числом, но в качестве награды получаешь 365-секундное видео «Как я провел этот год». У меня прошлый год получился таким. (на ютубе, если удобней: https://www.youtube.com/watch?v=34BRXb26rUc)</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<video controls src="http://test.example.com/media/meow_design/2200/AgADEI4AAvs8OUs/6cfb91f2" style="max-width:100%; width:auto;height:auto; max-height:400px;"></video>
|
|
</div>
|
|
<br>
|
|
Большой бумажный календарь — это олдскульный вариант. Лента фоток, скриншотов и видосов на телефоне — более современная аналогия, но она тоже подвержена диспропорции: триста фоток с концерта на выходных и две — за следующую рабочую неделю. Поэтому для фиксации прожитого без игнора повседневности, для создания засечек на каждом дне можно вписаться в авантюру с ежедневной записью секундного видео. Это тяжелее и требует выработки привычки, так как, в отличие от календаря, там нельзя заснять видос задним числом, но в качестве награды получаешь 365-секундное видео «Как я провел этот год». <br><br>У меня прошлый год получился таким.<br><br>(на ютубе, если удобней: <a href="https://www.youtube.com/watch?v=34BRXb26rUc">https://www.youtube.com/watch?v=34BRXb26rUc</a>)
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1759 👁</span> | <span class="date">13/01/26, 15:43:31</span> | <span class="message-id">#2200</span><br><a href="tg://resolve?domain=meow_design&post=2200">Open in Telegram</a> | <a href="https://t.me/meow_design/2200">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2200</guid>
|
|
<pubDate>Tue, 13 Jan 2026 15:43:31 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Может кто-то помнит, как шесть лет назад я уже...</title>
|
|
<link>https://t.me/meow_design/2201</link>
|
|
<description>Может кто-то помнит, как шесть лет назад я уже проворачивал этот трюк. Тот 2019-й год я просуществовал в прямом смысле бомжом (то есть без определенного места жительства), скитался по миру от Амстердама до Сингапура, полтора месяца катался по транссибу и месяц гулял с рюкзачком по Камчатке — в общем, планка разнообразия происходящего каждый день в том видео была задана очень высокая. Спустя шесть лет желание покидать зону комфорта как-то поубавилось (сколько тут комфорта осталось, чтобы от него еще и отказываться добровольно), а после вынужденных путешествий добровольные уже манят меньше. В общем, это я так предупреждаю, что в этот раз повторяющихся видов, тупо закатов из окна офиса и снятого уже из кровати перед сном потолка вышло куда больше. Меньше ярких событий, который мозг бы всё равно запомнил, больше текстуры повседневности.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Может кто-то помнит, как шесть лет назад я уже <a href="https://t.me/meow_design/736">проворачивал этот трюк</a>. Тот 2019-й год я просуществовал в прямом смысле бомжом (то есть без определенного места жительства), скитался по миру от Амстердама до Сингапура, полтора месяца катался по транссибу и месяц гулял с рюкзачком по Камчатке — в общем, планка разнообразия происходящего каждый день в том видео была задана очень высокая.<br><br>Спустя шесть лет желание покидать зону комфорта как-то поубавилось (сколько тут комфорта осталось, чтобы от него еще и отказываться добровольно), а после вынужденных путешествий добровольные уже манят меньше. В общем, это я так предупреждаю, что в этот раз повторяющихся видов, тупо закатов из окна офиса и снятого уже из кровати перед сном потолка вышло куда больше. Меньше ярких событий, который мозг бы всё равно запомнил, больше текстуры повседневности.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1903 👁</span> | <span class="date">13/01/26, 15:43:42</span> | <span class="message-id">#2201</span><br><a href="tg://resolve?domain=meow_design&post=2201">Open in Telegram</a> | <a href="https://t.me/meow_design/2201">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 no_image </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2201</guid>
|
|
<pubDate>Tue, 13 Jan 2026 15:43:42 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>А вот и новинки темных паттернов подъехали</title>
|
|
<link>https://t.me/meow_design/2202</link>
|
|
<description>А вот и новинки темных паттернов подъехали. Это на Хабре банер прилип к низу экрана и перекрывает текст статей. Главная мутация-инновация тут в том, что просто крестиком банер не закроешь — на его место сразу встает другой, вон они там справа собрались в очередь, уходящую в фейд. Самых нетерпеливых, кто попытается просто серийно накликать закрытие сразу всех банеров, ожидает коварный главарь уровня — последний банер по трагической случайности чуть большей длины (ну надо же как-то занять пустое пространство справа, сами понимаете, некрасиво получается), из-за чего крестик убегает из-под курсора. Можно не сомневаться, что скоро это решение станет повсеместным. Маркетологи поглядывают друг на друга, боясь первыми охуеть на новом уровне использовать новый темный паттерн и словить на себе весь гнев интернета — из pr-отдела могут постучать. Но когда находится первопроходец вроде Хабра, этот ход уже на совещаниях преподносится как «норма рынка, нельзя отставать». Здесь как с постепенным поднятием температуры в котле: изменения должны быть инкрементальными, чтобы негодование у большого количества пользователей не превысило порог, после которого отправяются изливать гнев в соцсети. Поэтому крестики пока еще не появляются в случайных углах банеров и не убегают от курсоров, до этого надо еще несколько мутаций-инноваций. И только маркетологи крипто-беттинг-вебкам-казино громко и добродушно хохочат, поглядывая на эти робкие шаги «легальных» маркетологов. Им-то даже не надо скрывать своем презрение к пользователям.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<video controls src="http://test.example.com/media/meow_design/2202/AgADpqAAAlegcEs/07522ae1" style="max-width:100%; width:auto;height:auto; max-height:400px;"></video>
|
|
</div>
|
|
<br>
|
|
А вот и новинки темных паттернов подъехали. Это на Хабре банер прилип к низу экрана и перекрывает текст статей. <br><br>Главная мутация-инновация тут в том, что просто крестиком банер не закроешь — на его место сразу встает другой, вон они там справа собрались в очередь, уходящую в фейд. Самых нетерпеливых, кто попытается просто серийно накликать закрытие сразу всех банеров, ожидает коварный главарь уровня — последний банер по трагической случайности чуть большей длины (ну надо же как-то занять пустое пространство справа, сами понимаете, некрасиво получается), из-за чего крестик убегает из-под курсора.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Можно не сомневаться, что скоро это решение станет повсеместным. Маркетологи поглядывают друг на друга, боясь первыми <s>охуеть на новом уровне</s> использовать новый темный паттерн и словить на себе весь гнев интернета — из pr-отдела могут постучать. Но когда находится первопроходец вроде Хабра, этот ход уже на совещаниях преподносится как «норма рынка, нельзя отставать».<br><br>Здесь как с постепенным поднятием температуры в котле: изменения должны быть инкрементальными, чтобы негодование у большого количества пользователей не превысило порог, после которого отправяются изливать гнев в соцсети.<br><br>Поэтому крестики пока еще не появляются в случайных углах банеров и не убегают от курсоров, до этого надо еще несколько мутаций-инноваций.<br><br>И только маркетологи крипто-беттинг-вебкам-казино громко и добродушно хохочат, поглядывая на эти робкие шаги «легальных» маркетологов. Им-то даже не надо скрывать своем презрение к пользователям.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1744 👁</span> | <span class="date">19/01/26, 21:39:18</span> | <span class="message-id">#2202</span><br><a href="tg://resolve?domain=meow_design&post=2202">Open in Telegram</a> | <a href="https://t.me/meow_design/2202">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2202</guid>
|
|
<pubDate>Mon, 19 Jan 2026 21:39:18 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Сегодня уже классическая рубрика «документирование...</title>
|
|
<link>https://t.me/meow_design/2204</link>
|
|
<description>Сегодня уже классическая рубрика «документирование деградации Эпла». Я сначала хотел ограничиться одним финальным экраном, но тут весь пользовательский сценарий кривой, так что пробежимся по всем шагам. Вот я в своей наивности решил попробовать анонсированную недавно Apple Creator Studio. Нашел нужную страничку на сайте эпла и на ней заветную кнопку «Try it free». Ура, еще и месяц бесплатно! Меня редиректит на какую-то веб-версию Апстора, которая непонятно для чего нужна — она сама ничего не умеет, только предлагает пройти дальше в полноценный Апстор нажатием на кнопку «View in Mac App Store». Зачем нужен был этот шаг и почему меня сразу не переслали в Апстор — непонятно. В Апсторе меня встречает ожидаемый попап, что я не вышел регионом и ничего не получится, App Not Available. Но при закрытии попапа меня встречает продающий блок всё той же Apple Creator Studio, хотя мне только что объяснили, что она мне не доступна. Правая рука не договорилась с левой. Жму на этот банер и попадаю на продающую страницу, которая разбавлена кнопками установки конкретных приложений. Они снова выглядят как вполне доступные, про ограничения региона ничего не говорится. Хотя тут уже вместо бесплатного месячного триала речь идет об In-App Purchases — покупке внутри приложений. По мне так полная версия на триальный период и бесплатная усеченная версия с возможностью платного апргрейда — это разные сущности, но тут их то ли перепутали, то ли сознательно перемешали.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2204/AgAD-BJrGxJUIUg/ccab3941" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Сегодня уже классическая рубрика «документирование деградации Эпла». Я сначала хотел ограничиться одним финальным экраном, но тут весь пользовательский сценарий кривой, так что пробежимся по всем шагам.<br><br>Вот я в своей наивности решил попробовать анонсированную недавно Apple Creator Studio. Нашел нужную страничку на сайте эпла и на ней заветную кнопку «Try it free». Ура, еще и месяц бесплатно!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2205/AgAD-hJrGxJUIUg/08463963" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Меня редиректит на какую-то веб-версию Апстора, которая непонятно для чего нужна — она сама ничего не умеет, только предлагает пройти дальше в полноценный Апстор нажатием на кнопку «View in Mac App Store». <br><br>Зачем нужен был этот шаг и почему меня сразу не переслали в Апстор — непонятно.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2206/AgAD_BJrGxJUIUg/4626d118" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
В Апсторе меня встречает ожидаемый попап, что я не вышел регионом и ничего не получится, App Not Available.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2207/AgADARNrGxJUIUg/34d69625" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Но при закрытии попапа меня встречает продающий блок всё той же Apple Creator Studio, хотя мне только что объяснили, что она мне не доступна. Правая рука не договорилась с левой.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2208/AgADFBNrGxJUIUg/6b453914" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Жму на этот банер и попадаю на продающую страницу, которая разбавлена кнопками установки конкретных приложений. Они снова выглядят как вполне доступные, про ограничения региона ничего не говорится. <br><br>Хотя тут уже вместо бесплатного месячного триала речь идет об In-App Purchases — покупке внутри приложений. По мне так полная версия на триальный период и бесплатная усеченная версия с возможностью платного апргрейда — это разные сущности, но тут их то ли перепутали, то ли сознательно перемешали.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">2196 👁</span> | <span class="date">05/02/26, 18:13:50</span> | <span class="message-id">#2204</span><br><a href="tg://resolve?domain=meow_design&post=2204">Open in Telegram</a> | <a href="https://t.me/meow_design/2204">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2204</guid>
|
|
<pubDate>Thu, 05 Feb 2026 18:13:50 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>К моему удивлению при нажатии на кнопку Get...</title>
|
|
<link>https://t.me/meow_design/2210</link>
|
|
<description>К моему удивлению при нажатии на кнопку Get приложение спокойно скачивается и устанавливается. Но при попытке открыть установленное приложение начинается самое веселое: Эпл вспомнил, что я не вышел регионом, и открывает какой-то попап. Сам попап как охранник, который не понимает, почему его позвали и в чем проблема, но раз сказали выпроводить человека, то чего тут разбираться. Поэтому максимально неконкретными формулировками «Cannot Connect. The page couldn't be loaded» меня просят покинуть территорию приложение. В качестве умиротворяющего средства мне предлагают попытать счастья еще раз, но само приложение понятия не имеет, поможет ли это как-то. Поэтому кнопка Retry просто с красивым изингом моргает экраном. Но эта обратная связь даже щедрая, потому что кнопка капитуляции Cancel же просто ничего не делает. Чувство абсурдности происходящего нарастает. Бесполезный неинформативный попап, ничего не знающий о настоящих причинах проблем (даже я знаю: регион не тот!), бесконечно предлагает попробовать бесполезные решения, в которые он сам не верит, и не может нормально обработать прерывание сценария кнопкой «Cancel». И в качестве кульминации оказывается, что всё это окно по какой-то неимоверной причине (хотя мы можем догадаться об этих причинах: веб-технологии внутри приложения) имеет невидимый вертикальный скрол! А-а-а-а-а. Про такое уже можно говорить That's so Apple.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
К моему удивлению при нажатии на кнопку Get приложение спокойно скачивается и устанавливается. Но при попытке открыть установленное приложение начинается самое веселое:
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<video controls src="http://test.example.com/media/meow_design/2211/AgADKpsAAhJUIUg/12590bf4" style="max-width:100%; width:auto;height:auto; max-height:400px;"></video>
|
|
</div>
|
|
<br>
|
|
Эпл вспомнил, что я не вышел регионом, и открывает какой-то попап. Сам попап как охранник, который не понимает, почему его позвали и в чем проблема, но раз сказали выпроводить человека, то чего тут разбираться.<br><br>Поэтому максимально неконкретными формулировками «Cannot Connect. The page couldn't be loaded» меня просят покинуть <s>территорию</s> приложение. <br><br>В качестве умиротворяющего средства мне предлагают попытать счастья еще раз, но само приложение понятия не имеет, поможет ли это как-то. <br><br>Поэтому кнопка Retry просто с красивым изингом моргает экраном. Но эта обратная связь даже щедрая, потому что кнопка капитуляции Cancel же просто ничего не делает.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Чувство абсурдности происходящего нарастает. Бесполезный неинформативный попап, ничего не знающий о настоящих причинах проблем (даже я знаю: регион не тот!), бесконечно предлагает попробовать бесполезные решения, в которые он сам не верит, и не может нормально обработать прерывание сценария кнопкой «Cancel».<br><br>И в качестве кульминации оказывается, что всё это окно по какой-то неимоверной причине (хотя мы можем догадаться об этих причинах: веб-технологии внутри приложения) имеет невидимый вертикальный скрол! А-а-а-а-а.<br><br>Про такое уже можно говорить That's so Apple.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1738 👁</span> | <span class="date">05/02/26, 18:13:58</span> | <span class="message-id">#2210</span><br><a href="tg://resolve?domain=meow_design&post=2210">Open in Telegram</a> | <a href="https://t.me/meow_design/2210">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2210</guid>
|
|
<pubDate>Thu, 05 Feb 2026 18:13:58 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Фигма не так давно добавила поддержку вариативных...</title>
|
|
<link>https://t.me/meow_design/2213</link>
|
|
<description>Фигма не так давно добавила поддержку вариативных шрифтов, для этого в выпадайку начертаний добавили пункт Variable font axes. А еще в Фигме кучу параметров можно контролировать через переменные, и для этого в том же меню существует пункт Apply variable. Доля случаев, когда я с первого раза правильно выбирал из этих двух пунктов: слишком маленькая! Это примерно как обновленные иконки сервисов гугла: да, там есть разница и при вдумчивом изучении понятно, что есть что, но в суете рутины решение принимается автоматически, не сфокусированным сознанием, а фоновой мозговой деятельностью на основе триггера «тут есть слово Variable, жми». А потом заходишь в продукт Адоба, а там дизайнер нашел самое подходящее место для новой кнопки Save to Adobe cloud storage.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2213/AgADwBhrG_PL0Eg/321c660f" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Фигма не так давно добавила поддержку вариативных шрифтов, для этого в выпадайку начертаний добавили пункт <i>Variable font axes</i>. <br><br>А еще в Фигме кучу параметров можно контролировать через переменные, и для этого в том же меню существует пункт <i>Apply variable</i>.<br><br>Доля случаев, когда я с первого раза правильно выбирал из этих двух пунктов: слишком маленькая!<br><br>Это примерно как обновленные иконки сервисов гугла: да, там есть разница и при вдумчивом изучении понятно, что есть что, но в суете рутины решение принимается автоматически, не сфокусированным сознанием, а фоновой мозговой деятельностью на основе триггера <i>«тут есть слово Variable, жми»</i>.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2214/AgADwRhrG_PL0Eg/88659f66" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
А потом заходишь в продукт Адоба, а там дизайнер нашел самое подходящее место для новой кнопки <i>Save to Adobe cloud storage</i>.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1603 👁</span> | <span class="date">21/02/26, 23:16:19</span> | <span class="message-id">#2213</span><br><a href="tg://resolve?domain=meow_design&post=2213">Open in Telegram</a> | <a href="https://t.me/meow_design/2213">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2213</guid>
|
|
<pubDate>Sat, 21 Feb 2026 23:16:19 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Ужасная инфографика турнирной сетки, прекрасный...</title>
|
|
<link>https://t.me/meow_design/2215</link>
|
|
<description>Ужасная инфографика турнирной сетки, прекрасный образец для препарирования дизайнерских ошибок. Это очередной наглядный пример, как попытка линиями-заборчиками отделить элементы друг от друга приводит к обратному эффекту — линия склеивает элементы, так что в первых двух колонках тяжело понять, какие команды играют друг с другом: например, ПСЖ из-за линии больше прилип к Галатасараю, чем к Монако. Эти линии, обрамляющие пары команд, еще зачем-то остались и в следующих трех колонках, когда уже и разделять ничего не надо, просто будто семечек насыпали. Если просто убрать эти линии, избыточная визуальная нагрузка пропадет. И сразу станет понятна причина, почему к этим линиям вообще прибегнули: дизайнер не знает про теорию близости или просто поленился придвинуть играющие команды друг к другу. Сделаем это за него. Теория близости заработала, пустое пространство — лучший разделитель. Чтобы в линиях-перемычках было больше пользы, пускай они идут не от пары команд, а от конкретной команды, вышедшей в следующий раунд. Всякие умники по форме перемычек сразу смогут распознать победы андердогов над фаворитами, ну а для остальных эту будет просто тропинкой команды по турниру. Соответственно, справа в несыгранных еще этапах в этих черных линиях пока нет нужды, там и так понятна иерархия (опять же благодаря теории близости). стало — было</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2215/AgADehVrG0cHKEk/fb682c2e" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Ужасная инфографика турнирной сетки, прекрасный образец для препарирования дизайнерских ошибок.<br><br>Это очередной наглядный пример, как попытка линиями-заборчиками отделить элементы друг от друга приводит к обратному эффекту — линия склеивает элементы, так что в первых двух колонках тяжело понять, какие команды играют друг с другом: например, ПСЖ из-за линии больше прилип к Галатасараю, чем к Монако.<br><br>Эти линии, обрамляющие пары команд, еще зачем-то остались и в следующих трех колонках, когда уже и разделять ничего не надо, просто будто семечек насыпали.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2216/AgADfxVrG0cHKEk/ae1fa383" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Если просто убрать эти линии, избыточная визуальная нагрузка пропадет. И сразу станет понятна причина, почему к этим линиям вообще прибегнули: дизайнер не знает про теорию близости или просто поленился придвинуть играющие команды друг к другу.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2217/AgADghVrG0cHKEk/fd8ccf87" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Сделаем это за него. Теория близости заработала, пустое пространство — лучший разделитель.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2218/AgADhRVrG0cHKEk/0e07626f" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Чтобы в линиях-перемычках было больше пользы, пускай они идут не от пары команд, а от конкретной команды, вышедшей в следующий раунд. Всякие умники по форме перемычек сразу смогут распознать победы андердогов над фаворитами, ну а для остальных эту будет просто тропинкой команды по турниру. Соответственно, справа в несыгранных еще этапах в этих черных линиях пока нет нужды, там и так понятна иерархия (опять же благодаря теории близости).
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2219/AgADhRVrG0cHKEk/c0664a41" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2220/AgADehVrG0cHKEk/c0e85fdc" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
стало — было
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1238 👁</span> | <span class="date">01/03/26, 23:14:33</span> | <span class="message-id">#2215</span><br><a href="tg://resolve?domain=meow_design&post=2215">Open in Telegram</a> | <a href="https://t.me/meow_design/2215">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2215</guid>
|
|
<pubDate>Sun, 01 Mar 2026 23:14:33 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Меня пожурили, что я на канале кормлю семечками...</title>
|
|
<link>https://t.me/meow_design/2222</link>
|
|
<description>Меня пожурили, что я на канале кормлю семечками «а-ха-ха, какой-то дизайнер лоханулся» вместо открытия каких-то глубинных глубин дизайна. После этого я подвис больше чем на месяц, так как постить всё как обычно было уже как-то неловко, а глубинные глубины требуют время на созревание формулировок (если только не делегировать графоманию гптшкам). Если помните, я тут иногда загонял по поводу того, как остаточные знания математического образования засушились в моей голове аналогиями и моделями, через которые я вижу мир и дизайн в частности: https://t.me/meow_design/504 Написание статьи как поиск эйлерова пути в ориентированном графе из тезисов https://t.me/meow_design/1057 Создание интерфейса как решение системы уравнений-ограничений В этот раз я хочу поделиться параллелью между дизайн-процессами в компаниях и двумя математическими методами нахождения минимумов/максимумов — методом градиентного подъема (на самом деле спуска, но не важно) и методом имитации отжига. Метод градиентного подъема — это способ достичь максимума какого-то показателя, двигаясь в сторону наибольшего роста. Очень упрощенно алгоритм можно описать так: — Из текущего положения делаются небольшие шаги в разные стороны. — Среди этих шагов фиксируется тот, который дал наибольший прирост. — Процедура повторяется до тех пор, пока существуют шаги, дающие хоть какой-то прирост. — Поздравляю, вы великолепны и достигли вершины! Сложно не заметить, что метод практически дословно описывает стратегию некоторых компаний A/B-тестированиями прокарабкаться вслепую в прекрасное будущее. Похожим же образом в «социалистических соревнованиях» все показатели любой ценой должны были расти, пятилетка за три года, удвоение удоев и вот это всё. Так что жесткий мир больших корпораций с их завязанными на KPI премиями объединяет с идеологическими авторитарными системами общая установка: график любой ценой должен идти вправо вверх, и лучшее решение в любой момент времени — то, которое дает наибольшее «вверх»! Но, во-первых, такой метод является «жадным», потому что поощряет сиюминутный рост без оглядки на последствия. Премия-то вот родненькая, только руку протяни показатели выполни, а дальше уже как-нибудь разберемся. Мой любимый пример возможных последствий: Рязанское чудо. Во-вторых, такой метод является «близоруким», так как им можно найти только локальный максимум. Любой ближайший холмик станет ловушкой, потому что для достижения еще большей вершины придется спуститься с холмика вниз (запрещено! график должен идти вправо и вверх!) или уметь прыгать очень далеко (навык не развит, маленькими шагами как-то привычно и безопасней) без каких-либо гарантий моментального успеха (показатели упали! вернуть всё назад и наказать виновных!). Я пытался найти какую-то поясняющую иллюстрацию, но они все показывают поиск минимумума (ведь метод на самом деле называется градиентного спуска), а я рассказывал на примере поиска максимума показателя. Но так даже наглядней, ведь поиск минимума градиентным спуском можно связать с гравитацией (только если отключить инерцию): шарик с холмика скатывается в ближайшую лунку. В двумерном случае всё еще очевидней: движение возможно только влево или вправо. Ближайшая ямка оказывается ловушкой, поэтому на дерганой местности с множеством локальных минимумов такой метод малополезен. Алгоритм имитации отжига — другой метод поиска максимума. Он вероятностный, то есть не дает гарантированного результата, но позволяет искать не только локальный максимум (ближайший холмик), но и глобальный (самую высокую вершину). В этом методе оцениваются последствия прыжка на произвольную дистанцию. Если значение в новом месте больше, то этот прыжок фиксируется. Но даже если показатели в новой точке хуже, то с некоторой вероятностью такой прыжок тоже допускается. И эта вероятность принятия ухудшающих решений со временем уменьшается. Выглядит это как-то так. Здесь температурой обозначается вероятность перескока на худшую позицию по аналогии с выстраиванием атомов металла в кристаллической решетке во время процесса отжига, в честь которого и назвали метод. Так в основном работают дизайн-студии. В самом начале ищутся самые разные подходы к задаче («концепции»), оценивается их перспективность. Какая-то из концепций выбирается за основную, но по мере работы еще возможен перескок на другую перспективную концепцию, даже если в первой итерации она выглядит сырой и менее проработанной, чем уже достигнутый результат текущей концепции. Со временем по мере работы над проектом вероятность таких масштабных смен концепций уменьшается, допускаются всё меньшие и меньшие изменения, чтобы проект сошелся ко сроку. Поэтому важно, чтобы дизайнер на начальном этапе работы над проектом успел пощупать сильно отличающиеся варианты решения, не зацикливаясь сразу на первом пришедшем в голову. Опыт дизайнера позволяет чувствовать перспективность разных направлений и меньше метаться, но страх сделать большой шаг в сторону и непоколебимая привязанность к «я сделялъ»-варианту из-за синдрома утёнка ограничивает перспективы. Так получится забраться только на ближайший локальный холмик.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Меня пожурили, что я на канале кормлю семечками <i>«а-ха-ха, какой-то дизайнер лоханулся»</i> вместо открытия каких-то глубинных глубин дизайна.<br><br>После этого я подвис больше чем на месяц, так как постить всё как обычно было уже как-то неловко, а глубинные глубины требуют время на созревание формулировок (если только не делегировать графоманию гптшкам).
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Если помните, я тут иногда загонял по поводу того, как остаточные знания математического образования засушились в моей голове аналогиями и моделями, через которые я вижу мир и дизайн в частности:<br><br><a href="https://t.me/meow_design/504" target="_blank">https://t.me/meow_design/504</a> <br>Написание статьи как поиск эйлерова пути в ориентированном графе из тезисов<br><br><a href="https://t.me/meow_design/1057" target="_blank">https://t.me/meow_design/1057</a> <br>Создание интерфейса как решение системы уравнений-ограничений<br><br>В этот раз я хочу поделиться параллелью между дизайн-процессами в компаниях и двумя математическими методами нахождения минимумов/максимумов — методом градиентного подъема (на самом деле спуска, но не важно) и методом имитации отжига.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<a href="https://ru.wikipedia.org/wiki/%D0%93%D1%80%D0%B0%D0%B4%D0%B8%D0%B5%D0%BD%D1%82%D0%BD%D1%8B%D0%B9_%D1%81%D0%BF%D1%83%D1%81%D0%BA"><b>Метод градиентного подъема</b></a> — это способ достичь максимума какого-то показателя, двигаясь в сторону наибольшего роста.<br><br>Очень упрощенно алгоритм можно описать так:<br>— Из текущего положения делаются небольшие шаги в разные стороны.<br>— Среди этих шагов фиксируется тот, который дал наибольший прирост.<br>— Процедура повторяется до тех пор, пока существуют шаги, дающие хоть какой-то прирост. <br>— Поздравляю, вы великолепны и достигли вершины!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Сложно не заметить, что метод практически дословно описывает стратегию некоторых компаний A/B-тестированиями прокарабкаться вслепую в прекрасное будущее. <br><br>Похожим же образом в «социалистических соревнованиях» все показатели любой ценой должны были расти, пятилетка за три года, удвоение удоев и вот это всё. <br><br>Так что жесткий мир больших корпораций с их завязанными на KPI премиями объединяет с идеологическими авторитарными системами общая установка: график любой ценой должен идти вправо вверх, и лучшее решение в любой момент времени — то, которое дает наибольшее «вверх»!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Но, во-первых, такой метод является «жадным», потому что поощряет сиюминутный рост без оглядки на последствия. Премия-то вот родненькая, только <s>руку протяни</s> показатели выполни, а дальше уже как-нибудь разберемся. Мой любимый пример возможных последствий: <a href="https://ru.wikipedia.org/wiki/%D0%A0%D1%8F%D0%B7%D0%B0%D0%BD%D1%81%D0%BA%D0%BE%D0%B5_%D1%87%D1%83%D0%B4%D0%BE">Рязанское чудо</a>.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Во-вторых, такой метод является «близоруким», так как им можно найти только локальный максимум. Любой ближайший холмик станет ловушкой, потому что для достижения еще большей вершины придется спуститься с холмика вниз (запрещено! график должен идти вправо и вверх!) или уметь прыгать очень далеко (навык не развит, маленькими шагами как-то привычно и безопасней) без каких-либо гарантий моментального успеха (показатели упали! вернуть всё назад и наказать виновных!).
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2228/AgADnhRrG02zKUs/98c9a2ad" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Я пытался найти какую-то поясняющую иллюстрацию, но они все показывают поиск минимумума (ведь метод на самом деле называется градиентного <i>спуска</i>), а я рассказывал на примере поиска максимума показателя. <br><br>Но так даже наглядней, ведь поиск минимума градиентным спуском можно связать с гравитацией (только если отключить инерцию): шарик с холмика скатывается в ближайшую лунку.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2229/AgADJRZrG02zIUs/d955eaab" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
В двумерном случае всё еще очевидней: движение возможно только влево или вправо. Ближайшая ямка оказывается ловушкой, поэтому на дерганой местности с множеством локальных минимумов такой метод малополезен.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2230/AgADJBZrG02zIUs/2c5fef94" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<a href="https://en.wikipedia.org/wiki/Simulated_annealing"><b>Алгоритм имитации отжига</b></a> — другой метод поиска максимума. Он вероятностный, то есть не дает гарантированного результата, но позволяет искать не только локальный максимум (ближайший холмик), но и глобальный (самую высокую вершину).<br><br>В этом методе оцениваются последствия прыжка на произвольную дистанцию. Если значение в новом месте больше, то этот прыжок фиксируется. Но даже если показатели в новой точке хуже, то с некоторой вероятностью такой прыжок тоже допускается. И эта вероятность принятия ухудшающих решений со временем уменьшается.<br><br>Выглядит это как-то так. Здесь температурой обозначается вероятность перескока на худшую позицию по аналогии с выстраиванием атомов металла в кристаллической решетке во время процесса <a href="https://en.wikipedia.org/wiki/Annealing_(materials_science)">отжига</a>, в честь которого и назвали метод.
|
|
<br>
|
|
<div class="message-media">
|
|
<video controls src="http://test.example.com/media/meow_design/2231/AgAEnwACTbMpSw/c7164aca" style="max-width:100%; width:auto;height:auto; max-height:400px;"></video>
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Так в основном работают дизайн-студии. В самом начале ищутся самые разные подходы к задаче («концепции»), оценивается их перспективность. Какая-то из концепций выбирается за основную, но по мере работы еще возможен перескок на другую перспективную концепцию, даже если в первой итерации она выглядит сырой и менее проработанной, чем уже достигнутый результат текущей концепции. Со временем по мере работы над проектом вероятность таких масштабных смен концепций уменьшается, допускаются всё меньшие и меньшие изменения, чтобы проект сошелся ко сроку.<br><br>Поэтому важно, чтобы дизайнер на начальном этапе работы над проектом успел пощупать сильно отличающиеся варианты решения, не зацикливаясь сразу на первом пришедшем в голову. Опыт дизайнера позволяет чувствовать перспективность разных направлений и меньше метаться, но страх сделать большой шаг в сторону и непоколебимая привязанность к «я сделялъ»-варианту из-за <a href="https://ru.wikipedia.org/wiki/%D0%A1%D0%B8%D0%BD%D0%B4%D1%80%D0%BE%D0%BC_%D1%83%D1%82%D1%91%D0%BD%D0%BA%D0%B0">синдрома утёнка</a> ограничивает перспективы. Так получится забраться только на ближайший локальный холмик.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1051 👁</span> | <span class="date">19/04/26, 11:55:56</span> | <span class="message-id">#2222</span><br><a href="tg://resolve?domain=meow_design&post=2222">Open in Telegram</a> | <a href="https://t.me/meow_design/2222">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2222</guid>
|
|
<pubDate>Sun, 19 Apr 2026 11:55:56 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>ура, теперь опять можно постить всякую...</title>
|
|
<link>https://t.me/meow_design/2233</link>
|
|
<description>ура, теперь опять можно постить всякую мелочевку! Какой вывод о погоде можно сделать, взглянув на подобный таймлайн? По мне так всё очевидно: в 12 часов будет дождик, потом два часа без осадков, потом снова польет. Этот ответ неправильный. На самом деле тут иконки погоды работают как залипающий заголовок в списке с горизонтальным скролом. То есть отсутствие тучки с дождем означает не отсутствие дождя, а то что погода в эти часы не изменится по сравнению с объявленной до этого. Наверное, дизайнер не хотел спамить иконками одинаковой погоды и решил отмечать только моменты изменения погоды. Но это неочевидно с первого взгляда и периодически путает даже знающего принцип работы этого таймлайна пользователя (меня). Напрашивается решение с добавлением иконкам динамизации, чтобы они могли занимать сколько угодно слотов, растягивались на много часов. Но тогда уже зазоры между иконками могут восприниматься как дополнительная информация о погоде. Например, о короткой паузе в осадках между 14:00 и 15:00. Так что следующий шаг в этом направлении — непрерывное полотно-таймлайн визуализации погоды. Хотя с ясной погодой такое провернуть будет сложнее, чем с пасмурной: тучки растягиваются гораздо лучше солнца.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
ура, теперь опять можно постить всякую мелочевку!
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2234/AgAD3BdrGy-RMUs/fca5bbb4" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Какой вывод о погоде можно сделать, взглянув на подобный таймлайн? <br><br>По мне так всё очевидно: в 12 часов будет дождик, потом два часа без осадков, потом снова польет. <br><br>Этот ответ неправильный. На самом деле тут иконки погоды работают как залипающий заголовок в списке с горизонтальным скролом.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<video controls src="http://test.example.com/media/meow_design/2235/AgADUqQAAi-RMUs/5c16b8b0" style="max-width:100%; width:auto;height:auto; max-height:400px;"></video>
|
|
</div>
|
|
<br>
|
|
То есть отсутствие тучки с дождем означает не отсутствие дождя, а то что погода в эти часы не изменится по сравнению с объявленной до этого. <br><br>Наверное, дизайнер не хотел спамить иконками одинаковой погоды и решил отмечать только моменты изменения погоды. Но это неочевидно с первого взгляда и периодически путает даже знающего принцип работы этого таймлайна пользователя (меня).
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2236/AgAD6xdrGy-RMUs/0979f790" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Напрашивается решение с добавлением иконкам динамизации, чтобы они могли занимать сколько угодно слотов, растягивались на много часов. <br><br>Но тогда уже зазоры между иконками могут восприниматься как дополнительная информация о погоде. Например, о короткой паузе в осадках между 14:00 и 15:00.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2237/AgAD-hdrGy-RMUs/909e8b98" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Так что следующий шаг в этом направлении — непрерывное полотно-таймлайн визуализации погоды. <br><br>Хотя с ясной погодой такое провернуть будет сложнее, чем с пасмурной: тучки растягиваются гораздо лучше солнца.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1005 👁</span> | <span class="date">20/04/26, 19:48:52</span> | <span class="message-id">#2233</span><br><a href="tg://resolve?domain=meow_design&post=2233">Open in Telegram</a> | <a href="https://t.me/meow_design/2233">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2233</guid>
|
|
<pubDate>Mon, 20 Apr 2026 19:48:52 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Сколько не убеждай себя, что цифровой мир сейчас...</title>
|
|
<link>https://t.me/meow_design/2238</link>
|
|
<description>Сколько не убеждай себя, что цифровой мир сейчас настолько же ценный, как и реальный, а всё равно физическое воплощение сделанного ощущается особенно. Место на стене, на полке, в грузовике, на складе не бесконечно, появляется некоторое трение, преодоление которого ощущается как доказательства ценности, минимальный знак качества. Поэтому попадание сделанной работы в продажу реального физического магазина воспринимается совсем не так, как просто карточка цифрового товара в онлайн-магазине. Раньше я гордился, что зин-версия рассказа «Ипохондрия» какое-то время продавалась в книжном магазине «Подписные издания»: https://www.podpisnie.ru/books/ipokhondriya/ А теперь горжусь, что наша акварельная карта мира продается в крупнейшем лондонском магазине карт и глобусов Stanfords: https://www.stanfords.co.uk/the-world-painted-9786000664251 (хотя, насколько я понял, это всё же в основном онлайн-продажа, но несколько экземпляров всё же на месте будет)</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2238/AgADLBlrG17tmUs/1193a5ee" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Сколько не убеждай себя, что цифровой мир сейчас настолько же ценный, как и реальный, а всё равно физическое воплощение сделанного ощущается особенно. Место на стене, на полке, в грузовике, на складе не бесконечно, появляется некоторое трение, преодоление которого ощущается как доказательства ценности, минимальный знак качества. Поэтому попадание сделанной работы в продажу реального физического магазина воспринимается совсем не так, как просто карточка цифрового товара в онлайн-магазине.<br><br>Раньше я гордился, что зин-версия <a href="https://kefiijrw.com/hypochondria/">рассказа «Ипохондрия»</a> какое-то время продавалась в книжном магазине «Подписные издания»: <a href="https://www.podpisnie.ru/books/ipokhondriya/" target="_blank">https://www.podpisnie.ru/books/ipokhondriya/</a><br><br>А теперь горжусь, что наша акварельная карта мира продается в крупнейшем лондонском магазине карт и глобусов Stanfords:<br><a href="https://www.stanfords.co.uk/the-world-painted-9786000664251" target="_blank">https://www.stanfords.co.uk/the-world-painted-9786000664251</a> <br><br>(хотя, насколько я понял, это всё же в основном онлайн-продажа, но несколько экземпляров всё же на месте будет)
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1862 👁</span> | <span class="date">30/04/26, 17:48:15</span> | <span class="message-id">#2238</span><br><a href="tg://resolve?domain=meow_design&post=2238">Open in Telegram</a> | <a href="https://t.me/meow_design/2238">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2238</guid>
|
|
<pubDate>Thu, 30 Apr 2026 17:48:15 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Издателей мобильных приложений можно поделить на...</title>
|
|
<link>https://t.me/meow_design/2239</link>
|
|
<description>Издателей мобильных приложений можно поделить на несколько категорий в зависимости от того, кто там отвечает за написание текстов в описании релизов. Вот они на скрине сверху вниз: — Разработчики сухо перечисляют конкретные изменения, возможно даже просто копируют названия закрытых тикетов из таск-менеджера. Олдскульный формат, встречается всё реже. Больше распространен у небольших приложений, где основатели еще не делегировали написание списка изменений. — Описание отдали на откуп сммщикам, и они там гоняются за призраком авиасейлза: шутки-прибаутки, немношк графомании, обязательно упомянуть актуальный мем или инфоповод. Понять суть изменений из подобных текстов тяжеловато, но такой задачи перед авторами и не стоит, ведь изменения в приложении — только еще один повод спозиционировать себя как продвинутую компанию, которая тебя понимает и с которой можно на «ты» (йоу!). — Написание текста релиза отдали менеджеру, а у того нет времени перечислять все эти мелкие изменения, за которые всё равно не дадут премию. Поэтому в поле описания релиза копипастится неменяющаяся годами формулировка вроде «сделали хорошо и убрали плохое, чтобы всем было еще лучше». Возможно, при составлении фразы тоже привлекали сммщика, но плз давай только без мемов и инфоповодов, текст и через три года должен смотреться ок. На что-то осмысленное формулировка меняется только на время Большого Запуска.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2239/AgAD9RVrGyumAAFI/8391f87d" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Издателей мобильных приложений можно поделить на несколько категорий в зависимости от того, кто там отвечает за написание текстов в описании релизов. Вот они на скрине сверху вниз:<br><br>— Разработчики сухо перечисляют конкретные изменения, возможно даже просто копируют названия закрытых тикетов из таск-менеджера. Олдскульный формат, встречается всё реже. Больше распространен у небольших приложений, где основатели еще не делегировали написание списка изменений.<br><br>— Описание отдали на откуп сммщикам, и они там гоняются за призраком авиасейлза: шутки-прибаутки, немношк графомании, обязательно упомянуть актуальный мем или инфоповод. Понять суть изменений из подобных текстов тяжеловато, но такой задачи перед авторами и не стоит, ведь изменения в приложении — только еще один повод спозиционировать себя как продвинутую компанию, которая тебя понимает и с которой можно на «ты» (йоу!).<br><br>— Написание текста релиза отдали менеджеру, а у того нет времени перечислять все эти мелкие изменения, за которые всё равно не дадут премию. Поэтому в поле описания релиза копипастится неменяющаяся годами формулировка вроде «сделали хорошо и убрали плохое, чтобы всем было еще лучше». Возможно, при составлении фразы тоже привлекали сммщика, но плз давай только без мемов и инфоповодов, текст и через три года должен смотреться ок. На что-то осмысленное формулировка меняется только на время Большого Запуска.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1337 👁</span> | <span class="date">09/05/26, 17:28:05</span> | <span class="message-id">#2239</span><br><a href="tg://resolve?domain=meow_design&post=2239">Open in Telegram</a> | <a href="https://t.me/meow_design/2239">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2239</guid>
|
|
<pubDate>Sat, 09 May 2026 17:28:05 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Недавно заметил появление нового вида...</title>
|
|
<link>https://t.me/meow_design/2240</link>
|
|
<description>Недавно заметил появление нового вида описания. Текст своей обстоятельностью и форматом списка мимикрирует под первый тип (вот перечислили конкретные изменения), но если начать вчитываться в пункты, то оказывается, что это просто классическое «всё стало стабильнее, быстрее и красивее» из третьей категории размазали на много строк. Оно мутирует!</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2240/AgAD_RVrGyumAAFI/0d33abe7" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Недавно заметил появление нового вида описания. Текст своей обстоятельностью и форматом списка мимикрирует под первый тип (вот перечислили конкретные изменения), но если начать вчитываться в пункты, то оказывается, что это просто классическое «всё стало стабильнее, быстрее и красивее» из третьей категории размазали на много строк.<br><br>Оно мутирует!
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1474 👁</span> | <span class="date">09/05/26, 17:28:14</span> | <span class="message-id">#2240</span><br><a href="tg://resolve?domain=meow_design&post=2240">Open in Telegram</a> | <a href="https://t.me/meow_design/2240">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2240</guid>
|
|
<pubDate>Sat, 09 May 2026 17:28:14 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Одна из причин, почему веб все еще не проклят...</title>
|
|
<link>https://t.me/meow_design/2241</link>
|
|
<description>Одна из причин, почему веб все еще не проклят окончательно — его относительная открытость. В отличие от приложений, сайты не компилируются в неделимый бинарник, а передают браузерам для выполнения свой исходный код (ладно, только фронтенд). И в эти исходники можно вмешиваться. Изменения не ограничиваются использованием адблока. Если заглянуть в эту нору кастомизации глубоко, выбраться получится только обвешанным всевозможными дополнениями, меняющими поведение как браузера, так и отдельных сайтов. Скажем, я в файерфоксе накопил 23 дополнения. Но больше всего мне нравится возможность модифицировать стили сайтов под себя, накидывая свой CSS поверх. В пару кликов поправить слипшийся интерлиньяж, поменять шрифт на нормальный или ограничить максимальную ширину текстовой строки — это доступная нам магия веб-инспектора, которую мы не ценим по заслугам. Браузерные дополнения вроде Stylus (https://github.com/openstyles/stylus) позволяют закрепить такой «CSS-десант» за сайтами (чтобы изменения в веб-инспекторе не сбрасывались после перезагрузки страницы), а для обмена кастомными стилями существуют сайты вроде https://userstyles.world/. Конечно же, как и на всех сайтах сообществ кастомизаций, 99.95% опубликованных стилей совершенно ужасны, так что энтузиазм перед посещением стоит откалибровать. В 2017 году я опубликовал свой стиль для Википедии и подробно описал в статье на Медиуме мотивацию принятых решений. За это время стиль установили 16 723 раз. Однако с тех пор сначала англоязычная, а недавно и русскоязычная Википедия сделали редизайн, из-за чего мой стиль стал работать фрагментарно. Можно похвалить Википедию за появление в новом дизайн базовых настроек стиля (размер шрифта, ширина текстовой колонки, поддержка темной темы), благодаря чему статьи стали выглядить сноснее. Однако мне этого недостаточно, и я вновь взялся перенастраивать всё под себя. Настало время для нового CSS-десанта на Википедию! Стиль: https://userstyles.world/style/28062/wikipedia-clear-style-for-new-design Устанавливается через браузерное дополнение Stylus: https://github.com/openstyles/stylus Моя мотивация не изменилась с предыдущего подхода, поэтому в этот раз статьи с описанием хода мысли не будет, можете перечитать предыдущую: https://medium.com/design-pub/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F-16cd911399ea Ну и сразу оговорюсь: — Стиль подразумевает, что в визуальных настройках Википедии вы уже выбрали крупный шрифт и широкую ширину (там так и написано), саму колонку этих визуальных настроек свернули в кнопку с иконкой очков, аналогично главное меню свернуто в кнопку-бургер. — Стиль проверялся на русскоязычной и англоязычной Википедиях. Даже при одинаковом дизайне в них есть небольшие различия в верстке и названиях css-классов, потребовавшие мелкие доработки. Как всё будет выглядеть в других языковых разделах — я не знаю, надеюсь что нормально. — То же самое можно сказать и про всевозможные служебные страницы, главную страницу и т.д. — я настраивал стиль только с оглядкой на страницы статей. — Настраивал всё под себя — свой размер экрана и браузер, скрывал неиспользуемые мной элементы страниц и т.д. Как это всё работает за пределами файерфокса — без понятия, могу только помолиться за унификацию веб-стандартов и солидарность рендер-движков браузеров. — Хотя страницы Википедии довольно стандартизированы, всё равно там встречается несчетное количество всевозможных шаблонов, а много где стили элементов страниц просто тупо захардкожены в аттрибуте style. Я старался чинить всё что встречал, но наверняка существует какой-нибудь шаблон «Генеалогическое древо тракторов серии Кировец», который от моего стиля развалился. — CSS-десант не всесилен, это не полноценный редизайн, далеко не все желаемые изменения получилось реализовать. Где-то я останавливался на стадии «ладно, на реализацию моей задумки ушло уже слишком много времени и грязных CSS-хаков, пусть останется так». — Если я убрал нужный вам элемент или сделал что-то не по вкусу — вы можете накинуть свой CSS-десант поверх моего стиля! Или просто форкнуть мой стиль и поправить его под себя. Или написать мне о том, где я не прав и что в стиле стоит изменить. В довесок еще немного пар скриншотов «было — стало»:</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Одна из причин, почему веб все еще не проклят окончательно — его относительная открытость. В отличие от приложений, сайты не компилируются в неделимый бинарник, а передают браузерам для выполнения свой исходный код (ладно, только фронтенд). И в эти исходники можно вмешиваться. <br><br>Изменения не ограничиваются использованием адблока. Если заглянуть в эту нору кастомизации глубоко, выбраться получится только обвешанным всевозможными дополнениями, меняющими поведение как браузера, так и отдельных сайтов. Скажем, я в файерфоксе накопил 23 дополнения.<br><br>Но больше всего мне нравится возможность модифицировать стили сайтов под себя, накидывая свой CSS поверх. В пару кликов поправить слипшийся интерлиньяж, поменять шрифт на нормальный или ограничить максимальную ширину текстовой строки — это доступная нам магия веб-инспектора, которую мы не ценим по заслугам.<br><br>Браузерные дополнения вроде Stylus (<a href="https://github.com/openstyles/stylus">https://github.com/openstyles/stylus</a>) позволяют закрепить такой «CSS-десант» за сайтами (чтобы изменения в веб-инспекторе не сбрасывались после перезагрузки страницы), а для обмена кастомными стилями существуют сайты вроде <a href="https://userstyles.world/">https://userstyles.world/</a>. Конечно же, как и на всех сайтах сообществ кастомизаций, 99.95% опубликованных стилей совершенно ужасны, так что энтузиазм перед посещением стоит откалибровать.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2242/AgAD8hJrG3PuKUg/d4576088" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
В 2017 году я опубликовал <a href="https://userstyles.world/style/194/wikipedia-clear-style">свой стиль для Википедии</a> и подробно описал в <a href="https://medium.com/design-pub/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F-16cd911399ea">статье на Медиуме</a> мотивацию принятых решений.<br><br>За это время стиль установили 16 723 раз. Однако с тех пор сначала англоязычная, а недавно и русскоязычная Википедия сделали редизайн, из-за чего мой стиль стал работать фрагментарно. <br><br>Можно похвалить Википедию за появление в новом дизайн базовых настроек стиля (размер шрифта, ширина текстовой колонки, поддержка темной темы), благодаря чему статьи стали выглядить сноснее. Однако мне этого недостаточно, и я вновь взялся перенастраивать всё под себя.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2243/AgADIxZrG5ReKUg/84a4e9cb" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Настало время для нового CSS-десанта на Википедию!<br><br>Стиль: <br><a href="https://userstyles.world/style/28062/wikipedia-clear-style-for-new-design">https://userstyles.world/style/28062/wikipedia-clear-style-for-new-design</a><br><br>Устанавливается через браузерное дополнение Stylus: <br><a href="https://github.com/openstyles/stylus">https://github.com/openstyles/stylus</a> <br><br>Моя мотивация не изменилась с предыдущего подхода, поэтому в этот раз статьи с описанием хода мысли не будет, можете перечитать предыдущую:<br><a href="https://medium.com/design-pub/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F-16cd911399ea">https://medium.com/design-pub/css-%D0%B4%D0%B5%D1%81%D0%B0%D0%BD%D1%82-%D0%B2%D0%B8%D0%BA%D0%B8%D0%BF%D0%B5%D0%B4%D0%B8%D1%8F-16cd911399ea</a>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Ну и сразу оговорюсь:<br><br>— Стиль подразумевает, что в визуальных настройках Википедии вы уже выбрали крупный шрифт и широкую ширину (там так и написано), саму колонку этих визуальных настроек свернули в кнопку с иконкой очков, аналогично главное меню свернуто в кнопку-бургер.<br><br>— Стиль проверялся на русскоязычной и англоязычной Википедиях. Даже при одинаковом дизайне в них есть небольшие различия в верстке и названиях css-классов, потребовавшие мелкие доработки. Как всё будет выглядеть в других языковых разделах — я не знаю, надеюсь что нормально.<br><br>— То же самое можно сказать и про всевозможные служебные страницы, главную страницу и т.д. — я настраивал стиль только с оглядкой на страницы статей.<br><br>— Настраивал всё под себя — свой размер экрана и браузер, скрывал неиспользуемые мной элементы страниц и т.д. Как это всё работает за пределами файерфокса — без понятия, могу только помолиться за унификацию веб-стандартов и солидарность рендер-движков браузеров.<br><br>— Хотя страницы Википедии довольно стандартизированы, всё равно там встречается несчетное количество всевозможных шаблонов, а много где стили элементов страниц просто тупо захардкожены в аттрибуте style. Я старался чинить всё что встречал, но наверняка существует какой-нибудь шаблон <i>«Генеалогическое древо тракторов серии Кировец»</i>, который от моего стиля развалился. <br><br>— CSS-десант не всесилен, это не полноценный редизайн, далеко не все желаемые изменения получилось реализовать. Где-то я останавливался на стадии <i>«ладно, на реализацию моей задумки ушло уже слишком много времени и грязных CSS-хаков, пусть останется так»</i>.<br><br>— Если я убрал нужный вам элемент или сделал что-то не по вкусу — вы можете накинуть свой CSS-десант поверх моего стиля! Или просто форкнуть мой стиль и поправить его под себя. Или написать мне о том, где я не прав и что в стиле стоит изменить.<br><br>В довесок еще немного пар скриншотов «было — стало»:
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2245/AgADJhlrGw_rMEg/a25f0524" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2246/AgADJxlrGw_rMEg/63e2db45" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2247/AgADKhlrGw_rMEg/e3e0de0c" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2248/AgADKxlrGw_rMEg/ce2e5617" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2251/AgADOhlrGw_rMEg/751f6aad" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2252/AgADOxlrGw_rMEg/ff1268cf" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1337 👁</span> | <span class="date">14/05/26, 13:10:50</span> | <span class="message-id">#2241</span><br><a href="tg://resolve?domain=meow_design&post=2241">Open in Telegram</a> | <a href="https://t.me/meow_design/2241">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2241</guid>
|
|
<pubDate>Thu, 14 May 2026 13:10:50 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Как вы могли догадаться, Википедия — мой любимый...</title>
|
|
<link>https://t.me/meow_design/2255</link>
|
|
<description>Как вы могли догадаться, Википедия — мой любимый способ прокрастинации. Система учета времени говорит, что на чтение Википедии у меня уходит в среднем 5 часов в неделю. В ответ я ей рассказываю о десятичном времени в революционной Франции и движении глаз саккадами при чтении. Надеюсь, другим ценителям такого изысканного тупняка мой кастомный стиль окажется полезным.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2253/AgADPRlrGw_rMEg/aa263e08" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2254/AgADPhlrGw_rMEg/dcfe1e47" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Как вы могли догадаться, Википедия — мой любимый способ прокрастинации. Система учета времени говорит, что на чтение Википедии у меня уходит в среднем 5 часов в неделю. В ответ я ей рассказываю о десятичном времени в революционной Франции и движении глаз саккадами при чтении.<br><br>Надеюсь, другим ценителям такого изысканного тупняка мой кастомный стиль окажется полезным.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">2088 👁</span> | <span class="date">14/05/26, 13:11:03</span> | <span class="message-id">#2255</span><br><a href="tg://resolve?domain=meow_design&post=2255">Open in Telegram</a> | <a href="https://t.me/meow_design/2255">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2255</guid>
|
|
<pubDate>Thu, 14 May 2026 13:11:03 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Маркетологи добрались и до FAQ</title>
|
|
<link>https://t.me/meow_design/2256</link>
|
|
<description>Маркетологи добрались и до FAQ. Теперь это не часто задаваемые пользователями вопросы, а дурная пьеса для одного актера, где маркетолог задает себе же выдуманные им вопросы и отвечает на них своими рекламными прокламациями. — А правда, что у вас началась весенняя мега-акция «Каждая третья покупка бесплатно*», название которой не является публичной офертой? — Отличный вопрос! Вы правы, действительно, с 1-го числа...</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<div class="message-media">
|
|
<img src="http://test.example.com/media/meow_design/2256/AgAD5hlrG6QyaEg/9085c8cb" style="max-width:100%; width:auto; height:auto;max-height:400px; object-fit:contain;">
|
|
</div>
|
|
<br>
|
|
Маркетологи добрались и до FAQ. Теперь это не часто задаваемые пользователями вопросы, а дурная пьеса для одного актера, где маркетолог задает себе же выдуманные им вопросы и отвечает на них своими рекламными прокламациями.<br><br>— А правда, что у вас началась весенняя мега-акция «Каждая третья покупка бесплатно*», название которой не является публичной офертой?<br>— Отличный вопрос! Вы правы, действительно, с 1-го числа...
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1492 👁</span> | <span class="date">19/05/26, 23:40:32</span> | <span class="message-id">#2256</span><br><a href="tg://resolve?domain=meow_design&post=2256">Open in Telegram</a> | <a href="https://t.me/meow_design/2256">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2256</guid>
|
|
<pubDate>Tue, 19 May 2026 23:40:32 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Разрешающая способность</title>
|
|
<link>https://t.me/meow_design/2257</link>
|
|
<description>Разрешающая способность У каждого из нас есть своя разрешающая способность, различная от области к области: — моя жена отличит плохое исполнение оперной арии от хорошего, для меня же оба будут лежать рядом на полочке «так поют в опере» — орнитолог умеет распознавать виды птиц, которые для большинства людей — неотличимые «маленькые серые птички» — кто-то даже по форме светящихся ночью фар способен определить марку и модель авто, для других же машинки отличаются лишь цветом и размером — гроссмейстер видит на шахматной доске то, что не видит новичок — ценители кофе третьей волны ловят нотки послевкусия и умеют отличать Эфиопию от Кении, для других же весь кофе одинаковый на вкус (будто горсть земли залили кипятком) Этот список очевидных примеров можно продолжать бесконечно. Думаю, у каждого из нас есть область, в которой мы видим различия, нераспознаваемые большинством других людей. Наша разрешающая способность в этой области выше. Ну вы знаете, Фрукт-фрукт, сиська-сиська. They're The Same Picture точка жпг Это как набор рецепторов, по одному на каждую область. Они имеют определенную чувствительность, примерно как улавливающий свет фоторецептор. 0. На нулевом уровне рецептор слепой и ни на что не способен. Как если дать мне искать пневмонию на рентгеновском снимке грудной клетки. 1. На первом уровне рецептор однобитный, он может отвечать только «да-нет», есть свет или нет. Хороший фильм или плохой, вкусный кофе или нет. 2. На втором уровне рецептор начинает различать уровни интенсивности сигнала. Вместо бинарного «плохо-хорошо» появляется шкала от «очень плохо» до «очень хорошо». 3. На третьем уровне рецептор выходит за пределы одной шкалы и уже способен раскладывать сигнал по нескольким измерениям, зрение становится цветным. Вместо «классный логотип» — «логотип современный и даже пытается быть в тренде из-за использования гипертрофированных ловушек для краски; спрятанная в форме метафора остроумная и узконаправленная, ведь ее распознают только те кто в теме; форма динамичная, общая серьезность оттеняется игривостью в деталях». Вместо «средний футболист» — «умный и техничный опорник с хорошим ударом, но при этом медленный и ленивый, плохо играет головой, склонен к излишнему риску» Вместо «мерзавец» — «прекрасный музыкант с природным актерским талантом и харизмой, но паталогический лжец и приспособленец, готовый идти по головам ради славы» Дальнейшее повышение разрешающей способности идет через увеличение битности шкал и добавление всё новых измерений. В том числе — добавление оси времени, то есть способность распознавать изменение сигнала со временем: «раньше это обладало свойствами А, а теперь уже А*» Из этого у меня такие выводы: 1. Разница скорее всего существует, даже если не хватает разрешающей способности ее разглядеть. Это источник вечных маленьких культурных сражений в обществе, где большинство высмеивает обладателей некоторой разрешающей способности. Скажем, над дизайнерами смеются из-за их привязанности к продукции эпла (ведь в андроиде/виндовсе/линуксе/хуавее функционала больше и дешевле!), а для тех это ускользающий шанс не кровоточить ежеминутно глазами от взаимодействия с продуктами, сделанными с пренебрежением к дизайну. 2. Стоит доверять советам обладателей высокой разрешающей способности в какой-то области, даже если сам не видишь разницы. Это часть возможного пути развития рецепторов: сначала идешь за мастером вслепую, а потом зрение адаптируется, начинаешь различать силуэты. Тем более это имеет смысл, если и не надеешься сам подтянуться в этой области. К советам врача стоит прислушиваться. Скажем, я могу отличить Ариал от Гельветики, но какие-то совсем тонкие шрифтовые детали распознать не способен. Но если Илья Рудерман и другие выдающиеся шрифтовые дизайнеры в разборе гарнитур из Google Fonts объявили какой-то шрифт некачественным, я этот совет принимаю, даже если сам не вижу брак, о котором они говорят. 3. Всегда найдутся шарлатаны, симулирущие наличие повышенной разрешающей способности перед теми, кто ей не обладает. Поэтому важна ее верифицируемость. Настоящий аудиофил отличит в слепом тесте прогретые провода из бескислородной меди от вешалки. Матерый сомелье определит регион происхождения вина. Сенсей авторской системы боевого искусства готов получить в табло сразиться с боксером из ближайшей секции. Кажется, не для всех сфер такие слепые тесты возможны (может ли театральный критик в каком-то слепом тесте распознать качественную актерскую игру?), поэтому есть альтернатива верифицируемости попроще: признание среди других претендентов на обладание разрешающей способности в этой сфере. Любой ученый сможет меня обмануть профессиональной терминологией и отсылками к результатам экспериментов, которые я сам способен воспроизвести только гипотетически (ну нет у меня своего адронного коллайдера), и мне остается только уточнить, прошла ли его статья на эту тему в рецензируемый научный журнал. Но этот способ и менее надежный, ведь есть опасность, что вся сфера в принципе шарлатанская, вроде какого-нибудь всемирного совета потомственных ясновидящих. А еще человек может обладать разрешающей способностью в какой-то области, но при этом вещать о ней ложь из-за каких-то своих интересов. 9 из 10 стоматологов готовы порекомендовать что потребуется, а консультанту в магазине выгодней продать товар какой-то определенной марки. 4. Повышение разрешающей способности — это не единая траектория. Обладатели одинаково продвинутой разрешающей способности не обязаны быть строго единого мнения. Внутри этой области могут быть разные направления, школы, личные вкусы. Сколько раз выдающиеся деятели в какой-то сфере были категорически несогласны друг с другом. Спор Таненбаума с Торвальдсом не означает, что кто-то из них самозванец. Но надо помнить: доверяя обладателю разрешающей способности в какой-то области (п. 2), ты принимаешь и его взгляд на эту область. Если решил начать разбираться в автомобилях с распросов помешанного на них друга, скорее всего он обратит тебя в церковь своей любимой марки. Такой вот синдром утенка, от которого получится избавиться только по мере развития своей собственной разрешающей способности. 5. Можно обладать высокой разрешающей способностью в области, оставаясь в ней только созерцателем, но не наоборот: созидатель обязательно должен обладать разрешающей способностью в своей области. Сомелье не обязательно должен обладать винодельней, а аудиофил — паять лампы усилителя. Но винодел не справится без навыков сомелье, а хороший создатель аудиотехники будет еще и аудиофилом. Попытка кинокритика снять свой фильм может добавить ему сочувствия к режиссерам, которых он обличает в рецензиях, но не сильно повысит его профильную зрительскую (созерцающую) разрешающую способность. Мое любимое произведение о разрешающей способности — документальный фильм «Мечты Дзиро о суши» о японце, который больше 75 лет (к моменту выхода фильма) совершенствовался в одной конкретной области — приготовлении суши. Сама область тут лишь декорация, потому что принципы мастера, идущего по пути совершенствования навыков, общие для всех сфер. Поэтому в отзывах на фильм можно встретить и реплику профессионального пианиста «с первых кадров можно смело заменять суши на фортепиано и смотреть уже в таком „транслированном“ виде». Объявляется пауза до конца недели на просмотр этого фильма, после чего продолжу загонять про разрешающую способность.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
<b>Разрешающая способность</b><br><br>У каждого из нас есть своя разрешающая способность, различная от области к области:<br><br>— моя жена отличит плохое исполнение оперной арии от хорошего, для меня же оба будут лежать рядом на полочке <i>«так поют в опере»</i><br><br>— орнитолог умеет распознавать виды птиц, которые для большинства людей — неотличимые <i>«маленькые серые птички»</i><br><br>— кто-то даже по форме светящихся ночью фар способен определить марку и модель авто, для других же машинки отличаются лишь цветом и размером<br><br>— гроссмейстер видит на шахматной доске то, что не видит новичок<br><br>— ценители кофе третьей волны ловят нотки послевкусия и умеют отличать Эфиопию от Кении, для других же весь кофе одинаковый на вкус (будто горсть земли залили кипятком)<br><br>Этот список очевидных примеров можно продолжать бесконечно. Думаю, у каждого из нас есть область, в которой мы видим различия, нераспознаваемые большинством других людей. Наша разрешающая способность в этой области выше. Ну вы знаете, <a href="https://www.youtube.com/watch?v=i9DrGNL_LZ8">Фрукт-фрукт, сиська-сиська.</a> They're The Same Picture точка жпг<br><br>Это как набор рецепторов, по одному на каждую область. Они имеют определенную чувствительность, примерно как улавливающий свет фоторецептор.<br><br>0. На нулевом уровне рецептор слепой и ни на что не способен. Как если дать мне искать пневмонию на рентгеновском снимке грудной клетки.<br><br>1. На первом уровне рецептор однобитный, он может отвечать только <i>«да-нет»</i>, есть свет или нет. Хороший фильм или плохой, вкусный кофе или нет.<br><br>2. На втором уровне рецептор начинает различать уровни интенсивности сигнала. Вместо бинарного <i>«плохо-хорошо»</i> появляется шкала от <i>«очень плохо»</i> до <i>«очень хорошо»</i>.<br><br>3. На третьем уровне рецептор выходит за пределы одной шкалы и уже способен раскладывать сигнал по нескольким измерениям, зрение становится цветным. <br><br>Вместо <i>«классный логотип»</i> — <i>«логотип современный и даже пытается быть в тренде из-за использования гипертрофированных ловушек для краски</i>;<i> спрятанная в форме</i> <i>метафора остроумная и узконаправленная, ведь ее распознают только те кто в теме;</i> <i>форма динамичная</i>, <i>общая серьезность оттеняется игривостью в деталях»</i>. <br><br>Вместо <i>«средний футболист»</i> — <i>«умный и техничный опорник с хорошим ударом, но при этом медленный и ленивый, плохо играет головой, склонен к излишнему риску»</i><br><br>Вместо <i>«мерзавец»</i> — <i>«прекрасный музыкант с природным актерским талантом и харизмой, но паталогический лжец и приспособленец, готовый идти по головам</i> <i>ради славы»</i><br><br>Дальнейшее повышение разрешающей способности идет через увеличение битности шкал и добавление всё новых измерений. В том числе — добавление оси времени, то есть способность распознавать изменение сигнала со временем: <i>«раньше это обладало свойствами А, а теперь уже А*»</i>
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Из этого у меня такие выводы:<br><br>1. Разница скорее всего существует, даже если не хватает разрешающей способности ее разглядеть.<br><br>Это источник вечных маленьких культурных сражений в обществе, где большинство высмеивает обладателей некоторой разрешающей способности. Скажем, над дизайнерами смеются из-за их привязанности к продукции эпла (ведь в андроиде/виндовсе/линуксе/хуавее функционала больше и дешевле!), а для тех это <s>ускользающий</s> шанс не кровоточить ежеминутно глазами от взаимодействия с продуктами, сделанными с пренебрежением к дизайну.<br><br><br>2. Стоит доверять советам обладателей высокой разрешающей способности в какой-то области, даже если сам не видишь разницы. <br><br>Это часть возможного пути развития рецепторов: сначала идешь за мастером вслепую, а потом зрение адаптируется, начинаешь различать силуэты. Тем более это имеет смысл, если и не надеешься сам подтянуться в этой области. К советам врача стоит прислушиваться.<br><br>Скажем, я могу отличить Ариал от Гельветики, но какие-то совсем тонкие шрифтовые детали распознать не способен. Но если Илья Рудерман и другие выдающиеся шрифтовые дизайнеры <a href="https://type.today/ru/journal/neo">в разборе гарнитур из Google Fonts</a> объявили какой-то шрифт некачественным, я этот совет принимаю, даже если сам не вижу брак, о котором они говорят.<br><br><br>3. Всегда найдутся шарлатаны, симулирущие наличие повышенной разрешающей способности перед теми, кто ей не обладает.<br><br>Поэтому важна ее верифицируемость. Настоящий аудиофил отличит в слепом тесте прогретые провода из бескислородной меди от вешалки. Матерый сомелье определит регион происхождения вина. Сенсей авторской системы боевого искусства готов <s>получить в табло</s> сразиться с боксером из ближайшей секции. <br><br>Кажется, не для всех сфер такие слепые тесты возможны (может ли театральный критик в каком-то слепом тесте распознать качественную актерскую игру?), поэтому есть альтернатива верифицируемости попроще: признание среди других претендентов на обладание разрешающей способности в этой сфере.<br><br>Любой ученый сможет меня обмануть профессиональной терминологией и отсылками к результатам экспериментов, которые я сам способен воспроизвести только гипотетически (ну нет у меня своего адронного коллайдера), и мне остается только уточнить, прошла ли его статья на эту тему в рецензируемый научный журнал.<br><br>Но этот способ и менее надежный, ведь есть опасность, что вся сфера в принципе шарлатанская, вроде какого-нибудь всемирного совета потомственных ясновидящих.<br><br>А еще человек может обладать разрешающей способностью в какой-то области, но при этом вещать о ней ложь из-за каких-то своих интересов. 9 из 10 стоматологов готовы порекомендовать что потребуется, а консультанту в магазине выгодней продать товар какой-то определенной марки.<br><br><br>4. Повышение разрешающей способности — это не единая траектория. Обладатели одинаково продвинутой разрешающей способности не обязаны быть строго единого мнения. Внутри этой области могут быть разные направления, школы, личные вкусы.<br><br>Сколько раз выдающиеся деятели в какой-то сфере были категорически несогласны друг с другом. <a href="https://ru.wikipedia.org/wiki/Спор_Таненбаума_—_Торвальдса">Спор Таненбаума с Торвальдсом</a> не означает, что кто-то из них самозванец. <br><br>Но надо помнить: доверяя обладателю разрешающей способности в какой-то области (п. 2), ты принимаешь и его взгляд на эту область. <br><br>Если решил начать разбираться в автомобилях с распросов помешанного на них друга, скорее всего он обратит тебя в церковь своей любимой марки. Такой вот синдром утенка, от которого получится избавиться только по мере развития своей собственной разрешающей способности.<br><br><br>5. Можно обладать высокой разрешающей способностью в области, оставаясь в ней только созерцателем, но не наоборот: созидатель обязательно должен обладать разрешающей способностью в своей области.<br><br>Сомелье не обязательно должен обладать винодельней, а аудиофил — паять лампы усилителя. Но винодел не справится без навыков сомелье, а хороший создатель аудиотехники будет еще и аудиофилом. Попытка кинокритика снять свой фильм может добавить ему сочувствия к режиссерам, которых он обличает в рецензиях, но не сильно повысит его профильную зрительскую (созерцающую) разрешающую способность.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Мое любимое произведение о разрешающей способности — документальный фильм <a href="https://www.kinopoisk.ru/film/609155/">«Мечты Дзиро о суши»</a> о японце, который больше 75 лет (к моменту выхода фильма) совершенствовался в одной конкретной области — приготовлении суши. <br><br>Сама область тут лишь декорация, потому что принципы мастера, идущего по пути совершенствования навыков, общие для всех сфер. Поэтому в отзывах на фильм можно встретить и реплику профессионального пианиста <i>«с первых кадров можно смело заменять суши на фортепиано и смотреть уже в таком „транслированном“ виде»</i>.<br><br>Объявляется пауза до конца недели на просмотр этого фильма, после чего продолжу загонять про разрешающую способность.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">1248 👁</span> | <span class="date">03/06/26, 22:18:58</span> | <span class="message-id">#2257</span><br><a href="tg://resolve?domain=meow_design&post=2257">Open in Telegram</a> | <a href="https://t.me/meow_design/2257">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2257</guid>
|
|
<pubDate>Wed, 03 Jun 2026 22:18:58 +0000</pubDate>
|
|
</item>
|
|
<item>
|
|
<title>Повышение разрешающей способности требует времени и...</title>
|
|
<link>https://t.me/meow_design/2260</link>
|
|
<description>Повышение разрешающей способности требует времени и усилий. Поэтому неудивительно, что у большинства идущих по этому пути возникает желание компенсировать затраченные ресурсы. Иными словами, они делают область высокого разрешения своей профессией, продают доступ к натренированной в голове нейросетке. Не обладающие разрешением же из-за экономии денег, недоверия (вдруг этот «спец» шарлатан или лжец) или из-за в целом неприятного опыта (стесняешься задавать глупые вопросы, перед врачом надо раздеваться и показывать части тела) пытаются срезать этот путь, воссоздать разрешающую способность малыми силами. Раньше этой роли служили всевозможные обучающие пособия, статьи и видосы разного уровня наглости обещаний. «C++ для чайников», «Быстрое погружение в рейв-сцену», «На что надо смотреть при выборе б/у авто», «Фронтенд с нуля до офера в FAANG за 1 месяц», «Топ-20 трендов веб-дизайна в 20ХХ году», «Сантехники десятилетиями скрывали от нас этот секрет...», «Делай так 2 раза в день, чтобы спина не болела…». Доведенный до предела принцип Парето, обещание дать 80% знаний по области всего за 2 / 20 / 200 / 2000 минут. Сейчас это место, конечно, занимают нейросети. В оптимистичных сценариях будущего нейросетями как вспомогательным инструментом пользуются как раз обладатели разрешающей способности, у которых хватает компетентности верифицировать результат работы нейросети. Дизайнер превращается в арт-дира и выбирает лучшее направление из предложенных нейросеткой вариантов. Сценарист просит нейросеть переписать диалог и не отстает, пока не получит достойный вариант. Программист не пропускает в прод код нейросети, не соответствующий его стандартам качества. Производительность увеличивается, компетентность и качество остается. В реальности получается наоборот: люди чаще пытаются заменить нейросетью обращение к людям с разрешающей способностью, получить своего «мастера в кармане». Но у них не хватает разрешения, чтобы достоверно оценить качество результатов работы нейросети, поэтому проблема с шарлатанами и специалистами-лгунами воспроизводится уже тут. Про мастерство нейросетей убедительно нести чушь наслышаны уже все, достаточно для отрезвляющего эффекта периодически спрашивать о вещах, в которых хорошо разбираешься. Вероятно, с развитием технологии количество чуши уменьшится, и акцент сместится на ложь, когда с переходом ИИ-компаний в стадию «пора пытаться в прибыльность» эффективные маркетологи неизбежно наполнят ответы завуалированной рекламой. Обладатели разрешающей способности, конечно, недовольны. Не только демпингом и раздражающими прогнозами о закрытии очередной (их) профессии, но и качеством работы нейросетей, ведь они же видят разницу. Ретушер видит, что у сгенерированной картинки несогласованное освещение. Опытнейший переводчик видит корявость в нейросетевом переводе. Хороший дизайнер видит, что за аккуратным сгенерированным макетом прячется умственная пустота. Нейромузыка бесит музыкантов и ценителей. Но остальные такие: «А нам норм!» *косоглазая собачка жпг*. Им не хватает разрешающей способности, чтобы увидеть эту разницу, поэтому причитания программиста об игнорировании в сгенерированном коде лучших практик индустрии воспринимаются как бубнеж испуганного луддита, упускающего власть из своих рук. Да, может код какой-то не такой, но зато он есть, что-то делает и создается магически прямо из-под пальцев. Лучше товар неопределенного качества дешево и быстро, чем вроде как качественный товар нескоро и задорого. Да, сшитая портным по меркам одежда будет сидеть лучше, чем фабричные варианты из магазина. Однако к портному сейчас обращаются лишь ценители, большинством это воспринимается как избыточная роскошь для чудиков. Обувной мастер фыркает при виде следов клея на швах кроссовок в магазине, как дизайнер фыркает на неаккуратные кривые Безье и несогласованные толщины линий в сгенерированном логотипе. Это качество не их уровня. Большинству на это плевать. Конвейер снова побеждает ремесленников, только в этот раз конвейер не физических товаров, а умственных. И как в случае с одеждой и обувью, средний уровень качества дизайна, музыки, программ упадет, но при этом они станут настолько дешевле и доступнее, что все согласятся на этот размен. Раньше мебель делали на заказ у столяров и передавали по наследству. Теперь стол из Икеи настолько доступен, дешев и недолговечен, что при переезде в новую квартиру его проще выкинуть, чем перевозить. Что же остается носителям разрешающей способности? Можно попытаться втиснуться в сужающуюся прослойку «Долго, дорого, охуенно»-мастеров, которые будут обслуживать ценителей и знатоков, не удовлетворенных ширпотребом. Заказ дизайна сайта у человека будет как обращение к гитарному мастеру за кастомной гитарой. Это, конечно же, станет частью маркетинга: нельзя будет не упомянуть, что приложение было сделано вручную опытными программистами, дух старой школы е-е-е! Уже сейчас публикации творцов сопровождаются повышающим ценность уточнением, что эта всё AI-free, своё натуральное с грядки. Работы художника Mr. Doodle уже немыслимы без сопровождающего бэкстейдж-видеопруфа, как эти работы были (его ручками) сделаны. Другой вариант — попытаться встать во главе конвейера. У фабричных кроссовок тоже есть авторы, создавшие концепцию, предсерийный образец, лекала. Похожим образом кажется естественным этап создания и продажи доступа к кастомным версиям нейросеток, воспитанных на принципах и вкусах кураторов. Если стандартная нейросеть посмотрела на все проекты на Бихансе и выдает такой же средне-предсказуемый результат, то кастомная же версия пройдет дополнительный этап критического отношения к проектам на Бихансе под надзором носителя высокой разрешающей способности.</description>
|
|
<content:encoded><![CDATA[<div class="message-body"><div class="post">
|
|
Повышение разрешающей способности требует времени и усилий. Поэтому неудивительно, что у большинства идущих по этому пути возникает желание компенсировать затраченные ресурсы. Иными словами, они делают область высокого разрешения своей профессией, продают доступ к натренированной в голове нейросетке.<br><br>Не обладающие разрешением же из-за экономии денег, недоверия (вдруг этот «спец» шарлатан или лжец) или из-за в целом неприятного опыта (стесняешься задавать глупые вопросы, перед врачом надо раздеваться и показывать части тела) пытаются срезать этот путь, воссоздать разрешающую способность малыми силами.<br><br>Раньше этой роли служили всевозможные обучающие пособия, статьи и видосы разного уровня наглости обещаний. <i>«C++ для чайников»</i>, <i>«Быстрое погружение в рейв-сцену»</i>, <i>«На что надо смотреть при выборе б/у авто»</i>, <i>«Фронтенд с нуля до офера в FAANG за 1 месяц»</i>, <i>«Топ-20 трендов веб-дизайна в 20ХХ году»</i>, <i>«Сантехники десятилетиями скрывали от нас этот секрет...»</i>, <i>«Делай так 2 раза в день, чтобы спина не болела…»</i>. Доведенный до предела принцип Парето, обещание дать 80% знаний по области всего за 2 / 20 / 200 / 2000 минут.<br><br>Сейчас это место, конечно, занимают нейросети.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
В оптимистичных сценариях будущего нейросетями как вспомогательным инструментом пользуются как раз обладатели разрешающей способности, у которых хватает компетентности верифицировать результат работы нейросети. Дизайнер превращается в арт-дира и выбирает лучшее направление из предложенных нейросеткой вариантов. Сценарист просит нейросеть переписать диалог и не отстает, пока не получит достойный вариант. Программист не пропускает в прод код нейросети, не соответствующий его стандартам качества. Производительность увеличивается, компетентность и качество остается.<br><br>В реальности получается наоборот: люди чаще пытаются заменить нейросетью обращение к людям с разрешающей способностью, получить своего «мастера в кармане». Но у них не хватает разрешения, чтобы достоверно оценить качество результатов работы нейросети, поэтому проблема с шарлатанами и специалистами-лгунами воспроизводится уже тут. Про мастерство нейросетей убедительно нести чушь наслышаны уже все, достаточно для отрезвляющего эффекта периодически спрашивать о вещах, в которых хорошо разбираешься. Вероятно, с развитием технологии количество чуши уменьшится, и акцент сместится на ложь, когда с переходом ИИ-компаний в стадию «пора пытаться в прибыльность» эффективные маркетологи неизбежно наполнят ответы завуалированной рекламой.<br><br>Обладатели разрешающей способности, конечно, недовольны. Не только демпингом и раздражающими прогнозами о закрытии очередной (их) профессии, но и качеством работы нейросетей, ведь они же видят разницу. Ретушер видит, что у сгенерированной картинки несогласованное освещение. Опытнейший переводчик видит корявость в нейросетевом переводе. Хороший дизайнер видит, что за аккуратным сгенерированным макетом прячется умственная пустота. Нейромузыка бесит музыкантов и ценителей.<br><br>Но остальные такие: «А нам норм!» *косоглазая собачка жпг*. Им не хватает разрешающей способности, чтобы увидеть эту разницу, поэтому причитания программиста об игнорировании в сгенерированном коде лучших практик индустрии воспринимаются как бубнеж испуганного луддита, упускающего власть из своих рук. Да, может код какой-то не такой, но зато он есть, что-то делает и создается магически прямо из-под пальцев. Лучше товар неопределенного качества дешево и быстро, чем вроде как качественный товар нескоро и задорого.<br><br>Да, сшитая портным по меркам одежда будет сидеть лучше, чем фабричные варианты из магазина. Однако к портному сейчас обращаются лишь ценители, большинством это воспринимается как избыточная роскошь для чудиков. Обувной мастер фыркает при виде следов клея на швах кроссовок в магазине, как дизайнер фыркает на неаккуратные кривые Безье и несогласованные толщины линий в сгенерированном логотипе. Это качество не их уровня. Большинству на это плевать.<br><br>Конвейер снова побеждает ремесленников, только в этот раз конвейер не физических товаров, а умственных. И как в случае с одеждой и обувью, средний уровень качества дизайна, музыки, программ упадет, но при этом они станут настолько дешевле и доступнее, что все согласятся на этот размен. Раньше мебель делали на заказ у столяров и передавали по наследству. Теперь стол из Икеи настолько доступен, дешев и недолговечен, что при переезде в новую квартиру его проще выкинуть, чем перевозить.
|
|
<br>
|
|
</div><br>
|
|
<br><br>
|
|
<div class="post">
|
|
Что же остается носителям разрешающей способности?<br><br>Можно попытаться втиснуться в сужающуюся прослойку «Долго, дорого, охуенно»-мастеров, которые будут обслуживать ценителей и знатоков, не удовлетворенных ширпотребом. Заказ дизайна сайта у человека будет как обращение к гитарному мастеру за кастомной гитарой. Это, конечно же, станет частью маркетинга: нельзя будет не упомянуть, что приложение было сделано вручную опытными программистами, дух старой школы е-е-е! Уже сейчас публикации творцов сопровождаются повышающим ценность уточнением, что эта всё AI-free, своё натуральное с грядки. Работы <a href="https://www.mrdoodle.com/the-doodle-house">художника Mr. Doodle</a> уже немыслимы без сопровождающего бэкстейдж-видеопруфа, как эти работы были (его ручками) сделаны.<br><br>Другой вариант — попытаться встать во главе конвейера. У фабричных кроссовок тоже есть авторы, создавшие концепцию, предсерийный образец, лекала. Похожим образом кажется естественным этап создания и продажи доступа к кастомным версиям нейросеток, воспитанных на принципах и вкусах кураторов. Если стандартная нейросеть посмотрела на все проекты на Бихансе и выдает такой же средне-предсказуемый результат, то кастомная же версия пройдет дополнительный этап критического отношения к проектам на Бихансе под надзором носителя высокой разрешающей способности.
|
|
<br>
|
|
</div><br></div>
|
|
<div class="message-footer"><br>
|
|
<span class="views">745 👁</span> | <span class="date">24/06/26, 02:29:30</span> | <span class="message-id">#2260</span><br><a href="tg://resolve?domain=meow_design&post=2260">Open in Telegram</a> | <a href="https://t.me/meow_design/2260">Open in Web</a>
|
|
<br><div class="message-flags"> 🏷 link 🏷 no_image 🏷 merged </div></div>]]></content:encoded>
|
|
<guid isPermaLink="true">https://t.me/meow_design/2260</guid>
|
|
<pubDate>Wed, 24 Jun 2026 02:29:30 +0000</pubDate>
|
|
</item>
|
|
</channel>
|
|
</rss>
|