ilyabirman_channel | Blogs

Telegram-канал ilyabirman_channel - Канал Ильи Бирмана

13026

Заметки, советы, находки Чат для обсуждения тем из канала (офтоп нельзя): https://t.me/ilyabirman_chat_2 Классический заблокированный чат канала (там творится дичь): https://t.me/ilyabirman_chat Разместить рекламу: ilyabirman@ilyabirman.ru

Subscribe to a channel

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

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

Читать полностью…

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

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

Читать полностью…

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

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

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

Читать полностью…

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

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

Читать полностью…

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

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

Каждый раз, когда мне попадается какая-нибудь форма, я удивляюсь этому тупняку. Блин, ну при чём тут кавычки?

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

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

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

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

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

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

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

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

Читать полностью…

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

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

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

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

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

Николай Лисов спрашивает в Советах: «На днях пересел за Мак с „ретиной“, и не могу разобраться с разрешением в Фотошопе. Делаю скриншот — макеты получаются в два раза больше. Какой ставить 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%.

Читать полностью…

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

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

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

Читать полностью…
Subscribe to a channel