Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

Дизайн

Профессия

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

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

Наблюдения

Что-то там

Ворчание

Ещё теги

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

Айфону 10 лет:

  1. Ten years of iPhone. Марко Армент: «I don’t expect it to be surpassed in my lifetime».
  2. The Moment of Awe. Дастин Кертис: «The moment of awe occurred when he placed his finger on the screen and flicked it upward».

А также:

  1. Кто здесь главный. Про ругань в дизайнерской среде.
  2. Why violin makers adopted the f-shaped hole.
  3. Павел Кац заказывает цветы. Интересная тема. Все же сейчас думают про разных умных чатботов. А ведь в чате могут быть просто живые люди.
  4. This Russian city says: «Don’t call us Siberia».

Спасибо спонсору рубрики — рассылке «Дизайнерский дайджест».

11 февраля   Айфон   дизайн   чтиво
17 января   видео   дизайн

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

Вот:

  1. We’ve updated the radios and checkboxes on GOV.UK. С ума сойти. У дизайнеров британских государственных сайтов есть блог о дизайне британских государственных сайтов.
  2. Переверстка № 14. Кейсы консалтинговой компании.
  3. Активный балласт: Для чего в гонке Vendee Globe используют качающийся киль.
  4. The 100% correct way to do CSS breakpoints.
  5. Рынок. На «Словомании» про рынок, маркет, торг, базар и ярмарку.

Спасибо спонсору рубрики — брокерской компании Нэттрэйдер. Компания открывает индивидуальные инвестиционные счета, по которым государство даёт налоговый вычет. Инвестируйте деньги в акции и облигации, а потом получайте в налоговой 13% от вложений.

9 декабря   веб-разработка   дизайн   паруса   чтиво   языки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2016   дизайн   студентам
Ctrl + ↓ Ранее