Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Эпл

Телеграм за неделю 11—15 сентября 2017

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

Понедельник, 11 сентября

Илья Страйков показывает невероятно красивую неведомую панель управления:

Смотрите, мы опубликовали карты Московского марафона и других забегов серии:
http://bureau.ru/projects/moscow-marathon/

Обязательно идите смотреть в ведро (кажется, одно из самых длинных на сайте). Начало всегда смотрится особенно страшно:
http://bureau.ru/projects/moscow-marathon/recycled/

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

А в реальности всё изменилось, и сейчас уже выглядит так:

Вторник, 12 сентября

Номер дома можно написать вот так:

Читатель Антон Репушко: «Привет. По поводу номеров домов: так уже делают где-то в России. Не знаю, что за город на фото» —

Ну, не совсем так, конечно. Но тоже можно.

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

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

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

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

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

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

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

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

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

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

Ещё картинка:

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

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

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

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

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

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

Читатель Иван Акулов: «А это в новых айфонах ты видел, кстати?».

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

Воскресенье, 17 сентября

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Предыдущий раз я делал такую распечатку в июле. Тогда я написал, что не буду делать это каждый раз.

Теперь я понял, что я бы хотел, чтобы архив телеграма оставался у меня в блоге. Хорошо бы, чтобы в каждый воскресный вечер выходила заметка. Ну или раз в две недели, если неделя выдалась не очень активная. Собирать такую заметку регулярно мне некогда. Если вы вдруг готовы вечером воскресенья приносить мне её заметку, чтобы я просто опубликовал, напишите, пожалуйста. Я вам расскажу, как всё делать. И да, я бы опубликовал задним числом более ранние недели тоже.

Что почитать на выходных — 155

Вот:

  1. Тарифы без сносок для Модульбанка. Люда Сарычева навела порядок.
  2. Leaked recording: Inside Apple’s global war on leakers. Непонятно, откуда материал для статьи.
  3. WWDC 2017 — Some Thoughts. Стивен Синофский комментирует ВВДЦ.
  4. Выигрывает всегда казино. Никита Прокопов о дизайне Букинг.кома.
  5. Выключка по знаку. Игорь Штанг.

Хотите стать спонсором рубрики? Пишите: ilyabirman@ilyabirman.ru

1 июля   дизайн   типографика   чтиво   Эпл

Как сделать окно браузера нужного размера?

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

Как сделать окно браузера нужного размера?

Но откуда у меня взялось это меню вместе с пунктами? Я просто написал скрипты. Запускаете редактор скриптов:

Как сделать окно браузера нужного размера?

Пишете в нём что-нибудь в таком духе:

tell application "System Events"
	set frontMostApp to (name of first process where frontmost is true)
end tell

tell application frontMostApp
	set allWindows to (every window where visible is true)	
	set frontWindow to item 1 of allWindows
	tell frontWindow
		set bounds to {0, 21, 1024, 1557}
	end tell
end tell

И сохраняете. Теперь при запуске этого скрипта активное окно будет становиться нужного размера. Но это скорее всего будет Файндер, ведь вы из него запустили скрипт. Поэтому идёте в настройку редактора скриптов и включаете там меню скриптов снизу:

Как сделать окно браузера нужного размера?

Заходите в это меню, жмёте Open Scripts Folder → Open User Scripts Folder. Перемещаете свой файл скрипта в эту папку — и всё, этот скрипт показывается в меню.

Таким образом можно делать любые скрипты для любых приложений, например у меня несколько полезных для Айтюнса написано:

Как сделать окно браузера нужного размера?

Пользуйтесь компьютером для автоматизации всего. Его специально для этого придумали. Я это ещё писал тысячу лет назад, когда можно было только дебильным Эплскриптом пользоваться, а сейчас там уже Джаваскрипт работает.

Фил Шиллер и Крег Федериги снова в гостях у Джона Грубера

Это становится традицией:

При обновлении на Ай-ОС 10.3 произошло невероятное: сотни миллионов устройств во всём мире перешли на новую файловую систему АПФС, и пользователи даже не заметили этого. Это как если бы в вашем доме заменили фундамент, пока вы играли в дженгу. Крег рассказывает, что апдейты 10.1 и 10.2 на самом деле тоже конвертировали систему в АПФС, проверяли, что всё на месте, и присылали в Эпл отчёт, прошла ли конвертация гладко, но оставляли старую систему (чтобы понять, как это вообще возможно, нужно знать немного об устройстве АПФС).

А ещё Джон рассказал, что когда начали показывать Аймак-про, ему пришла СМС от Билла Эванса (из пиар-службы Эпла): «Это не Мак про, если что».

2017   видео   Эпл

Что почитать на выходных — 150

Вот:

  1. The Mac Pro Lives. Эплы позвали Грубера на секретный круглый стол, где рассказали о том, что Мак будет жить. В этом году выйдет про-версия Аймака, а в будущем обновится Мак-про и вернётся эпловский экран.
  2. There are no small changes. Почему иногда кажущееся малюсеньким изменение продукта требует огромной работы.
  3. Психотерапевт назвал топ-3 сексуальных расстройств женщин. Под жёлтым заголовком на каком-то левом сайте удивительно здравые мысли. «Любовь — не когда смотрят друг на друга, а когда смотрят в одну сторону». «Печать в паспорте ничего не меняет для умного человека. А для дурака — меняет».

