Канал Ильи Бирмана

27 October 2017 22:52

Сейчас и теперь:
https://ilyabirman.ru/meanwhile/all/seychas-teper/

Канал Ильи Бирмана

27 October 2017 20:31

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

Но есть одно свойство кнопки, которое пережило весь флет-дизайн: выравнивание текста по центру. Реально, если на плашке написать слово по левому краю, то за кнопку её уже никто не признает.

Канал Ильи Бирмана

27 October 2017 09:33

Илья Синельников справедливо напоминает ещё один пример чёрного и белого на цветном — обложку нашей Школы менеджеров:

Канал Ильи Бирмана

26 October 2017 13:53

Аудио по четвергам: «Огни Сибуи» —
https://ilyabirman.ru/meanwhile/all/filteria-the-lights-of-shibuya/

Волшебный пситранс. Расписал подробно, что именно слушать.

Канал Ильи Бирмана

26 October 2017 00:48

А вот не на цветном, а на сером. У меня на сайте в разделе «Музыка». Особенно мне нравится в мобильной версии с чёрными стрелочками:

Канал Ильи Бирмана

26 October 2017 00:47

Вот подобную штуку мы использовали на «Квартирке» (чёрный крестик):

Канал Ильи Бирмана

26 October 2017 00:46

Я тогда отметил себе, что клёво смотрится, когда на цветном фоне что-то написано и белым, и чёрным (статус-строка тут чёрная).

Канал Ильи Бирмана

25 October 2017 18:33

Когда вам кажется, что дальше увеличить картинки уже просто невозможно, увеличьте ещё в два раза, и будет как раз ок.

Канал Ильи Бирмана

25 October 2017 18:33

в натуральную величину

Канал Ильи Бирмана

25 October 2017 18:32

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

А тут Макс Ильяхов подогнал отличный пример из своего диалога со студентом Школы редакторов:

Канал Ильи Бирмана

25 October 2017 17:08

Конференция Baltic Honeybadger 2017. Про биткоин, в Риге (реклама):
https://ilyabirman.ru/meanwhile/all/baltic-honeybadger-2017-ad/

Канал Ильи Бирмана

24 October 2017 12:48

А ещё я продаю машину (в Челябинске):
https://auto.ru/cars/used/sale/opel/astra/1060254540-9568e/

Канал Ильи Бирмана

24 October 2017 11:21

Видео по вторникам: японский индастриал —
https://ilyabirman.ru/meanwhile/all/japanese-industrial-video/

Канал Ильи Бирмана

23 October 2017 23:21

Остроумно: чуваки используют камеру на айпаде в качестве кнопки —
https://medium.com/astro-hq/camera-button-ba3d8c493cbd

Канал Ильи Бирмана

23 October 2017 14:23

Реклама и пропаганда:
https://ilyabirman.ru/meanwhile/all/propaganda/

Канал Ильи Бирмана

27 October 2017 20:48

Мой троюродный брат Дима Бирман прислал офигенное немецкое автобусное расписание. Оно очень красивое, но понять в нём нельзя вообще ничего:

Канал Ильи Бирмана

27 October 2017 10:25

А я опубликовал лекцию по теме «Модальность». Это лекция для школ бюро, но пусть будет доступна всем:
https://ilyabirman.ru/meanwhile/all/lekciya-po-teme-modalnost/

Канал Ильи Бирмана

26 October 2017 17:31

Я пишу в блог, сюда, во все остальные соцсети, да ещё и снимаю что-то в Ютюб. При этом часто содержимое повторяется. Но не всегда. Читатели запутались и спрашивают: где меня читать, чтобы ничего не пропустить, но и не читать одно и то же по три раза.

Честый ответ: не знаю. Я пока не разобрался с тем, как это всё лучше вести.

