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

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

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

Блог

Из недавнего:  Регистрация на рейс «Аэрофлота»  ·  Как выучить иврит  ·  Вселенная знает  ·  Сила


Лайкли 2.2.3

Лайкли — клёвые социокнопки.

На днях вышла версия 2.2.3, где починили счётчик Гугль-плюса.

Такое ощущение, что я забыл написать заметку, когда вышла версия 2.2, а там было такое:

Улучшена поддержка одностраничных приложений: кнопки автоматически обновляются при переходах по History API, добавлен метод ручного обновления. Также добавлены кнопки ЛинкедИна. Размер файла уменьшен вдвое.

Ещё ссылки:

24 июля   Лайкли   релиз

Текст поверх фотографии

Дизайнер иногда ставит текст поверх фотографии, и получается нечитаемо:

Текст поверх фотографии

Если дизайнер это замечает, он пытается спасти ситуацию. Затемняет фотку под текстом:

Текст поверх фотографии

Или кладёт контрастную плашку:

Текст поверх фотографии

Или делает полупрозрачную плашку, но размывает фотографию под ней:

Текст поверх фотографии

Это всё костыли: в результате хуже видно и фотку, и текст.

Ставить текст на фотографию можно, когда она специально сделана или подобрана для этого. То есть на ней есть чистые места — голубое небо, тёмная ночь или другой равномерный фон:

Текст поверх фотографии

Здесь почти весь текст читается нормально без костылей (много других проблем, но сейчас не о них речь):

Текст поверх фотографии

Здесь нормально читается всё, что выше горизонта в зоне расфокуса:

Текст поверх фотографии

Здесь фон вполне позволял поставить текст без проблем, но автор сделал его светло-оранжевым, поэтому он всё равно не читается:

Текст поверх фотографии

Правило: если фотография не подходит для размещения текста на ней, то размещать текст на ней не стоит. Поставьте текст под фотографией. Следствие: если вы не контролируете фотографию (скажем, её загружают пользователи вашего сайта), то ставить на ней текст — плохое решение.

Читайте также секрет дизайнерских правил.

В заметке использованы работы студентов-дизайнеров.

Телеграм за неделю 17—23 июля 2017

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

Вторник, 18 июля

Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017

Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс:
http://bureau.ru/educenter/ui/

Дайджест телеграма за неделю 17—23 июля 2017
Это красивый разворот про амурского тигра из темы «Параллельное изложение»
Дайджест телеграма за неделю 17—23 июля 2017
А это красивый московский навигационный тотем. Они теперь уже повсюду
Дайджест телеграма за неделю 17—23 июля 2017
Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»

Среда, 19 июля

Дайджест телеграма за неделю 17—23 июля 2017
Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве

Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):

Дайджест телеграма за неделю 17—23 июля 2017

Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:

Дайджест телеграма за неделю 17—23 июля 2017

1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше:
http://ilyabirman.ru/

2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:

Дайджест телеграма за неделю 17—23 июля 2017

Ещё теги:

Дайджест телеграма за неделю 17—23 июля 2017

3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:

Дайджест телеграма за неделю 17—23 июля 2017

Навигация в центре инноваций в Порту:
https://www.behance.net/gallery/7613427/Signage-and-Wayfinding-for-Innovation-Center

Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.

Раз уж такое дело, ссылка на школу дизайнеров (сейчас идёт набор):
http://bureau.ru/school/28aug2017/

Ха-ха, смотрите какая Виктория молодец:

Дайджест телеграма за неделю 17—23 июля 2017
В это время Миша Нозик на «Живых советах» учит рисовать фактоиды

Четверг, 20 июля

Ещё я забыл занести ссылку на недавний совет про схему метро Самары:
http://bureau.ru/bb/soviet/20170718/

Костя Горский в своём канале о дизайне и продуктивности рассказывает о понимании задачи:

Если у меня и есть какое-то одно самое важное знание про продуктовый дизайн, то это знание о том, что хорошо поставленная задача — больше половины успеха... (в канале — цитата целиком)

Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели:
http://ilyabirman.ru/meanwhile/all/understanding-the-task/

