мяу-дизайн
2.51K subscribers
951 photos
63 videos
29 files
213 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
Что же касается изначального вопроса «Почему иконка с папкой отвечает за открытие файла»: возможно, эту иконку рисовал олдскульный дизайнер, достаточно старый, чтобы помнить иконку открытия файла в Microsoft Word 2003 и достаточно старый, чтобы уже плохо помнить, как она выглядела... что-то там про папку вроде бы.
В футбольном виджете Яндекса (слева) поломалась теория близости и возникло ложное соответствие — желтая и красная карточки расположились над колонками с цифрами и будто бы относятся к ним, хотя это всего лишь варианты переключалки режимов таблицы. Я некоторое время тупил, не понимая, почему надпись «Голы» сопровождается иконка желтой карточки, а «Игры» — красной.

Достаточно отключить растягивание таб-бара во всю ширину виджета (справа), чтобы и ложное выравнивание относительно колонок исчезло, и теория близости победила, ведь расстояние от карточек до других вариантов переключалки станет меньше, чем до подписей колонок таблицы ниже.
Нейминг товаров до эпла: какие-то аббревиатурно-буквенно-числовые комбинации, где чем больше цифра, тем круче модель, ну типа WFH-200 и WFH-300.
Нейминг товаров после эпла: каскад отобранных маркетинговым отделом вау-слов, в конце которого добавляют Pro как маркировку более крутого товара.

В каких-то случаях это оправданно — Mac Pro действительно предназначен для делающих большие дела за компьютером профессионалов; какой-нибудь особенный Pro-фен для парикмахеров тоже имеет смысл, профессиональная линейка кондиционеров для установки на предприятиях и тд. Но «профессиональные» вставные блютус-наушники AirPods Pro — это уже что-то странное.
Ну и вот у нас уже есть:
— профессиональная кормушка для домашних животных,
— профессиональный чайник,
— профессиональный настенный выключатель,
— профессиональная умная колонка
— профессиональный наполнитель кошачьего лотка.
мяу-дизайн
Нейминг товаров до эпла: какие-то аббревиатурно-буквенно-числовые комбинации, где чем больше цифра, тем круче модель, ну типа WFH-200 и WFH-300.
Кстати, это отличный вариант интернет-гадания: сочиняешь, как я сейчас, от балды такие коды и потом гуглишь: WFH-200 оказался морозильным ларем, а вот WFH-300 уже системой аварийного электропитания.
Если вас уже утомил токсичный негативный тон канала (тешу своё эго, тыкая пальцем в чужие осечки), то вот Тимофей Лебедев запустил канал «Продуктовые фичи» с позитивными примерами: https://t.me/product_features. Какой пример всем нам.
Приложение Альфа-банка. И тут я даже не про то, что дизайнеры и копирайтеры давно забили проверять влезаемость слов в 4" экран первого SE, таких скриншотов невлезающи
х слов я накопил уже кучу и перестал этому удивляться.

Тут речь про теорию близости: серые плашки слишком бледные, чтобы скреплять вместе блок, из-за чего эти блоки рассыпаются на отдельные плавающие на странице кусочки — иллюстрации и заголовки — и тут начинают действовать законы притяжения: «Кафе и рестораны» притягиваются к стиральной машинке, «Путешествия» — к вешалке и т.д., возникают ложные соответствия.
Это тупак, конечно, но мозг автоматически считывает паттерн «Три слова с заглавной буквы через пробел» как фамилию с именем и отчеством. Каждый раз при виде этой вывески пытаюсь понять, почему врача так странно зовут (я не очень умный).
Я об этом уже писал в твитер, но кажется, что и здесь будет уместно рассказать о SF Symbols — эпловской библиотеке символов, которая вшита в макосное шрифтовое семейство SF. Благодаря такой системной поддержке эти иконки можно вставлять на маке хоть в заметки, хоть в названия файлов, хоть в код. Причем иконки имеют начертания и подстраиваются под плотность текста, чтобы лучше с ним дружить. В общем, это отличная локальная альтернатива эмодзи, которые слишком пестрые и выбиваются из текстового набора.
Локальная, потому что за пределами мака эти иконки отображаться не будут, даже почему-то на айфонах, хотя там тоже используется шрифтовое семейство SF. Другой минус по сравнению с эмодзи — не самый удобный ввод, т.к. они не «под рукой», их надо копировать прямо из специального приложения SF Symbols (https://developer.apple.com/sf-symbols/), если только вдруг вы не помните юникод-коды этих символов. Так что эти иконки не для чатиков и почтовых рассылок, а для какого-то редкого использования внутри макоси — пометить список в заметках или папку назвать.
Что еще важно знать, если захотите пощупать иконки — на странице по ссылке выше колтуэкшен-кнопкой висит ссылка на бету-версию приложения SF Symbols 3, и если системные шрифты у вас не с бета-ветки (другими словами — у вас установлена обычная, а не бета-версия макоси), то появится рассинхрон и иконки будут путаться при отображении, так что надо ставить предыдущую «стабильную» версию 2.1, ссылка там чуть ниже есть.
Вспомнилась моя старая идея о начертаниях у эмодзи, за которую меня однажды определенно закенселят: https://artlebedev.ru/everything/brain/2016/07/29/.
Правый верхний угол сайта js-движка Hermes (hermesengine.dev). Я в очередной раз извиняюсь за свою тупость, но первую пару секунд я пытался понять, что же произойдет при переключении этого режима гитхаба. И солнышко на тумблере не остановило мой мозг от такой трактовки этого сочетания элементов.
Когда уже достаточно насмотрелся на коварные приемы а-ля Букинг «Крупно напишем одну цену, а дополнительную плату пустим незаметной припиской», любая конструкция формата «Крупно цена и рядом мелкая бледная приписка с числом» отлавливается внутренним детектором наебалова, даже если на самом деле речь идет не о дополнительных скрытых платежах, а о профите, в случае РЖД — о выдаваемых за покупку бонусных баллах.

РЖД обернул против себя не только этот паттерн, случайно притворившись злодеем, но и математику — когда два числа идут подряд со знаком плюса между ними, мозг автоматически трактует это как операцию сложения, и 2461₽ + 736 воспринимается как повышение цены, а не наоборот (опустим дискуссию о неадекватности бонусной программы РЖД и возможности при помощи нее уменьшить стоимость билета).