Канал Ильи Бирмана
25 Oct 2017 18:32
Вот мой прошлогодний совет об увеличении фоток. «Если бы я мог дать один универсальный совет веб-дизайнерам, который подойдёт наверняка, я бы дал такой: Увеличьте фотографии» —
http://bureau.ru/bb/soviet/20160614/
Читать полностью…
Канал Ильи Бирмана
24 Oct 2017 21:55
Если вам понадобится нарисовать заглавную версию знака @, то можно так:
Читать полностью…
Канал Ильи Бирмана
24 Oct 2017 12:20
Скорее всего вас постоянно мучает вопрос: как заплатить мне денег. Для вашего удобства я собрал все способы и поводы в одном месте:
https://ilyabirman.ru/meanwhile/all/how-to-pay-me/
Читать полностью…
Канал Ильи Бирмана
24 Oct 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 Oct 2017 19:25
Готова Эгея 2.7 (сборка v3239) с трансляцией на центральный сервер, большими улучшениями в темах, клавиатурным управлением в редакторе и другими штуками.
Все подробности — в огромной заметке с картинками:
https://ilyabirman.ru/meanwhile/all/aegea-2-7/
Читать полностью…
Канал Ильи Бирмана
23 Oct 2017 10:13
Куаркоды в музеях — отстой и мусор. Когда сканируешь куаркод, чтобы узнать про картину, никакой магии нет.
Я сто лет назад сказал, что магия будет тогда, когда телефон будет картины и без куаркода узнавать, и вот оно, наконец, случилось:
https://smartify.org/
Читать полностью…
Канал Ильи Бирмана
22 Oct 2017 17:31
Скоро очередная защита дипломов в Школе стажёров. Повторю свой летний видос про то, что там говорить:
https://ilyabirman.ru/meanwhile/all/chto-govorit-na-zaschite-diploma/
Читать полностью…
Канал Ильи Бирмана
21 Oct 2017 13:07
Если улица называется существительным, ей не нужно слово улица:
— Охотный ряд, а не «улица Охотный Ряд»,
— Кузнецкий мост, а не «улица Кузнецкий мост»,
— Большая Якиманка, а не «улица Большая Якиманка».
Если вам не режет слух «улица Арбат», то с вашим слухом что-то не так. Чтобы почувствовать, как это звучит, попробуйте добавить ещё родовых слов: дорога «Улица „Арбат“».
То же в других языках: Пикадилли — это просто Пикадилли, Унтер-ден-линден — это просто Унтер-ден-линден, Бродвей — это просто Бродвей, а Елисейские поля — это просто Елисейские поля.
Если улица называется прилагательным, то слово «улица» нужно ставить после названия:
— Гороховая улица, а «улица Гороховая»,
— Садовая улица, а «улица Садовая»,
— Большая Морская улица, а «улица Большая Морская».
Удивительно, но только со словом «улица» возникает эта нелепая инверсия. Никогда не услышишь «набережная Дворцовая» или «проспект Адмиралтейский», только в нормальном порядке. Но вот «улица» чем-то людям не угодила, и её иногда ставят в начало. Правда, в Питере как раз в основном нормально говорят.
Читать полностью…
Канал Ильи Бирмана
21 Oct 2017 00:29
Трудно придумать более бессмысленный список. Ничего не говорящие номера; даты, которых я не помню и самый яркий элемент — абсолютно одинаковые кнопки «Подробнее о заказе».
Нормальный дизайнер автоматически повышает информативность всего, что видит. Единственная причина не делать этого — что это как-то впрямую вредит бизнесу (например, операторам мобильной связи не выгодно, чтобы вы всегда видели свой баланс на экране).
В данном случае надо около каждого заказа подписать хотя бы словами через запятую, что в него входит. Но можно и с маленькими картинками. Чтобы узнать синие джинсы хватит и совсем иконочек.
Читать полностью…
Канал Ильи Бирмана
20 Oct 2017 10:18
Эти четыре аббревиатуры должен знать любой дизайнер:
ЛВУ — левый верхний угол,
ПВУ — правый верхний угол,
ЛНУ — левый нижний угол,
ПНУ — правый нижний угол.
Читать полностью…
Канал Ильи Бирмана
19 Oct 2017 23:26
Улицы в городах принято называть в честь каких-нибудь там героев, политиков или, допустим, писателей. Иногда проектируют новые микрорайоны и в них улицы называют как-нибудь на одну тему. У нас в районе бывшей Тополиной аллеи сейчас одни академики: улица Академика Макеева, улица Академика Королёва, улица Академика Сахарова.
В прошлом у улиц были куда более приятные названия: их называли исходя из того, в какие населённые пункты они ведут («Уфимская»); не стеснялись использовать простые, но очень милые прилагательные («Вишнёвая»). В Челябинске вот есть Солнечная улица, и я хочу, чтобы таких классных названий было больше.
Я предлагаю, проектируя новые районы, отказываться от политиков и писателей и переходить к каким-нибудь ранее не использовавшимся персонажам. Например, в разных микрорайонах:
Берлинская, Парижская и Лондонская улицы (Свердловский проспект есть, а Парижского нет, при том, что Свердовска нет, а Париж — есть; где справедливость?);
Унтер-ден-линден, Елисейские поля и Пикадилли (должны быть свои в Челябинске, почему нет-то?);
улицы Сократа, Платона и Аристотеля (они круче любых академиков);
улицы Треугольников, Прямоугольников и Кругов;
улицы Иванова, Петрова и Сидорова (просто, сразу куче людей приятно будет);
улицы Кюхельбеккера, Дельвига и Пущина (чтоб напомнить);
улица Петруши Гринёва очень нужна, как и улица Алёши Карамазова;
можно ещё сделать улицу Покойного Ивана Петровича Белкина;
улицы Воробьёв, Соловьёв (птиц таких, т. е. без -а в р. п.), Снегирей и Голубей;
улицы Львов, Слонов, Бегемотов, Медведей и Кенгуру;
Еловая, Сосновая и Берёзовая улицы;
Марсианская и Юпитерская улицы (но чтоб без Венерической, конечно);
улица Деда Мороза и улица Снегурочки;
улица Увильдов, Аргазей и, скажем, Касаргов;
Цифровая и Аналоговая улицы (у нас, кстати, Механическая есть);
улицы Теннисисток, Волейболисток, Биатлонисток (а то Металлургов и Строителей — пожалуйста, а мирных-то профессий нет).
Кусок улицы Братьев Кашириных, построенный на месте Тополиной аллеи, я бы официально переименовал в Тополиную аллею. И я до сих пор жду, что Советскую переименуют в улицу Джона Леннона.
Читать полностью…
Канал Ильи Бирмана
19 Oct 2017 02:56
И новости амстердамской проституции:
https://ilyabirman.ru/meanwhile/all/novosti-amsterdamskoy-prostitucii/
(Если что-то совсем не про дизайн, я не отправляю в канал текст целиком, а ставлю ссылку на блог.)
Читать полностью…
Канал Ильи Бирмана
17 Oct 2017 23:06
Несколько мыслей про фейс-айди.
Когда появился тач-айди, он был вроде бы только для разлочки телефона. Потом появилась покупка, потом добавилась возможность дополнительно прикладывать палец для доступа во всякие банковские приложения.
Фейс-айди пока анонсировали для разлочки телефона и чтобы улыбаться какашкой. Но благодаря этому мы увидели, насколько хорошо телефон распознаёт твою мимику.
Я жду, что в 12-м Ай-ОСе появится управление мимикой. На уведомление можно будет поморщить нос, чтобы его закрыть. Или можно будет подмигнуть книжке правым глазом, чтобы она переключилась на следующую страницу.
А ещё круче станет, когда распознавание речи научится читать по губам. Иногда удобнее продиктовать, чем печатать, но не всегда хочется издавать звуки, если ты среди людей. А тут сможешь нашептать тихонечко, и всё нормально.
Ну и я уже писал как-то, что телефон сможет пользоваться знанием о том, смотришь ли ты на него, и делиться этим с доверенными программами. «Фейсбук хочет знать, смотрите ли вы на него, разрешить?» И морщишься, такой, и система не даёт Фейсбуку палить, смотришь ли ты на него.
Конечно, это должно приехать на ноутбуки скорее тоже.
Ещё есть ощущение, что я даже близко не могу представить, что это штука вообще сможет делать через пару лет.
Читать полностью…
Канал Ильи Бирмана
17 Oct 2017 15:49
А это рядом клёвая ваза для фруктов стоит:
Читать полностью…
13026