Дайджест телеграма за неделю 17—23 июля 2017
Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом

Заглянул в гости в Дептранс, а там рай:

Дайджест телеграма за неделю 17—23 июля 2017

Пятница, 21 июля

Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:

Дайджест телеграма за неделю 17—23 июля 2017

У знака рубля должно быть продолжение полуовала налево:
http://ilyabirman.ru/meanwhile/all/rouble-sign-bowl-continuation/

С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.

Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:

Дайджест телеграма за неделю 17—23 июля 2017

Стало так:

Дайджест телеграма за неделю 17—23 июля 2017

Очень люблю такие редизайны, когда становится лучше, но никто из обычных людей не замечает разницы.

Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯

Расскажите, если вы в курсе. Личка: @ilyabirman

Приходите к Серёге на курс про иконки:
http://ilyabirman.ru/meanwhile/all/icons-course-2017-aug/

Когда я был на курсе, украл у него такую картинку:

Дайджест телеграма за неделю 17—23 июля 2017

Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки

Я не буду делать такие дайджесты каждый раз, так что подписывайтесь в Телеграме. Если вы ещё не пользуетесь Телеграмом, то включайтесь. Это самый нормальный месседжер в мире, и там куча интересных каналов.

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

Вот:

  1. Правила швейцарской типографики от Мюллера-Брокманна.
  2. Фиеричная система счисления, или почему 1 + 10 = 100. Математика для меня тяжеловата, но достаточно поверхностного прочтения для получения удовольствия.
  3. Как работает Владивостокский морской торговый порт. Лоцман, докер, тальман и Маклин. Угадай, где фамилия.
  4. You Should Not Force Quit Apps on iOS. Сколько ни объясняй, люди продолжают выходить из ненужных им программ «для экономии батарии», из-за чего только сильнее расходуют батарею.
  5. Походу.

Положите в закладки:

  1. Oh shit, git!. Набор заклинаний на случай, когда вы накосячили.

Хотите стать спонсором рубрики? Пишите: ilyabirman@ilyabirman.ru

Курс о пиктограммах и системах знаков 12—14 августа

Я обычно анонсирую тут свои курсы и наборы в школу дизайнеров. Но в этот раз хочу анонсировать курс моего коллеги Серёги Чикина. С субботы 12 августа до понедельника 14 в нашем «Коворкафе» на Флаконе (в Москве) пройдёт его курс «Пиктограммы и системы знаков».

Первый день посвящён истории и функциям пиктограмм, второй — поиску метафор, анатомии и дизайну. Третий день — про системы знаков, сетки и ДНК.

С самого начала курс был набит практическими фишками: как изображать глаголы и прилагательные, откуда берётся динамика в статичной картинке, что такое микроанимация и зачем попадать в пиксели.

Курс о пиктограммах и системах знаков 12—14 августа

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

Курс о пиктограммах и системах знаков 12—14 августа

Я когда сам ходил на курс к Серёге, пропёрся от темы про геральдику. Это красивые гербы с Серёгиного сайта:

Курс о пиктограммах и системах знаков 12—14 августа

Запись открыта до 6 августа, если свободные места не кончатся раньше.

21 июля   Бюро   курсы

Сделать музей интерфейса

Я сейчас пишу книгу об интерфейсе, и мне нужны примеры. Много примеров.

Хорошо, что я уже много лет делаю скриншоты всего подряд — многое удаётся проиллюстрировать примерами из своей коллекции. Но не всегда. Бывает, что мне нужно показать что-то, что лет десять назад было обыденностью, и это не приходило в голову снимать и сохранять. Кому нужен простой скриншот Ворда-95 с парой открытых документов? Оказывается, мне очень нужен.

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

Я давно хочу сделать музей интерфейса: сделать виртуальную машину, установить туда МС-ДОС, и снять там всё золото: Нортон Командер и ДОС-навигатор, Нортон-утилиты, дефрагментатор, Турбо-Паскаль 5.5 и 7.0, другие программы на Турбо-вижене, Лого, Лайнс, классический Тетрис. Потом установить Виндоус 3.1, снять всё в нём. Потом Виндоус-95, потом 98, и так далее.

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

