Бывает, тупанёшь и сделаешь скриншот в буфер обмена вместо того, чтобы сразу в файл на рабочий стол. Казалось бы, надо сделать ⌘V на рабочем столе, и будет там файл как раз. Но так не работает! Компьютер такой: «Хрен тебе, надо было сразу думать».
Читать полностью…Этот пост — заряд уверенности в себе для тех, кто в себе не уверен.
Может, вы думаете: как можно быть уверенным в себе, невозможно же всем нравиться? Кто-то не захочет с тобой работать, кто-то не возьмёт кататься на сноуборде. А если изображать «уверенность», то будешь выглядеть ещё глупее, получив отказ.
Но уверенность в себе не означает уверенность в том, что тебя захотят все. Наоборот: уверенность в себе — это ощущение, что с тобой всё в порядке независимо от желаний других людей. Классно, если захотят, но отказ не демотивирует и не расстроит.
Уверенный в себе человек прямо-таки излучает эту постоянную спокойную готовность к отказу в чём угодно. А с тем, кому не страшно отказать, кто от тебя ничего не ждёт, легко вести диалог.
Иконверк выложил такую картинку с подписью «Graphical details». Есть смысл поизучать просто для повышения разрешения:
https://twitter.com/iconwerk/status/1591012149702594561
Крутилка — нормальный индикатор того, что программа думает. Но в современном вебе всё составляют из кубиков, и каждый может думать сам по себе. В результате получается уродство, когда крутится сразу куча крутилок (рис. 1).
При проектировании нужно сразу учитывать, что грузиться может несколько всего, и придумывать, где в таком случае будет крутилка. В случае с наобором однородных элементов достаточно крутилки в первом. С разнородными сложнее, но обычно её лучше поставить в самый верхний или крупный.
В классическом Айфоне бывал индикатор загрузки в статусбаре (рис. 2). И вроде было какое-то АПИ, чтобы сказать статусбару, мол, у меня в интерфейсе и так есть индикатор, так что не показывай в статусбаре.
Но искусство подумать, чтобы на экране не было шлака, уже забыто даже в Эпле, так что чего ждать от Твиттера.
Рукописный иврит очень красивый, когда его выводят белым по чёрному в меню во всяких модных пекарнях и кофейнях. Но в живой повседневной работе, скажем, архитекторов — тоже кайф!
Читать полностью…Мы открыли запись на мой очередной интерфейсный курс — пройдёт с 3 декабря по 1 января:
https://bureau.ru/courses/ui-online/
Не пугайтесь, последний семинар будет 30 декабря, так что встретить новый год не помешает. Просто доступ к материалам останется до 1 января. Думаю, даже продлим на несколько дней каникул.
В картинках — программа курса и всякие интерфейсы, к которым я приложил руку.
Польза от курса — великая.
Время от времени читаю, что люди страдают из-за разных часовых поясов в команде и с клиентами, путаются во встречах и вообще не понимают, как вести календарь. Учу.
1. Включите поддержку часовых поясов в календаре, если вдруг вы этого почему-то не сделали.
2. Назначая встречу, укажите, в каком она часовом поясе (если он не ваш).
3. В тулбаре выбирайте, в каком поясе отображать ваш календарь и создавать ивенты по умолчанию.
Честно говоря, я не представляю, как вообще поддержка часовых поясов может быть опцией и что происходит, если она выключена.
5. Теперь рукописный алеф. Это что-то типа lc. Какими могут быть соотношения между l и c? Обычно l выше c, хотя бы чуть-чуть. А могут ли они оказаться полностью равными? Поймут ли люди, что это алеф? А в контексте, когда рядом другие рукописные буквы?
6. Какой должна быть c в этом lc? Обычно она весьма открыта, дырка смотрит в любую сторону (вроде вниз чуть более естественно?). А может ли она стать закрытой? Может ли, наоборот, открыться настолько, чтобы стать просто едва гнутой дугой? Могут ли l и c слиться в своего рода k? Или как-то ещё слиться? Вроде да, но я пока не понимаю, что важно здесь, чтобы не потерялась узнаваемость.
Расскажите, что знаете!
Хочу немного разобраться с еврейскими буквами. Начнём с алефа, он довольно простой, его не перепутаешь с другой буквой.
1. Это, кажется, наиболее классическая форма. Бока должны быть выпуклыми, правый втыкается ниже, левый — выше. Возможен вариант, что бока начинаются вертикально, но сгибаются ближе к месту втыкания в диагональ. Вариант, когда бока втыкаются в середине и как бы переходят друг в друга — вроде бы рискованный, хотя в некоторых шрифтах встречается. Обычно тогда штрихи утоньшаются к месту соединения, чтобы всё-таки бока читались как отдельные элементы, а не слитная перегибающаяся линия.
А дальше — вопросы. Могут ли бога не втыкаться, а «вливаться» в диагональ? Могут ли бы не выпуклыми, а «впуклыми», узнает ли кто-то в этом алеф?
Непонятный мне вид досуга — пойти есть мороженое из таких стекляных штук (я недавно узнал, что они называются креманками) в кафе со скатертями на столах. Я прям представляю, как ложка ездит по стенкам, пытаясь соскрести остатки, и мне становится не по себе. И скатерти эти максимально неуместны в контексте мороженого.
Весь кайф мороженого в том, что ты его ешь прямо пока идёшь! Безо всяких ложек и, конечно же, из вафельного стаканчика или рожка, чтобы ничего не пропало. Мороженое — это весело, а на первой фотке — полное уныние.
А, ещё у меня готов плейлист лайков за октябрь:
https://soundcloud.com/ilyabirman/sets/2022-oct
Ладно, Линкедин — это что-то вроде Фейсбука, там вопросами качестве вряд ли кто-то вообще задаётся. Но кто бы мог подумать, что главный экран главного продукта Эпла мне тоже придётся показывать в качестве примера недоделанной хрени?
Что происходит на видео: я двигаю ползунок пальцем влево-вправо. И длина шахты изменяется, потому что зависит от размера времени слева! Но в изменившейся длине шахты та же точка моего пальца означает уже другое время. И это другое время снова приводит к изменению длины. Поэтому оно там дрожит.
Как это дизайнили? Какой опыт у людей, если им даже не пришло в голову, что будет такой глюк? Как программировали? Как тестировали?
Кнопка «Добавить темы +» в Линкедине ничё не делает: при клике ничего не происходит кроме каких-то визуальных глюков в самой кнопке. Ах ё, оказывается, она и есть поле ввода для тем!
Вот нахрена? Ладно ещё изобретают немыслимые элементы управления, похожие на другие элементы управления, ради красоты. Но тут же просто подножка пользователю.
Иногда сложно отнести искомое число к определённому диапазону. Допустим, вы ищете 287 — это на каком этаже? Ой, такого вроде вообще нет.
Лучше так, как ни странно:
6 303 304 305 306 307
5 297 298 299 · 300 301
4 289 · 290 291 292 293 294 295
3 273 274 275 276 277 278 279
2 257 258 259 · 260 261 262 263
1 243 244 245 246 247
0 233
А ещё лучше номера на каждом этаже начинать с номера этого этажа, конечно.
У участника курса почти, но не совсем выровнялись слова. Но тут случай, когда если совсем выровнять, станет чуть ли не ещё хуже. Обсуждаем неудачные выравнивательные связи и другие совпадения, например коридорчики в наборе. 4 минуты:
https://www.youtube.com/watch?v=JFKJHdQJvNQ
Запись на ближайший курс, который будет идти в течение декабря:
https://bureau.ru/courses/ui-online/
Видео по вторникам: симуляция жидкостей с пеной —
https://ilyabirman.ru/meanwhile/all/liquid-simulation-video/
Вчера был семинар курса, разбирали задание на таблицы.
Вообще числа выравнивают по разрядам: запятая под запятой, единицы под единицами, десятки под десятками. Из этой логики нули должны стоять левее, чем на картинке. Но если их так поставить, колоночка получается кривой. Обычно это лечат тем, что пишут «0,0», чтобы правые края в итоге образовали линию.
Но участница Вероника оставила просто нули и просто отодвинула их направо. И получилось отлично! Ведь ноль, хоть тысяч, хоть тысячных — всё равно ноль. Так что можно его выровнять с чем угодно, лишь бы было аккуратно.
Несколько пользователей пожаловались на проблему с установкой типографской раскладки на Макос Вентура (13.0). Инсталятор устанавливает раскладку, но не может её включить в Систем Преференсес, потому что теперь Систем Сеттингс, и он вообще другой.
Как сделать вручную:
1. Установить, увидеть ошибку инсталятора, не расстроиться, нажать ОК.
2. Пойти в Систем Сеттингс в экран раскладок.
3. Добавить английскую и русские раскладки Бирмана вручную.
4. Вуаля.
Раскладки должны будут заработать в программах после их перезагрузки. Спасибо Дияне Хафизовой за помощь и скриншоты.
(А то я когда ещё новый инсталятор напишу.)
В начале прошлого года мы делали с Ильяховым клабхаус про блоги и Эгею. Участники обменялись мнениями. Дискуссия прошла в плодотворном и конструктивном ключе. Слушатель Алексей по нашей просьбе тогда записал.
Захотите — послушайте. Может, у вас какие-то новые мысли появились, тогда пишите в комментариях. Ну и покупайте платную Эгею, пока цена не выросла.
В аудио по четвергам — такая вот ломка:
https://ilyabirman.ru/meanwhile/all/t-kode-escape-from-heart/
— О, а давайте сделаем крючки гладкими, чтобы на них не держались полотенца?
— Идея!
Из очередного совета Бирмана мы узнали, что new — это глагол. Что думаете? Сам совет тут:
https://bureau.ru/soviet/20221108/?utm_source=tg-s-s-081122
2. Бока можно не выгибать, а просто наклонить. Причём можно выпрямить только левый, а правый оставить изогнутым (а можно ли наоборот?). Если бока прямые, их можно приближать друг к другу вплоть до полного совпадения с графемой X. Такой алеф может работать где-нибудь в логотипе, но не в обычном шрифте, кажется.
3. Это вариант, который я себе называю K. Тут левый бок полностью прямой и втыкается в диагональ наверху. Правый при этом может гнуться и двигаться по-всякому. В целом кажется, что левый бок более такой «опорный» для алефа, чем правый; из правого вообще можно сделать завитушку какую-то иной раз.
Тут вопрос такой: а можно ли реально нарисовать K и рассчитывать, что кто-то прочитает за ней алеф?
4. А что, если правый бок сделать полностью прямым? А если оба? Вроде если нарисовать прям N, то уже без шансов? Ведь это графема рукомисного мема (מ).
Авторы этого канала придумали идеальный способ использования кружочков в Телеграме.
(Надо добавить слов «винил», «пластинка», чтобы это сообщение нашлось потом.)
Представляете, я научился в Фигме делать Offset Path:
1. Вот есть у вас кривая, и вам нужно параллельно ей на расстоянии x провести ещё одну.
2. Делаете копию первой кривой, ставите ей строук 2x.
3. Делаете новой кривой Outline Stroke (⌘⇧O) и настраиваете строук по вкусу.
4. Отрезаете лишние точки с ненужной стороны. Готово!
Изврат, но по сравнению с «никак» это хороший вариант!
Туркиш лира
Одно из удивительных наблюдений из Турции — турки говорят «Туркиш лира» даже в бытовом контексте. Типа ты берёшь ч̧ай на паромчике, спрашиваешь почём, а тебе говорят: файв туркиш лира! Да я и сам понимаю, что не мальтийских.
Это можно было бы ещё понять в рыночно-аналитической передаче или даже в обменнике, но тут-то почему? Не могу представить, чтобы в Челябинске бабушка продавала ягоды на остановке и такая: «300 российских рублей!»
В аудио по четвергам — такая вот красота:
https://ilyabirman.ru/meanwhile/all/orbe-hydrogen-in-their-cores/
У участника курса в интерфейсе проблема, связанная с темой «Привычка». Пользователь видит синюю кнопку и жмёт, не читая (такая же проблема была при удалении файла в Гугль-доке). Формулируем проблему и сразу исправляем. 5 минут:
https://www.youtube.com/watch?v=U_9t3-mJXp0
Очередной курс уже начался, когда следующий — пока не знаю. Можно оставить почту, чтобы пришло уведомление:
https://bureau.ru/courses/ui-online/
Разбор дизайна схемы автобусов Дербента:
https://www.youtube.com/watch?v=8emCtOA4rhk
00:00 Интро
01:00 Проблемы существующих маршрутов. Почему плохо, когда маршруты идут по-разному в разные стороны
01:35 1-й маршрут. Расщепление на направление и расположение стрелочек. Выныривание из пучка ради объезда вокруг остановок
03:38 2-й маршрут
04:23 3-й и 10-й маршруты. Объединение в толстые линии. Кружочки в местах расщеплений
05:31 4-й и 7-й маршруты. Хитрости на остановках Автовокзал «Северный» и ТЦ «Дербент». Обозначения односторонних остановок. Парные кружочки по ходу совместного участка
07:30 5-й маршрут. Самый ад. Выноска с объяснением цикла
08:35 6-й маршрут
08:52 8-й маршрут. Много путаницы в центре
09:30 О выборе цветов маршрутов
10:34 9-й маршрут
10:43 Порядок наложения маршрутов при пересечении линий. Принцип «Поворот на виду»
12:34 11-й маршрут
12:50 12-й маршрут
13:11 Организация пучков. Наглый проход красного 9-го прямо поверх зелёной линии
14:34 География и ориентиры. Мосты, море, сетка улиц