Сейчас, кажется, чтобы ничего не пропустить, лучше всего подписаться на твиттер (http://twitter.com/ilyabirman) и телеграм (вы, видимо, уже).

В твиттер я отправляю ссылки на все заметки в блоге и иногда пишу какие-то ещё мысли или делюсь ссылками.

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

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

В фейсбуке и вконтакте дублируется всё из блога — или целиком, или ссылкой, когда как удобнее. Всё, что я выкладываю на Ютюб, публикую в блоге тоже. Ну и тут, конечно.

Но это всё может и поменяться в будущем. Если у вас есть дельный совет, как навести в этом больше порядка, делитесь.

Канал Ильи Бирмана

26 October 2017 09:34

Мой четырёхдневный курс «Пользовательский интерфейс и представление информации» пройдёт в Москве, в нашем «Коворкафе» на Флаконе с 16 по 20 декабря. Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.

Первые два дня — лекции о пользовательском интерфейсе и представлении информации. Третий день — практические задания и разбор результатов. После трёх дней в классе — однодневный перерыв на домашку. В последний день — её разбор.

В октябре в курс добавилась тема «Окна» и появилось новое практическое задание на проектирование фрагмента интерфейса.

Программа курса, отзывы, запись:
http://bureau.ru/educenter/ui/

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

Канал Ильи Бирмана

26 October 2017 00:47

Вот какая-то картинка участника интерфейсного курса. Вроде ничё особенного, но эффект есть:

Канал Ильи Бирмана

26 October 2017 00:46

(Это, кстати, очень крутой сайт https://work.co/)

Канал Ильи Бирмана

26 October 2017 00:44

Когда-то вышла очередная версия Эверноута под айфон, и выглядела она примерно так:

Канал Ильи Бирмана

25 October 2017 18:33

блин, а вот это кстати шикарная идея

Канал Ильи Бирмана

25 October 2017 18:33

с соблюдением теории близости конечно

Канал Ильи Бирмана

25 October 2017 18:32

Вот мой прошлогодний совет об увеличении фоток. «Если бы я мог дать один универсальный совет веб-дизайнерам, который подойдёт наверняка, я бы дал такой: Увеличьте фотографии» —
http://bureau.ru/bb/soviet/20160614/

Канал Ильи Бирмана

24 October 2017 21:55

Если вам понадобится нарисовать заглавную версию знака @, то можно так:

Канал Ильи Бирмана

24 October 2017 12:20

Скорее всего вас постоянно мучает вопрос: как заплатить мне денег. Для вашего удобства я собрал все способы и поводы в одном месте:
https://ilyabirman.ru/meanwhile/all/how-to-pay-me/

Канал Ильи Бирмана

24 October 2017 00:10

Николай Лисов спрашивает в Советах: «На днях пересел за Мак с „ретиной“, и не могу разобраться с разрешением в Фотошопе. Делаю скриншот — макеты получаются в два раза больше. Какой ставить Resolution в макетах (72, 96, 144)? Или нужно где-то ещё в настройке Фотошопа что-то сделать, чтобы масштаб был 1:1 и у меня, и на других компах?»

Отвечаю.

До изобретения «ретины» увеличение разрешения экранов приводило к уменьшению элементов на них. Если 15˝ экран переключить из режима 800×600 в режим 1024×768, пиксели становятся меньше. А поскольку размеры всех кнопок, окон и текста заданы в пикселях, то все элементы становились пропорционально меньше.

На Маках с ретиной разрешение радикально выше, чем на Маках без ретины, поэтому с таким подходом всё получилось бы нечитаемо мелким.

Ретина работает иначе. Если физическое разрешение вашего экрана — 2880×1800 пикселей, то операционная система относится к нему так, будто это экран 1440×900. Если в коде программы у кнопки указаны размеры 80×25 пикселей, система рисует кнопку в 160×50 экранных пикселей. То есть всё рисуется вдвое большего размера в пикселях, но поскольку сами пиксели вдвое меньшего размера, то «наблюдаемые» размеры остаются прежними.

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

Но Фотошоп — это графический редактор, и он показывает ровно те пиксели, которые есть в макете.

Предположим, ещё до ретины вы нарисовали макет страницы сайта размером 1200×5000 пикселей. Если вы откроете этот макет в Фотошопе на ретине, он будет вдвое меньше на вид, чем вы ожидали, потому что на ретине сами пиксели вдвое меньше.

Теперь предположим, наоборот, что вы рисуете веб-страницу в Фотошопе на Маке с ретиной. Если обычная ширина веб-страницы на неретиновом экране — 1200 пикселей, то на ретиновом экране, чтобы получить такие же наблюдаемые размеры, вам понадобится уже файл шириной 2400 пикселей (пиксели-то вдвое меньше). Очевидно, что если вы откроете такой файл на компьютере без ретины, то всё уже будет выглядеть вдвое большим, чем вы ожидаете.

Параметр Resolution никак на это не влияет — Фотошоп отображает пиксели как есть. И на вашем, и на чужих компьютерах Фотошоп и так всё показывает в масштабе 1:1, то есть отображает ровно те пиксели, которые есть в картинке. Разница в наблюдаемых размерах возникает из-за разницы в физических размерах пикселей.

Если вы просматриваете ретиновый макет на неретиновом компьютере, уменьшите масштаб до 50%. Если вы просматриваете неретиновый макет на ретиновом компьютере, увеличьте масштаб до 200%.

Канал Ильи Бирмана

23 October 2017 19:25

Готова Эгея 2.7 (сборка v3239) с трансляцией на центральный сервер, большими улучшениями в темах, клавиатурным управлением в редакторе и другими штуками.

Все подробности — в огромной заметке с картинками:
https://ilyabirman.ru/meanwhile/all/aegea-2-7/

Канал Ильи Бирмана

23 October 2017 10:13

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

Я сто лет назад сказал, что магия будет тогда, когда телефон будет картины и без куаркода узнавать, и вот оно, наконец, случилось:
https://smartify.org/