Руки у меня до этого никогда не дойдут. А вдруг дойдут у вас? Если у вас есть желание позаниматься таким на выходных и потом вместе замутить в интернете музей, давайте дружить. Напишите мне, почта в подвале.

Или, может, такое уже есть, но я не знаю, где искать?

Аудио по четвергам: Чандра знает

Давненько я вам пситранс не приносил. Потому что я его давненько сам не слушал. Потому что последнее время он уже не тот. Но иногда — вполне. Гоа-сок:

Proxeeus: Chandra Knows

Возможно, я раньше не обращал внимания на такое в пситрансе, но тут обратил, и, кажется, это необычно. Бас живёт в независимой от бочки тактовой сетке, прям как в техно. Повторяется каждый три, а не четыре такта (1́23- 1́2-4 1́-3-). Это, причём, с первой секунды начинается.

Всё как надо: история на восемь с лишним минут, которые пролетают незаметно. В течение второй минуты птички на фоне становятся всё отчётливее. 2:14 Новенькие звуки на переднем плане. 3:06 Честная пситрансовая отрывистая мелодия. Смотрите, басу всё пофиг! Он лупит в одну ноту как ни в чём не бывало. Молодец! 4:13 И ещё один слой. Кайф настоящего гоа в этом бесконечном наслоении, когда кажется, что в миксе уже некуда, а оно появляется ещё и ещё. И когда у авторов клёвая техника, всё это слышно отдельно. 5:00 И ещё!

Рекомендую этот альбом Проксиуса целиком. Называется At The Mountains Of Madness (справа ссылки на Ютюб всех треков). Треки: 2, 3! 4, 6, 7!. Там прям всё как в старые добрые времена, но с безупречным звуком. Ещё дают скачать бесплатно на Эктоплазме, но Эктоплазм чаще лежит, чем работает.

Местоимения на иврите

В иврите все местоимения перепутаны.

Судите сами: она — это «хи», он — это «ху», а кто? — это «ми».

19 июля   иврит   языки

Компании, ставьте Эгею

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

Эгея — это движок блога. То есть программа, которая работает на сайте компании и предоставляет ей инструменты для ведения блога, а посетителям показывает заметки и даёт писать комментарии (если это нужно).

Сделайте блог на Эгее частью сайта своей компании.

Эгея умеет мимикрировать под стиль сайта. С её помощью можно организовать раздел «Блог», который будет выглядеть как страница вашего сайта. Так сделано у меня. Со стороны и не скажешь, что блог — отдельный кусок сайта, выглядит-то так же.

После того, как Эгею установишь, пользователю не нужно ничего знать про серверы, базы данных и ХТМЛ. Нет даже никакой «админки» — всё управление происходит прямо на сайте. Просто тот, кому можно, видит иконки «плюсик» (добавить заметку), «карандашик» (отредактировать заметку) и ещё несколько.

Сейчас, когда я пишу эту заметку, у меня верх страницы выглядит так:

Компании, ставьте Эгею

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

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

К разделу блога легко прикрутить аналитику — просто вставляете код в настройке:

Эгея 2.6 и платные фичи

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

Напишите мне, если хотите начать пользоваться, но не знаете, как начать.

Расскажите компаниям об Эгее, а мне — о компаниях, которым она, на ваш взгляд, будет полезна.

19 июля   Эгея

Личная и рабочая почта

У некоторых людей есть личная и рабочая почта. Ты им пишешь письмо, а они говорят: «Что-то мне не приходит. Может, ты на рабочую скинул?» Может и на рабочую, чувак. Сходи на работу да проверь. Вот мне делать больше нехрен, как в сложностях твоей жизни разбираться.

Но многие так живут и даже не замечают всего абсурда этой ситуации.

17 июля   жизнь   эл. почта
Ранее Ctrl + ↓
Эти ссылки принесут мне миллионы: When you need to buy a new car, you need car loan calculator - handy tool for car finance.