Такое ощущение, что я забыл написать заметку, когда вышла версия 2.2, а там было такое:
Улучшена поддержка одностраничных приложений: кнопки автоматически обновляются при переходах по History API, добавлен метод ручного обновления. Также добавлены кнопки ЛинкедИна. Размер файла уменьшен вдвое.
Дизайнер иногда ставит текст поверх фотографии, и получается нечитаемо:
Если дизайнер это замечает, он пытается спасти ситуацию. Затемняет фотку под текстом:
Или кладёт контрастную плашку:
Или делает полупрозрачную плашку, но размывает фотографию под ней:
Это всё костыли: в результате хуже видно и фотку, и текст.
Ставить текст на фотографию можно, когда она специально сделана или подобрана для этого. То есть на ней есть чистые места — голубое небо, тёмная ночь или другой равномерный фон:
Здесь почти весь текст читается нормально без костылей (много других проблем, но сейчас не о них речь):
Здесь нормально читается всё, что выше горизонта в зоне расфокуса:
Здесь фон вполне позволял поставить текст без проблем, но автор сделал его светло-оранжевым, поэтому он всё равно не читается:
Правило: если фотография не подходит для размещения текста на ней, то размещать текст на ней не стоит. Поставьте текст под фотографией. Следствие: если вы не контролируете фотографию (скажем, её загружают пользователи вашего сайта), то ставить на ней текст — плохое решение.
На прошедшей неделе я переключился в режим нормального ведения своего телеграм-канала. Теперь там не только ссылки на заметки тут, но и всякие наблюдения про дизайн, навигацию и городскую среду. Вот как выглядела неделя (я был в Москве как раз):
Вторник, 18 июля
Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс: http://bureau.ru/educenter/ui/
Это красивый разворот про амурского тигра из темы «Параллельное изложение»
А это красивый московский навигационный тотем. Они теперь уже повсюду
Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»
Среда, 19 июля
Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве
Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):
Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:
1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше: http://ilyabirman.ru/
2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:
Ещё теги:
3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:
Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.
Костя Горский в своём канале о дизайне и продуктивности рассказывает о понимании задачи:
Если у меня и есть какое-то одно самое важное знание про продуктовый дизайн, то это знание о том, что хорошо поставленная задача — больше половины успеха... (в канале — цитата целиком)
Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели: http://ilyabirman.ru/meanwhile/all/understanding-the-task/
Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом
Заглянул в гости в Дептранс, а там рай:
Пятница, 21 июля
Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:
С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.
Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:
Стало так:
Очень люблю такие редизайны, когда становится лучше, но никто из обычных людей не замечает разницы.
Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯
Когда я был на курсе, украл у него такую картинку:
Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки
Я не буду делать такие дайджесты каждый раз, так что подписывайтесь в Телеграме. Если вы ещё не пользуетесь Телеграмом, то включайтесь. Это самый нормальный месседжер в мире, и там куча интересных каналов.
You Should Not Force Quit Apps on iOS. Сколько ни объясняй, люди продолжают выходить из ненужных им программ «для экономии батарии», из-за чего только сильнее расходуют батарею.
Я обычно анонсирую тут свои курсы и наборы в школу дизайнеров. Но в этот раз хочу анонсировать курс моего коллеги Серёги Чикина. С субботы 12 августа до понедельника 14 в нашем «Коворкафе» на Флаконе (в Москве) пройдёт его курс «Пиктограммы и системы знаков».
Первый день посвящён истории и функциям пиктограмм, второй — поиску метафор, анатомии и дизайну. Третий день — про системы знаков, сетки и ДНК.
С самого начала курс был набит практическими фишками: как изображать глаголы и прилагательные, откуда берётся динамика в статичной картинке, что такое микроанимация и зачем попадать в пиксели.
Теперь он сильно оброс задротскими графдизайнерскими микротемами про конкретные знаки: какой балун в иконке «сообщения» должен быть выше, куда бегут животные на дорожных знаках или зачем заводу пилообразная крыша.
Я когда сам ходил на курс к Серёге, пропёрся от темы про геральдику. Это красивые гербы с Серёгиного сайта:
Запись открыта до 6 августа, если свободные места не кончатся раньше.
Хорошо, что я уже много лет делаю скриншоты всего подряд — многое удаётся проиллюстрировать примерами из своей коллекции. Но не всегда. Бывает, что мне нужно показать что-то, что лет десять назад было обыденностью, и это не приходило в голову снимать и сохранять. Кому нужен простой скриншот Ворда-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!. Там прям всё как в старые добрые времена, но с безупречным звуком. Ещё дают скачать бесплатно на Эктоплазме, но Эктоплазм чаще лежит, чем работает.
Контент-маркетинг — это распространение знаний, связанных с вашим делом. Если делать его хорошо, люди будут чаще заходить к вам на сайт, вспоминать о вас и больше вам доверять. Советы и мой блог привели в бюро и ко мне немало клиентов.
Эгея — это движок блога. То есть программа, которая работает на сайте компании и предоставляет ей инструменты для ведения блога, а посетителям показывает заметки и даёт писать комментарии (если это нужно).
Сделайте блог на Эгее частью сайта своей компании.
Эгея умеет мимикрировать под стиль сайта. С её помощью можно организовать раздел «Блог», который будет выглядеть как страница вашего сайта. Так сделано у меня. Со стороны и не скажешь, что блог — отдельный кусок сайта, выглядит-то так же.
После того, как Эгею установишь, пользователю не нужно ничего знать про серверы, базы данных и ХТМЛ. Нет даже никакой «админки» — всё управление происходит прямо на сайте. Просто тот, кому можно, видит иконки «плюсик» (добавить заметку), «карандашик» (отредактировать заметку) и ещё несколько.
Сейчас, когда я пишу эту заметку, у меня верх страницы выглядит так:
Справа сверху — иконки новой заметки, черновиков и настройки, чуть ниже — мусорка, чтобы удалить.
Во многих текстовых редакторах можно выбирать любые шрифты и цвета. Опытному дизайнеру это помогает сделать заметки выразительнее, но большинству это только портит текст — просто посмотрите среднестатистическое объявление в налоговой, набранное в Ворде. В Эгее легко настроить стили заголовков, цитат и других типовых элементов текста, но нет лёгкого способа написать каждое слово по-своему. Поэтому ваш автор не превратит блог в уголок позора на сайте.
К разделу блога легко прикрутить аналитику — просто вставляете код в настройке:
Написанную заметку можно распространить по соцсетям. Если в ней есть картинки, Эгея подсунет их так, чтобы они стали обложками. Но кайф в том, что она будет на вашем сайте и после того, как все соцсети закроются. И поисковики её будут там находить и приводить вам (а не Фейсбуку) клиентов.
Напишите мне, если хотите начать пользоваться, но не знаете, как начать.
Расскажите компаниям об Эгее, а мне — о компаниях, которым она, на ваш взгляд, будет полезна.
У некоторых людей есть личная и рабочая почта. Ты им пишешь письмо, а они говорят: «Что-то мне не приходит. Может, ты на рабочую скинул?» Может и на рабочую, чувак. Сходи на работу да проверь. Вот мне делать больше нехрен, как в сложностях твоей жизни разбираться.
Но многие так живут и даже не замечают всего абсурда этой ситуации.