Однажды в Википедии: Волны-убийцы

Спасибо спонсору рубрики — рассылке «Дизайнерский дайджест».

2017   жизнь   Мак   чтиво   Эпл

10 лет Айфону

Трудно себе представить, насколько другим был мир ещё 10 лет и 1 день назад. Кадры исторической хроники:

Если вы вдруг не видели это, то стоит посмотреть, особенно первые минут 15. Даже если вы предпочитаете Андроид, посмотрите, хоть узнаете, откуда он взялся. Лучшая презентация Джобса, из-за которой «аналитики» оказывались «разочарованными» всеми последующими.

См. также: 5 лет Айфону (кажется, вообще вчера было).

2017   Айфон   видео   Эпл

Что почитать на выходных — 145

Вот:

  1. Developers’ side projects. Джоел Сполски рассказывает, как страшно в Америке программистам жить.
  2. The Case Against Progressive Enhancement’s Flimsy Moral Foundation.
  3. Why time management is ruining our lives. «The better you get at managing time, the less of it you feel that you have». Это да. «Part of the problem is simply that thinking about time encourages clockwatching, which has been repeatedly shown in studies to undermine the quality of work». И это да. Но вот это: «Work expands to fill the time available for its completion» — я не понял, почему проблема. Это подаётся так, будто настоящая цель тайм-менеджмента — максимизация времени безделья.
  4. Apple’s 2016 in review. Очередной разнос Эпла. Что-то последнее время их пишут все кому не лень; этот очень хороший. Про Мак Про (который не обновлялся четыре года): «what they built was a device based around their own ego needs of proving their critics wrong, not a device that served the purposes of their power users». И ещё: «They really miss Katie Cotton, because they seem to have gone tone deaf on how they explain the story of the product». Вообще, увольнение Кейти — самое удивительное решение Эпла за последнее время.
  5. Сначала конструкция, потом сетка. Игорь Штанг.
  6. Великая Отечественная Война. В разное время так назывались разные войны.

Однажды в Википедии: Moving sofa problem

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

Что почитать на выходных — 144

Это как обычно, что я залайкал в «Инстапейпере»:

  1. Why Snapchat’s Design is Deliberately Confusing. «The machine assumes itself is a big enough deal that it’s your fault if you don’t know».
  2. Медузы и жопы. Красивый рассказ про множество Мандельброта.
  3. Летом Женя подарила мне получасовой полёт. Никита Иванов клёво описывает ощущения.
  4. How Apple Alienated Mac Loyalists. Марк Гурман.
  5. Как устроить свою работу, чтобы было интересно. Конспект недавней лекции Людвига.

А ещё отдельно хочу рассказать вам про блог Даниила Соколовского (Daniel Lesden). Даниил пишет что-то вроде бюрошных советов, но про дело электронного музыканта. В отличие от дизайна, эта тема вообще очень плохо освещена. Он рассказывает про всё, от нюансов настройки конкретных фильтров до отношений между музыкантами и лейблами. У нас к вопросам прикладывают макеты, а у Даниила — кусочки треков:

  1. Kick, bass, and missing drive. «Вот мой трек в фа-мажоре, и мне не нравится, как звучат бочка и бас. Как добавить драйва?»
  2. Psytrance bassline equalization. «У меня бас в ми-миноре с небольшим шумом, и я хочу понять, как правильно эквализировать нижние средние и срезать 12 дБ НЧ-фильтром на 30 Гц и ВЧ-фильтром на 800 Гц. Я немного добавил на уровне 82,4 Гц и уменьшил на уровне 164,8 Гц, и вроде звучит неплохо, но я не уверен, что делаю то, что надо».
  3. Making atmospheric effects. «Как известные пситрансовые музыканты делают спецэффекты?»
  4. Criteria of professional production. DJ-friendly arrangement. Крутые схемы устройства треков.
  5. Rhythm structure basics. Тыща примеров.
  6. What is sound. Энциклопедическая статья.
  7. Label re-released a track without my consent. Is it okay?

Подпишитесь обязательно.

Спасибо спонсору рубрики — брокерской компании Нэттрэйдер. Инвестиции на бирже это не ядерная физика. Попробуйте научиться на бесплатном демосчёте в удобном веб-терминале Tradernet.

Что почитать на выходных — 140

Вот:

  1. Про животных и людей. Марина Сафонова законспектировала лекции.
  2. Педант. Недавняя крутая серия техноведра.
  3. Collaborative Editing in JavaScript: An Intro to Operational Transformation. Объяснение OT (я уже давал ссылку на эту статью в недавней заметке про автосохранение в Эгее).
  4. Couples that are comfortable talking about poop are the happiest couples. Как у вас с этим?
  5. Как мгновенно понять, что ты не сечешь фишку. Людвиг.

И отдельно про новые Макбуки:

  1. Benjamin Button Reviews The New MacBook Pro. Если бы время шло в обратную сторону.
  2. The MacBook Pro is a lie. Влад Савов замочил на «Вёрдже».
  3. New MacBook Pros and the State of the Mac. Это самое брутальное. Подборка негативных комментариев разных людей к новым компьютерам.

Спасибо спонсору рубрики — брокерской компании Нэттрэйдер. Это удобный вариант для инвестиций в акции на рынках России, Европы и США. Брокерский счёт открывают удалённо и за один рабочий день.

Ранее Ctrl + ↓