мяу-дизайн
2.51K subscribers
1K photos
67 videos
29 files
228 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). Я в очередной раз извиняюсь за свою тупость, но первую пару секунд я пытался понять, что же произойдет при переключении этого режима гитхаба. И солнышко на тумблере не остановило мой мозг от такой трактовки этого сочетания элементов.