Подписка на блог

РСС — лучше всего

Ещё есть автоматические трансляции в Тумблере и Же-же. Если что-то не работает, напишите мне: ilyabirman@ilyabirman.ru.

Дизайн

Профессия

Принципы и методы

Как правильно

Наблюдения

Что-то там

Ворчание

Ещё теги

Ctrl + ↑ Позднее

Вселенная знает

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

Выражение «вселенная знает» означает, что где-то в мире уже есть необходимая информация, и нужно её взять, а не спрашивать пользователя.

Одно из заданий на интерфейсном курсе — терминал оплаты мобильной связи. Каждый второй делает экран выбора оператора. Спрашиваю: зачем? Люди говорят, мол, ну а как? И начинают рассуждать: можно было бы по коду определять автоматически, но сейчас же можно номер поменять, так что это ненадёжно.

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

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

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

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

«Вселенная знает» в таких случаях работает как стартовый толчок для размышлений.

2016   веб-дизайн   дизайн   чтиво   шрифты

Дизайнерам: как присылать картинки

Две просьбы тем, кто шлёт мне картинки.

Во-первых, не присылайте большие картинки атачами к письму. На такие мегабайты никаких облаков не хватает. Присылайте ссылки на картинки.

Во-вторых, присылайте нормальные ссылки.

Дропбокс не катит. Дропбокс — самое плохое средство шаринга картинок в мире:

Вот что я вижу по вашей ссылке на Дропбокс. И что дальше делать — непонятно. Весь экран засран интерфейсом, а макет рассмотреть невозможно. Кликаю в него, он не увеличивается. Жму плюс как мудак десять раз, но тут уже справа дебильный сайдбар начинает мешать смотреть. И его хрен отключишь.

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

В итоге единственный способ мне просмотреть макет — нажать Даунлоад, скачать и открыть на компьютере.

Гугль-Драйв — такое же говно.

Я больше всего люблю Дроплер и пользуюсь только им. Ещё хорошо себя ведёт Кибако. В крайнем случае можно Гязу — она хоть и с рекламой, но картинку даёт увидеть.

А идеальный вариант — когда по ссылке открывается сама картинка, безо всякой обёртки вообще.

2016   дизайн   студентам

Пятая версия схемы московского метро

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

Вы, конечно, знаете, что лучше меня схему московского метро не нарисует никто. Прошедшим летом я задался вопросом: можно ли сделать схему метро с окружной железной дорогой, без «дыр», не нарушая концентричности колец, не превращая окружную в спущенное колесо, да ещё и сохранив суперкрупный кегль?

Оказалось, что да. Пятая версия схемы метро:

При одинаковом размере плаката текст получается почти на 35% крупнее, чем на официальной схеме:

Пятая версия схемы московского метро

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

Посмотрите страницу схемы у меня в портфолио.

Не используйте Мирьяд-про

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

В принципе он нормальный:

Мирьяд-про: Sort of fine

Но по иронии судьбы как раз кириллица в нём совершенно отвратительна:

Мирьяд-про: Какой ужас

Достаточно один раз увидеть его кириллические „ж“ и „к“, чтобы больше никогда его не использовать.

2016   дизайн   студентам   шрифты

Почти, но не совсем

Как можно поставить слово «Март» почти по центру макета, но не совсем?

Почти, но не совсем

Как можно почти попасть вертикалью, но не совсем?

Почти, но не совсем

Как можно почти попасть правым столбиком фоток по высоте в левый, но не совсем?

Почти, но не совсем

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

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

Синие кнопки стоят почти напротив друг друга:

Почти, но не совсем

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

Надписи почти выровнялись левыми краями:

Почти, но не совсем

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

У стрелок вправо угол почти равен 90°:

Почти, но не совсем

Почти, но не совсем. Нужно или сделать ровно 90°, или разогнуть ещё сильнее.

Заголовки «Адрес», «Режим работы», «Телефон» почти такого же кегля, как и текст под ними:

Почти, но не совсем

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

Тут расстояние между первым и вторым блоком текста почти равно расстоянию между строками текста:

Почти, но не совсем

Почти, но не совсем. Нужно или увеличить, или сравнять, иначе кажется что интерлиньяж съехал случайно.

Надпись «Ручная работа» вписана почти в круг:

Почти, но не совсем

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

Высота поля ввода почти совпала с высотой кнопок:

Почти, но не совсем

Почти, но не совсем. Нужно или сравнять, или увеличить разницу.

На этом макете используются два почти одинаковых цвета:

Почти, но не совсем

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

Правило: или совсем, или совсем не, но без почти.

2016   дизайн   студентам

Дорогая редакция: Понимаю ли я разницу между электрочайником и стиральной машиной?

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

Добрый день, Илья!

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

Ты хоть понимаешь разницу между электрочайником и стиральной машиной? В чайнике нельзя ничего настраивать. Мощность всегда максимальная. Выключается автоматически.

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

У стиралки есть настройки, тип белья, температура, скорость отжима. После включения она ждет, что ты задашь эти параметры. Этот интерфейс расходует электричество, мало (светодиоды), но расходует. Ок, плевать на электричество, но там все подсвечивается теми же светодиодами. Удобно? Да. Но я не хочу, чтобы ночью что-то в ванной или на кухне светилось. Отдельную кнопку для выключения светодиодов? А не проще ли общий вкл/выкл, как уже есть?

что делает включенная машина до старта? Если я её включу на пару часов, чтобы она поработала, а потом выключу, какую пользу мне принесёт её работа?

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

Мало того, когда машина достирает, она орёт на всю квартиру, чтобы я пришёл и выключил её. Нахрена её «выключать»?

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

Короче, это все сложные устройства и кнопка включения означает готовность к приему команд. У чайника команда всего одна, поэтому кнопка включения там заодно выполняет функцию старта.

Люди готовы вкладывать энергию в объяснение мне моей неправоты вместо того, чтобы хотя бы минутку подумать. По этому поводу я пять лет назад написал заметку «Дизайнеры и специалисты».

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

2016   дизайн   техника   цитаты   эл. почта

Что почитать на выходных — 134

Вот:

  1. A ZFS developer’s analysis of the good and bad in Apple’s new APFS file system.
  2. Артемий Лебедев: «Как продавать то, что не ­заказывали, и воспитывать так, чтобы этого не замечали». Вроде всё это уже было у него то там, то сям, но всё равно интересно.
  3. Улучшения для детской железной дороги. Саша Зайцев показывает кайфо́ты, особенно билетик.
  4. 10 мифов о моногамии. «Женская репродуктивная функция тоже превратилась к ресурс, ведь дети — это рабочие руки, и чем больше рук на поле, тем зажиточнее домохозяйство» (и никакой романтики).
  5. Темы для сочинений в царской России.
  6. Stuff. Антон Реппонен рассказывает о клёвых вещах. Хочу тоже когда-нибудь такой пост сделать. Плюсую рюкзак «Ниль» — купил такой пару месяцев назад и не понимаю, чего ждал столько лет.
2016   дизайн   Лебедев   технологии   чтиво   Эпл

Продолжение полуовала у знака рубля

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

Продолжение полуовала у знака рубля

Заодно обратите внимание, что перекладина несимметрична относительно вертикального штриха: налево она торчит чуть-чуть, а направо — довольно значительно. Но при этом даже близко не доходит до того, насколько торчит полуовал.

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

Если вы вдруг забываете, что есть на типографской раскладке, есть плакат.

См. также видео о том, как быстро нарисовать халявный знак рубля в Фотошопе.

Ctrl + ↓ Ранее