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

18 September 2017 18:33

Для волонтеров сделали отрывные схемы, чтобы выдавали участникам по пути.

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

18 September 2017 12:39

Я не особо придумал, что именно происходит слева — надо додумать; но идея в том, что таблица крутится горизонтально, а боковик залипает, но не целиком, а как-нибудь так, чтобы хватило огрызков слов, чтобы понять, о чём речь.

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

18 September 2017 12:36

Тут некие тарифы, и ничего не влезает. Чтобы было удобнее сравнивать, пришлось разделить на несколько таблиц. Была версия переключать тарифы «биатлоном»:

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

17 September 2017 19:07

И вот тут если первую строчку правой страницы сдвинуть левее, станет лучше со всех точек зрения. Нужно просто решиться отказаться от фиговой недодуманной традиции в пользу нормальной.

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

17 September 2017 19:03

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

Текст справа продолжает текст слева, ну и ладно. Угол выкусывать не надо, потому что и так видно, что это другой кусок текста, чем тот, что слева.

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

17 September 2017 18:59

Как быть? Есть два железобетонных варианта.

Самый надёжный — использовать швейцарский абзац: вместо отступа слева отделять абзацы вертикальным отступом. Так делают на вебе, ну и это же вы видите здесь, в телеграме.

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

Но второй вариант выглядит не очень красиво, потому что, ну, нафига нам эти выкусы у прямоугольников, если и так видно, что это абзац?

А первый вариант может не подходить, если мы почему-то не хотим использовать швейцарский абзац (ну, мало ли) :-)

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

17 September 2017 18:51

Студия Лебедева издала книгу Пола Рэнда «Искусство дизайнера» (я не читал):
https://www.artlebedev.ru/izdal/iskusstvo-dizaynera/

Хочу обратить ваше внимание на этот разворот. Есть книжная традиция — обозначать начало абзаца отступом первой строки. Если вы откроете почти любую недизайнерскую книгу, вы увидите, что такой отступ есть у каждого абзаца, включая первый.

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

13 September 2017 13:11

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

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

13 September 2017 12:48

Это кадр из видоса Эпла, где они объясняют, как горизонтальным приложениями себя вести (тут речь о полях слева и справа, чтобы текст не подлез под выкус). Тоже сначала кажется, что пипец. Самое некрасивое тут — это как верхняя полоска отрезается скруглениями. Хочется её сделать побольше в высоту, и тогда вроде будет окей.

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

Уверен, после пары дней с Айфоном 10 человек просто перестанет замечать эти скругления и выкус, а будет воспринимать картинку целиком, вместе с «невидимыми» частями.

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

13 September 2017 12:45

Бонус: видимо, на Айфоне 10 нельзя включить отображение батарейки в процентах. Отлично! А что с остальными индикаторами? Я пока не знаю, но геолокацию, например, можно показывать вместо сигнала, когда она используется. Блокировку поворота можно и не показывать. Блутус должен быть просто всегда включён, и нефиг это показывать.

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

13 September 2017 12:39

Надеюсь, к Ай-ОСу 12 сделают редизайн статус-ушей такой, чтбы смотрелись получше.

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

13 September 2017 12:38

О, спасибо всем, кто прислал картинку. Я вот эту имел в виду:

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

13 September 2017 12:36

Сейчас не могу найти (может есть у кого под рукой? → @ilyabirman), но где-то в ленте был мокап, у которого статусбар весь на чёрном фоне, то есть кажется, что часы и индикаторы живут как бы над экраном.

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

13 September 2017 12:34

Если отбросить кучу отдельных корявостей, я думаю, что суперважно, что Эплы не стали стесняться выкуса у экрана, а наоборот ведут себя так, будто именно так и должно быть. Причём, слухи-то про выкус были давно, и ясно было, что фон будет залезать в «уши». Например, в погоде это было ожидаемо:

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

12 September 2017 11:04

При этом забыл рассказать Александру, что у него прикольное обозначение парков:

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

18 September 2017 18:33

Юрий из Московского Марафона показывает штукенцию. Можно сделать мультик, чтобы дорожка рисовалась так анимированно :-)

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

18 September 2017 12:38

В первом случае получается странно, что один тариф распалается на кучу таблиц. Во втором нужно постоянно листать, чтобы что-то понять.

Лучше как-то так:

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

18 September 2017 12:35

Даша Засыпкина принесла таблицу и спрашивает, как её сверстать для телефона нормально:

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

17 September 2017 19:05

После заголовка абзацу тоже не нужен выкус, только после абзаца (p):

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

17 September 2017 19:01

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

Выглядит так:

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

17 September 2017 18:55

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

Читателю этот излом в абзаце на правой странице в теории должен говорить «это продолжение текста из левой страницы». На практике же он говорит «у верстальщика руки из жопы».

В Студии Лебедева верстальщики в сто раз круче, чем я, разумеется, и об их профессионализме вообще речь не идёт. Но просто следование этой нелепой традиции приводит к фиговому результату.

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

15 September 2017 19:36

Дизайн для реального мира, кто рисует лучше Малевича, как зарабатывать на дизайне эмоций, что миру до ваших проблем и тред про языки. Что почитать на выходных:
http://ilyabirman.ru/meanwhile/all/weekend-reading-161/

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

13 September 2017 13:10

А это в новых айфонах ты видел, кстати? https://twitter.com/thomasfuchs/status/907764896829452288

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

13 September 2017 12:45

А вот другая картинка, которая кажется ещё более странной:

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

13 September 2017 12:42

Я уверен, что первое ощущение у большинства, что справа лучше (у меня первое ощущение такое же, конечно). Но это не лучше, это лишь привычнее. Помедитируйте над этими картинками, если сомневаетесь. И будьте смелее :-) Если внедряете чё-то новое, внедряйте нагло.

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

13 September 2017 12:39

Вот то, что справа — фигово, потому что противоречит цели. Эплы аж тач-айди оторвали ради экрана на весь перед. После этого скруглять экран как справа — это нужно не знаю кем быть.

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

13 September 2017 12:38

Это вроде и привычнее выглядит, но довольно тупой компромисс: сделали экран на весь перед, а потом зачем-то используем его так, будто его части нет. Главный эстетический кайф большого экрана именно в ощущении, что весь айфон — экран. Выкус этого ощущения не нарушает совсем, и оно важнее формы экрана. Думаю, когда эта штука доедет до айпадов, будет вообще космос.

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

13 September 2017 12:34

Но вот во всяких таких штуках я не был уверен до презентации:

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

12 September 2017 21:02

Новости веб-дизайна. Эпл осознал, что прокрутка круче карусели, и выпустил нормальную главную страницу:
https://apple.com/

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

12 September 2017 11:04

В сегодняшнем совете про транспортные схемы расказываю штуку про планирование маршрутов:
http://bureau.ru/bb/soviet/20170912/