Вспомнили и решили похвастаться огромным интерфейсным проектом, который мы сделали в 2020 году — интерфейсом веб-системы Гисметео.
Все знают Гисметео как сайт с прогнозом погоды. Но главный продукт компании — профессиональная система для визуализации и обработки метеорологических данных. Системе больше 30 лет, она используется метеорологическими учреждениями, аэропортами, МЧС, армией и в сельском хозяйстве. Чтобы привлечь новых клиентов, упростить обновление и понизить стоимость поддержки, Гисметео решили перевести клиент‑серверную настольную программу в модульную облачную веб‑систему с обработкой данных в реальном времени. Мы спроектировали её интерфейс: разработали дизайн-систему, продумали и помогли внедрить миллиард экранов, нарисовали новые тафтианские палитры закрасок для отображения погодных данных, нарисовали в едином стиле иконки погодных явлений... и ещё кучу всего.
Посмотрите проект:
https://bureau.ru/projects/gismeteo/
И посмотрите ведро:
https://bureau.ru/projects/gismeteo/recycled/
Типографская раскладка Бирмана
Что такое раскладка. Когда вы печатаете на клавиатуре, разным кнопкам на ней соответствуют разные символы. Если вы пишете по-русски, то скорее всего у вас установлены две раскладки — русская и английская. И если вы используете русскую раскладку, но вам нужно ввести слово на английском языке, то вы переключаетесь между раскладками
Что такое типографская раскладка Бирмана. Она включает много полезных символов, которые не поддерживает обычная раскладка. Например, правильные кавычки («»), тире (—), знак евро (€), фунта (£), умножения (×), минус (−), знак зарегистрированной торговой марки (®), копирайта (©), параграфа (§), градуса (°), стрелочки (←→↑↓), неразрывный пробел и другие
Преимущества типографской раскладки. Сделать текст опрятным без типографской раскладки сложно, потому что на обычной раскладке нужных символов либо нет, либо их написание требует запоминания сложных комбинаций клавиш
А на типографской раскладке редкие символы расположены логично, поэтому их легко запомнить
Как вводить символы. На плакате типографской раскладки символы, которые расположены на клавише снизу, вводят с зажатым Alt. Символы, которые расположены на клавише сверху, вводят с Alt+Shift
Комбинирующиеся символы. На плакате типографской раскладки комбинирующиеся символы находятся на плашках. Они позволяют печатать диакритические знаки, которые есть во французском, немецком, испанском, белорусском и других языках. Например, писать на французском символы «é», «è», «î», «ç», не переключаясь на французскую раскладку
Как вводить комбинирующиеся символы. Их вводят с Alt+Shift, и после появления символа нажимают букву, которая в результате образует символ с диакритическим знаком
Раскладка бесплатная. Доступна для Windows и macOS. В остальных системах её можно включить в настройках клавиатуры в пункте «Включить дополнительные типографские символы»
Скачать: ilyabirman.ru/typography-layout
40-минутная видеоинструкция Илья Бирмана о том, как пользоваться типографской раскладкой: ilyabirman.ru/meanwhile/all/typography-layout-video
Плакат типографской раскладки, который помогает запомнить расположение символов: ilyabirman.ru/typography-layout/poster
#awd_tool
В рамках отказа от инсталятора нарисовал аккуратную инструкцию по ручной установке на Мак.
Можно подумать, что это просто четыре скриншота, но на самом деле каждый из них нарисован в Фотошопе, потому что настоящие размеры и цвета некоторых элементов другие, а я хотел, чтобы влезало по две картинки в ширину и при этом не мельчить в них. Ещё один пример незаметной, но совершенно естественной дизайнерской работы.
Раз уж у меня сезон ссылок, а не оригинального контента, то вот вам. Эйблтон анонсировал Лайв 12:
https://www.youtube.com/watch?v=QFCV6EkqRQs
Как всегда видосик очень красивый и сразу всё хочется потрогать.
Видео по вторникам: Питер и Москва с дрона. Красивенько:
https://ilyabirman.ru/meanwhile/all/spb-moscow-drone-video/
В новостях из Газы всё время показывают такие штуки, типа это подземные тоннели.
Многие журналисты делают вид, что это прям схема этих тоннелей, говорят, мол, вот, на схеме показана сложная разветвлённая сеть тоннелей. А картинка максимально тупая: там полтора тоннеля, они зачем-то идут адскими зигзами, да ещё и пересекаются сами с собой. Но журналисты продолжают делать вид, что с картинкой порядок, и прямо показывая её говорят, мол, длина газских тоннелей превышает длину тоннелей лондоского метро.
Понятно, что Израилю известно об этих тоннелях не всё, да и не всё известное они собираются публиковать. Но неужели нельзя было найти дизайнера, который бы хотя бы постарался что-то правдоподобное изобразить?
Нашёл старинные посты «Логика — одна» и «Что делать, если у вас логика не одна», порадовался! Порадуйтесь и вы.
Раз:
https://ilyabirman.ru/meanwhile/all/logic-is-one/
А ещё бывает так: оппонент говорит чушь, ты указываешь на логическую ошибку, а он тебе: «Не всё можно понять с помощью логики». Блин, тупица, я и не пытаюсь понять «всё». Зато с помощью логики вполне можно понять, что ты сказал чушь.
Два:
https://ilyabirman.ru/meanwhile/all/chto-delat-esli-u-vas-logika-ne-odna/
С языком вообще такая штука, что Иван-да-Марья — это не обязательно конъюнкция Ивана и Марьи. Но это не повод утверждать, что «в ботанической логике конъюнкция людей даёт растение».
Стукнуло 40 🎉
Ровно половину жизни я занимаюсь дизайном. И еще половину от этого веду самый распрекрасный канал для умных, вдумчивых и благодарных читателей.
С трудом я научился, как скала, не обращать внимания на волны. Через мой фильтр проходят только самые важные для дизайнера вещи, и следующие 40 лет я посвечу просвещению столько же сил и внимания. А пока некоторые итоги.
1.
Самый лучший дизайнерский скилл, который я приобрел, — распознавать кретинов. Это помогло в работе с клиентами, коллегами и недоброжелателями. После этого моя внутрення верфь обрела спокойствие и смысл. Других ребят штормит от бесполезности, а моя продуктивность автономна от этого.
2.
Любой человек будет пытаться из вас сделать что-то удобное, понятное, «правильное» и послушное. Не тратьте на них свое время. Пойдите лучше композицию поучите.
3.
Не спешите. Примерно 90% сложностей и запутанностей разрешаются естественным путем. От вас требуется терпение и наблюдательность. Задача любого шума — рассеять ваш фокус.
4.
Никогда и ни при каких обстоятельствах не занимайтесь осуждением, оскорблением, остракизмом, буллингом, преследованием и публичным очернением клиентов, коллег, хейтеров, бывших, бывших друзей, даже если вы считаете, что это правильно и честно. Не вступайте с глистами в публичный диалог, чтобы не попасть в их среду обитания.
5.
Цените чужой труд, даже если он не дотягивает. Не вставляйте свои пять копеек, если вас об этом не просили. Вчерашний аматор может завтра вас переплюнуть.
6.
Заводите знакомства с умными, уравновешенными, интересными, относящимися к своему делу серьезно людьми. Будьте для них тоже полезны, и не переживайте, если в какой-то момент они уйдут своей дорогой.
7.
Не разрывайте отношения, не сжигайте мосты окончательно. Оставляйте небольшое окно в виде «Как дела?» и «До встречи». С клиентами особенно. Ну, и заведите себе столько постоянных клиентов, чтобы потеря одного не влияла сильно на ваш доход.
8.
Апдейтьте, апгрейдьте и улучшайте собственные скиллы любыми способами. Становитесь сложнее, интереснее и содержательнее как дизайнер.
9.
Не переживайте, если что-то не получается. Переживайте, когда вы ничего не делаете. А делать нужно что-то каждый день.
10.
Вы можете рисовать самые распрекрасные картинки и дизайны уровня Эппл, но если вы проебываете обещания или теряетесь без вести, то с вами нет смысла работать.
Бонус 11
Не подписывайте контрактов и не берите проекты, которые ставят вас в невыгодное положение, даже при самых заманчивых цифрах.
Впереди еще много трудностей, уроков и постов, но с такими лапулями как вы я не устану никогда.
😘
——
KnowHowToDesign
https://discord.gg/6YCbFTRPhu
steblina">steblina" rel="nofollow">https://www.youtube.com/@steblina
Так, вот ещё болтологический кусочек из зум-посиделок после завершения курса.
Участник курса спрашивает, точно ли обязательно читать Тафти. Отвечаю развёрнуто, в том числе о возможных минусах (!) от прочтения Тафти. 2 минутки:
https://www.youtube.com/watch?v=gCTCA_dQOp4
Ближайший курс пройдёт 11 ноября — 10 декабря, завтра последний день записи:
https://bureau.ru/courses/ui-online/
Это обложка недавней новости про усиление практики на курсе. Написал пост про то, как я её нарисовал:
https://ilyabirman.ru/meanwhile/all/course-ui-practice-cover/
Ничего особенного, дизайнерская рутина. Будет полезно прочитать начинающим дизайнерам, а недизайнерам может быть просто любопытно, куда смотрят дизайнеры.
Бирман говорит, что даже у серьёзных лекций на Ютюбе должны быть кликбейтные обложки:
https://bureau.ru/soviet/20231107/?utm_source=tg-s-s-s231107-071123
Обычно я показываю какой-нибудь полезный разбор с курса, а потом даю ссылку на страницу с отзывами. А тут кусочек, где участники в конце курса рассказывают, как им понравилось. 3 минутки:
https://www.youtube.com/watch?v=zoN15-R2gQ8
Ближайший курс пройдёт 11 ноября — 10 декабря, приходите:
https://bureau.ru/courses/ui-online/
Иногда на семинарах интерфейсного курса у меня случаются философские речи.
Участник сделал интерфейс ввода адреса, и мы обсуждаем ситуацию, когда система такого адреса не знает. С точки зрения программиста это ошибка. А для человека никакой ошибки нет, он живёт по этому адресу! Пытаемся подружить эти два разных мира. 5 минут:
https://www.youtube.com/watch?v=XvPjm7mQ0n8
Следующий курс пройдёт 11 ноября — 10 декабря. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
Центральный парк Нью-Йорка:
https://ilyabirman.ru/meanwhile/all/new-york-central-park/
В аудио по четвергам сегодня Love Spent. Я пришёл к выводу, что это лучшая песня Мадонны:
https://ilyabirman.ru/meanwhile/all/madonna-love-spent/
Аудио по четвергам: Stoppage Time. Вспомнил о существовании этого замечательного трека:
https://www.youtube.com/watch?v=Io8bnya6xrI
Почти 11 минут на одном дыхании. Обожаю хороший прогрессив-хаус за такое.
Продукт и маркетинг подружились, Анна Виленская хочет денег, Бен Шапиро не хочет выбирать Байдена, Ильяхов пришёл в Бюро, а террористам нужно представиться. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-68/
Типографская раскладка 3.9 с фиксом цвета иконки для Мака
Выпустил Типографскую раскладку 3.9:
https://ilyabirman.ru/typography-layout/
В прошлой версии вот эта иконка в зачем-то свисающих теперь под курсором яйцах всегда отображалась красной, а теперь стала красной или чёрной в зависимости от языка, как положено.
В названиях раскладок раньше использовались дефисы, а теперь стали короткие тире, потому что сами Эплы используют короткие в своих названиях, и всё вместе выглядит аккуратнее.
Подробности и несколько абзацев боли — в блоге:
https://ilyabirman.ru/meanwhile/all/typography-layout-3-9/
Кстати, наверное большинство из вас и не в курсе того, насколько Доренко весёлым был ведущим утреннего эфире в своё время. А я ведь тогда делал нарезки, и они до сих пор живы, послушайте-ка:
https://ilyabirman.ru/misc/sergeydorenko/
Просто любую включаешь и кайф.
У меня даже несколько лет был домен sergeydorenko.ru. Потом мне надоело его поддерживать, а самому Сергею он тоже не был нужен, поэтому я выбросил.
Так, что-то такой завал, что даже пост некогда написать. Так что хоть послушайте мою любимую нарезку из давних эфиров Сергея Доренко:
Читать полностью…Если вы ещё не посмотрели кино про Эй-ай-пин, посмотрите:
https://hu.ma.ne/
Я пока не придумал, зачем это нужно, но выглядит интересно и необычно. Футуристическая фигня без кринжовых эффектов «чёрного зеркала».
Что касается ИИ, то я надеюсь, что все эти штуки всё-таки научатся делать обычные телефоны и компьютеры, потому что постоянный тупняк софта из-за неспособности сопоставить два факта очень достал.
В аудио по четвергам — Telebox: Easy (Dub). Этот трек не теряет своего величия с 2002 года. Начал с него сет в Факультете в прошлую пятницу:
https://ilyabirman.ru/meanwhile/all/telebox-easy-dub/
У маков на эпловских процессорах появилась проблема, которой не было на старых маках.
Иногда комп показывает окно, что ему не хватает памяти, и надо закрыть какое-нибудь приложение. Раньше если такое окно и появлялось раз в полгода, то закрытие какого-нибудь Фотошопа, съёвшего десять гигабайт с нулём открытых окон, снимало вопрос.
А теперь если окно вылезло один раз, компьютеру уже ничего не поможет — сколько приложений ни закрывай, окно будет появляться вновь и вновь. На скриншоте я закрыл почти всё, но окно продолжает вылезать каждые несколько секунд!
Проблема есть и на базовом Эйре на M1, и на фаршированном Маке-мини на M2 Про.
Лечится только перезагрузкой.
Или, может, вы знаете секрет, что с этим делать?
Я думал, ребята, которые рисуют дизайны в красивых тетрадках в клетку и потом выкладывают у себя, просто кривляются и изображают творческий процесс. Понятное же дело, что так никто не делает! Однако оказалось, что даже я так делал, но вообще про это забыл. Разбирая вещи наткнулся на блокнот, а в нём такое.
1. Давным-давно я делал сайт компании 500Тек:
https://ilyabirman.ru/500tech/website/
А вот какие-то картинки про него.
2. Ещё когда-то делал интерфейс приложения «Варяг»:
https://ilyabirman.ru/variag/
Про него тоже нашлась картинка!
3. А это фиг знает, что за картинка, и зачем я её рисовал, но можете поделиться своими предположениями. Самое непонятное — это нафига там два креста.
Зе шоу маст гоу он
У группы Квин была такая песня про шоу, которое должно продолжаться:
https://www.youtube.com/watch?v=t99KH0TR-J4
Изначально я её знал как Show Must Go On, потому что всё её так называли. А называли её так, видимо, потому что the там почти не слышно:
https://avva.livejournal.com/3164248.html
Все подпевали без the.
Но песня называется The Show Must Go On. Из-за того, что я привык к названию без the, это the мне всегда казалось каким-то странным: я его воспринимал как артикль, относящийся ко всему названию, типа это не просто Show Must Go On, а та самая, конкретная песня Show Must Go On — The Show Must Go On!
Так бывает, например есть исполнитель The Juan MacLean или подкаст The Finish More Music Podcast.
Однажды до меня дошло, что это просто the show — типа, шоу, которым жил Фредди и группа — вот оно должно продолжаться, несмотря ни на что. Умом я это понял, но само восприятие названия как (The (Show Must Go On)) я победить не могу.
Кстати, Show Must Go On как предложение просто не может существовать, хоть какой-нибудь детерминатив там нужен:
http://www.lel.ed.ac.uk/grammar/overview.html
The, a, this, our, almost every, Freddie’s — что угодно, но совсем без этого предложение не работает.
Обещал рассказать, что там с усилением практики на моём курсе.
Курс четырёхнедельный. На каждой были лекции и задание, и результаты заданий мы разбирали на семинаре. Для кого-то нагрузка была в самый раз, а кто-то мог бы успеть и больше. Я хотел дать больше заданий, но меня ограничивал семинар с разбором — он и так у нас всё время растягивается. Не хотелось, чтобы разбор стал поверхностным.
Но я придумал решение: теперь ко всем заданиям будут выдаваться шпаргалки для самопроверки. Часть комментариев я повторяю из раза в раз, потому что люди ошибаются на одном и том же. Теперь если сдать задание на середине недели, можно получить шпаргалку и улучшить свою работу к семинару.
Только за счёт этого можно сделать вдвое больше. Но на самом деле я добавил ещё и новых заданий, например на анализ существующего интерфейса и на вёрстку виджета. Будем отдельно прицельно прокачивать и логику, и эстетику.
В общем, приходите тренироваться.
Новость в Бюро:
https://bureau.ru/news/2023/ui-online-practice-boost/
Пришло время позвать вас на мой курс об интерфейсе и информации. Ближайший курс пройдёт уже 11 ноября — 10 декабря.
На этот раз на курсе будет больше практики, скоро об этом расскажу подробнее.
А пока — вот вам традиционный кусочек с семинара.
Разбираем задание — программу для хранения документов. В решении участницы чтобы добавить документ, нужно обязательно завести папку. Рассказываю о проблемах с системами, где много сущностей со сложными связями, из-за которых ничего невозможно сделать быстро. А в конце ещё говорю, что лучше использовать стандартные элементы. 5 минут:
https://www.youtube.com/watch?v=xKPaH3XiW-4
Все подробности о курсе, включая программу и отзывы:
https://bureau.ru/courses/ui-online/
Листаю книгу Яны Векшиной Cyrillize — пособие для шрифтовых дизайнеров, не знакомых с кириллицей; комментирую:
https://www.youtube.com/watch?v=lcodFsrrvp4