ErBlog
-

🍔 Бургер
То, как рисовать бургер, зависит от ингредиентов. У хорошего бургера внутри должно быть что-то мокрое, солёное и сытное. Рисовать бургер лучше сверху вниз, потому что на рисунке верхние элементы перекрывают нижние. Готовить лучше снизу вверх. Сверху округлая булочка, под ней огурчики для мокрости, дальше любая котлета на ваш вкус, накрытая сыром для сытности. Под котлету положим салат, чтобы сок не намочил нижнюю булочку. Вот такой получился бургер. -

🎯 Цель
Очевидная метафора для цели – мишень. Неочевидные метафоры интереснее, но если надо нарисовать что-то очень быстро, пока идёт доклад, очевидные метафоры всегда под рукой. У мишени есть яблочко – точка в самом центре и кольца вокруг неё. Обычно чем ближе кольцо к яблочку, тем лучше результат. Раньше стреляли по яблокам, поэтому центр мишени так и назвали. В чёрно-белой мишени чередуются белые и чёрные кольца. В цветную можно добавить ещё и красные. -

🍄🟫 Гриб
Самое большое живое существо на планете – гриб весом 600 тонн. Грибы спасли миллионы людей от смерти. В игре The Last of Us грибы устроили зомби-апокалипсис. Однако все эти знания не помогут нам нарисовать самый обычный гриб. Чтобы нарисовать самый обычный гриб, нужно начать с ножки. Потом ножку надо накрыть шляпкой так, чтобы верх ножки скрывался под шляпкой. Остаётся на нижней стороне шляпки нарисовать пластинки и добавить деталей по вкусу. -

Bridge the Gap between Design and Development, One Token at a Time
Talk about how to build relationships between designers and developers. -

So You’ve Decided to Do a Technical Migration
An exciting tale of migrating from Flow to TypeScript. -

The Shape of AI
Talk about how we can use artificial intelligence and what it can tell us about ourselves. -

Do the next Right Thing
A deep and interesting account of how the Zenko mapping technique can be used to understand the world. -

Sustainable Design for Nature and All People
A thoughtful talk about how to create designs that are beneficial for both the environment and people. -

Symphony of the Web
A very fast and impressive series of demos about new browser technologies. -

Typographer vs. Accessibility
An amazing performance showcasing how to create accessible texts using fonts. -

Our Websites Need a Lifestyle Change, Not a Diet
This talk shows how new browser features are used for better performance. -

From Information to Innovation
A talk on how information was used to create innovations in order to keep up with progress. -

Accessibility in Data Visualisation
This is a report on how to turn big data and charts into accessible information. -

All Users Are Stupid
The awesome talk describes why smart people become stupid users and how to solve that problem. -

Getting to the Glass
A talk about improving performance through simplicity. -

⚖️ Весы
Весы можно использовать как метафору для сравнения разных вариантов. Простые весы состоят из увесистой платформы, над которой на стойке свободно висит коромысло. На краях коромысла - две чаши. Эти весы позволяют определить только то, на какой чаше более тяжелый груз. Чтобы с помощью них узнать вес, нужно на одну чашу положить то, что нужно взвесить, а на другую – столько гирек, чтобы весы уравновесились, после чего сложить веса всех использованных гирек. -

🧊 Айсберг
90% массы айсберга находится под водой. Есть два способа рисовать айсберг. Правильный и неправильный. Неправильный выглядит круче, поэтому я обычно рисую его. Вертикально стоящая глыба льда более явно демонстрирует 90% массы под водой, но бессердечная гравитация обязательно опрокинула бы такой айсберг на бок, так что реалистичная версия – справа. Если не уверены в правильности своего айсберга, всегда можете проверить его тут. -

☂️ Зонт
Зонтик состоит из купола и ручки. Для купола нужно нарисовать большую дугу и две дуги поменьше по обе стороны от неё. После этого повторить эти три дуги ниже так, чтобы центральная дуга была поуже, а крайние пошире. Остаётся соединить края верхних дуг в купол. Ручка выходит из центра купола вниз и заканчивается крючком. Сверху из купола торчит гвоздь. -

🩼 Костыль
Костыль состоит из двух длинных изогнутых труб и одной короткой прямой. В верхней части – подставка для подмышки, в середине ручка, чтобы держаться рукой, на конце – резиновая накладка, чтобы не скользил. Опытный программист способен построить дом, используя только костыли. -

🔵🦷 Bluetooth
Bluetooth это стандарт беспроводной связи, работающей на коротком расстоянии. Так получилось, что стандарт назван в честь короля Гарольда Синезуба, потому что один из авторов стандарта в тот момент интересовался Скандинавией и рунными камнями. Знак Bluetooth это соединение инициалов Гарольда (ᚼ + ᛒ). Он симметричный. Нужно взять вертикальную черту и разделить на 5 равных частей, потом поставить точки на одинаковом расстоянии слева и справа от черты на уровне ⅕ и ⅘. Остаётся соединить линии, чтобы получился знак Bluetooth. Обычно знак изображают белым на синем фоне. -

Little Ivan MK3
Lvl 1 → Lvl 2 → Lvl 3! Little Ivan уже почти большой) -

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

Копаем глубже в Feature-Sliced Design
Заметки к доклада "Копаем глубже в Feature-Sliced Design" с ЯФронтенд2024 Занятный доклад. Ребята взяли методологию, а то что им не подошло поменяли. Попробовал делать заметки в Procreate. Всё-таки жутко он мне неудобный. Запись доклада 🎥 -

🔈 Звук
Звук - это невидимые волны, распространяющиеся в воздухе. Чтобы их изобразить, сделаем их видимыми, а чтобы было понятно, что это звуковые волны, нарисуем динамик, из которого они идут. В динамике есть магнит и катушка. Электричество бежит внутри катушки, из-за чего она двигается относительно магнита и двигает вместе с собой диффузор, а диффузор двигает воздух, от чего и получаются звуковые волны. Катушку на картинке не видно, она внутри. Магнит - черное кольцо слева, а диффузор – внутренняя поверхность корзины динамика. -

Как договориться с кем угодно
Вебинар «Как договориться с кем угодно», который провела Елизавета Радина. Там было про эмоциональный интеллект – способность перерабатывать информацию, содержащуюся в эмоциях, и использовать её для принятия решений. Он позволяет замечать, использовать, понимать и управлять эмоциями. После того как какое-то событие вызывает эмоцию, у нас есть момент, чтобы сделать выбор, какое действие предпринять. Это то место, где можно управлять эмоциями. Пирамида Дилтса – инструмент для налаживания взаимопонимания. Суть в том, что люди, которые не понимают друг друга, общаются с разных уровней этой пирамиды. В самом низу – окружение, на втором уровне – поведение, на третьем – возможности, на четвертом – ценности и убеждения, на пятом – идентичность, и на шестом – цель в жизни. Если кто-то говорит: «У нас великая цель стать великой компанией», а кто-то другой говорит: «Нам нужно в срок выполнить задачу», им будет сложно договориться, потому что они говорят с разных позиций. Если такое замечаешь, то нужно либо спуститься на уровень вниз тому, кто сверху, либо подняться на уровень вверх тому, кто снизу, либо пойти навстречу друг другу. К пирамиде было два примера из фильма про Стива Джобса. В одном Стив вдохновенно рассказывает, что, чтобы стать великими, важно достичь совершенства во всём, а чел ему говорит, что есть проблемы поважнее шрифтов, за что Стив его тут же жестоко увольняет. В другом примере Джобс и Возняк продают платы Apple Computer владельцу магазина. Владелец говорит, что нормальным людям платы не нужны, а нужен целый компьютер. Возняк кричит ему: "Да ты посмотри, какие великолепные платы! Они совершенны!". А Джобс спускается на уровень ниже и замечает, что все остальные комплектующие есть в этом же магазине и владелец заработает больше, продавая периферию вместе с платами. Тут у них получается найти общий язык.