ErBlog

№1 Заметки к докладу "Level up your scroll UX". Доклад о том, что можно сделать с прокруткой, используя только CSS. Карточки, навигация, даже интерфейс Nintendo Switch. А ещё, рецепт Ultimate Scroller.

№1 Первая лекция курса «Успеть всё», специально для меня, раз уж я на этой неделе ничего не успел 💔. Тут надо быть крайне осторожным. Я уже много чего знаю про Time Management. Потому что то, что я знаю, мне никак не помогает. А помогает то, что я использую.

№22 Оказывается, отпечаток пальца рисовать почти так же сложно, как мозг. В этот раз мы тоже будем использовать шаблон, который потом сотрём. Отпечаток пальца — это уникальный узор от изгибов на коже, который выглядит довольно фрактально. Он состоит из линий примерно одинаковой толщины, которые закручены по кругу или плавно изгибаются. Чтобы нарисовать отпечаток, мы возьмём полукруглую форму, которая будет примерно похожа на то, какой формы след оставит большой палец, если вы намочите его и приложите к бумаге. Нарисуем эту форму и начнём её постепенно заполнять. Я начал с одной изогнутой линии и потом вокруг добавлял новые линии и изгибая их. Чтобы узор получился уникальным, можно добавить ещё несколько линий, вокруг которых будем изгибать остальные. Линии иногда лучше прерывать, оставляя в них пробелы, тогда изображение получится более реалистичным. Когда заполните весь шаблон, убирайте его и получится рисунок отпечатка пальца.

№6 Последняя лекция из курса «Любимые привычки». Как объединять привычки в систему, так чтобы они усиливали друг-друга.

№21 Градусник - отличное применение законов физики. Стеклянная колба, наполненная ртутью или спиртом. Объём жидкости зависит от температуры. Чем теплее жидкость - тем выше она поднимается по колбе. Просто и надежно. Для того, чтобы нарисовать градусник, достаточно изобразить колбу. В низу расширение для жидкости, над ним - узкая вытянутая трубка, вдоль которой нанесена шкала. Вокруг можно добавить корпус, а можно и без него.

№5 Пятая лекция из курса «Любимые привычки» про то, как использовать окружение, чтобы упростить себе жизнь.

№20 Прежде чем начнем рисовать канистру, надо про нее немного рассказать, потому что штука эта весьма интересная. Дело в том, что в ней есть много крутых дизайнерских решений. Во-первых, у канистры три ручки, поэтому ее можно тащить вдвоем за крайние ручки или одному за среднюю, в зависимости от того, насколько она тяжелая. Далее, у нее есть специальный воздушный карман, который находится выше горловины, поэтому если ее залить до краев, а потом уронить в воду, то она всплывет. Для жесткости у нее есть специальные углубления на боковых стенках. Они также помогают канистре не порваться при нагревании и остывании. Горлышко тоже довольно хитро устроено. Во-первых, в него встроена крышка. Во-вторых, на картинке этого не видно, но в горлышке есть специальная трубочка. Одним концом она торчит из горлышка, а другим заходит в воздушный карман. Благодаря этому, когда из канистры начинаешь лить что-то, она не булькает, жидкость течет ровным потоком. Теперь начнем рисовать. Тушка канистры имеет соотношение сторон примерно 4 к 6. В верхнем левом углу у нас будет выпуклость для воздушного кармана. После того, как мы справились с формой, надо добавить ручки, горловину и рельеф на боковой стенке. Можно еще добавить цвета.

№4 Четвертая лекция из курса «Любимые привычки», про то, как начать ожидать неудач и что с ними делать. Непривычное вызывает дискомфорт и сопротивление. Воля истощается, стоит её экономить. Если вы не ошибаетесь – значит, вы не делаете нового.

Шум Благодаря этой особенности люди способны удержать в голове модель мира, не перегружая мозг. Из-за неё же трудно поверить, что человек с противоположным мнением искренен. Сложно принять, что у другого человека другой мир в голове. Вместо этого кажется, что мир только такой, каким его видим мы, а все, кто с этим не соглашаются, делают это назло нам. Отсюда обвинения в ангажированности, продажности или глупости. Мир был бы уютнее, если бы мы могли почувствовать мир другого человека, но мы, увы, не можем.

№19 Мозг — это, наверное, самая сложная штука, которую я рисовал. С одной стороны, это загогулины определенной формы. Но с другой стороны, я очень много раз пытался, и получалось прям плохо. После очень большого количества попыток я всё же наловчился. Попробую сегодня рассказать, как. Проще всего нарисовать мозг, сперва нарисовав шаблон его формы. Шаблон надо будет заполнить извилинами, а потом — стереть. Начинаем заполнять шаблон извилинами. По одной за раз. Они не должны быть слишком симметричными или одинаковыми. Это будет выглядеть неестественно. Они не должны быть слишком разными. Это тоже будет выглядеть неестественно. Толщина должна изменяться незначительно. А изгибы не должны быть на разный угол. Смотрите на фотку настоящего мозга и пробуйте, пока не почувствуете, что начинает получаться. Когда форма полностью заполнена изгибами, остается закрасить просветы и добавить внизу ствол и мозжечок. Получился мозг. Вы великолепны!

№3 Третья лекция из курса «Любимые привычки», про то, как упростить формирование привычек. Привычки приживаются только если они нам подходят и мы понимаем зачем они нам. В начале пути повторение действия важнее качества самого действия. Привычки объединённые в цепочку подпитывают друг друга 📖 Рекомендация книги по теме: Нанопривычки Би Джея Фогга.

№18 Начинать лучше с отверстия в головке. Оно довольно просто рисуется: две параллельные прямые линии, соединенные с одной стороны изогнутой. Прямые линии немного длиннее. Загнутая часть нужна, чтобы в нее угол гайки помещался. После того как у нас получилось отверстие, вокруг него довольно легко нарисовать рожки. От них продолжаем вниз ручку. В ручке делаем дырку. При желании можно добавить объем.

№2 Вторая лекция из курса «Любимые привычки». Почему привычки сложно менять? Как упростить изменение? Как не сломаться в процессе? Из интересного: Трение можно с пользой для дела и уменьшать и увеличивать. Важно всегда иметь запасной план.

№17 Кирка нужна, чтобы добывать руду в шахте или пахать грядки. С одной стороны у неё острый кончик, с другой – широкое лезвие. Всё это держится на рукоятке, обычно сделанной из дерева. Рисовать кирку начнём с большой дуги её головки. После этого добавим симметричные изгибы с внутренней стороны, придав им объём. Остаётся добавить рукоятку.

№1 Сегодня начал изучать курс от Level One «Любимые привычки». Первая лекция была про формирование привычек с точки зрения нейробиологии. Уровни мышления, зачем людям привычки и из чего они состоят. Состоят они из повторения петли: сигнал, действие, награда.

№16 Иногда, чтобы нарисовать картинку, проще всего взять готовый рисунок и обвести его. Можно использовать кальку, светящийся экран или цифровую рисовалку. Этот способ хорошо подходит для машин и зданий. Чтобы нарисовать автомобиль, нужна картинка с автомобилем. Если вы меня знаете, то точно знаете, какой автомобиль я выберу) Сначала нужно нарисовать колёса. Дальше - обвести внешний контур толстой уверенной линией. Потом более тонкой линией – детали и грани. После этого убрать изображение и дорисовать пропущенные детали, тени и цвет. Звучит несложно)

№15 В рисовании пера нет ничего сложного. Оно состоит из центрального стержня и опахала вокруг. Ещё можно линиями показать, что опахало состоит из маленьких волокон. В принципе, всё.

В середине июля 2024 года я на Kickstarter поддержал проект Snap Flow от компании Moft, которая делает всякие интересные аксессуары. Это бумажный блокнот, который крепится сзади к телефону на магнитике. Потом проект долго делали, потом он долго ко мне ехал и вот, в феврале этого года, он наконец-то приехал. Я его распаковал и некоторое время пользовался. Теперь расскажу, что это за штука. Открывающаяся книжкой обложка, со встроенной подставкой для телефона. Внутри есть сменный картридж с блокнотами слева и место для отдельных листочков с заметками справа. Ещё можно прикрепить текущий листочек. Ещё внутри на магнитах держится плоская штуковина, складывающаяся в маленькую ручку. Занятная игрушка. Я время от времени что-нибудь в ней рисую. UPD: Видосы почему-то каряво приложились, так что в каментах я прислал новые

№14 Итак, лошадка. Лошадку рисовать непросто, особенно если надо чтобы она была похожа на лошадку. Я вот что придумал: сперва рисуем прямоугольник с четырьмя ножками-палочками и угловатой шеей и головой. Потом штрихами добавляем толщину у ног так, чтобы они стали более-менее похожи на лошадиные ноги. Дальше добавляем немного деталей к хвосту и гриве. Так постепенно становится понятно, какие линии образуют тело лошади. Следующим шагом пробуем рисовать саму лошадь, начиная с правой задней ноги. От неё снизу идёт пузико, а сверху - спина. Потом левая задняя нога, которая за пузиком. Правая передняя на переднем плане. Грудь продолжает пузико, а за ним - левая передняя нога. Затем шея и голова. Голова лошади без ушей и гривы дико похожа на голову динозавра. В конце добавляем ушки, гриву, хвост, глаза и мелкие детали. Получается лошадка.

Зацените запись моего выступления на WSD 2025. Там про то, как я начал рисовать скетчи и почему вам тоже может захотеться их рисовать.

№13 Для того чтобы нарисовать сову, просто нужно совершить два шага: Нарисовать два овала Дорисовать остальную сову Если простой способ вам не подходит – начните с глаз. У совы большие круглые глаза, а над ними – строгие брови. Ещё между глазами есть клюв. Вокруг моськи у совы довольно круглая голова, под ней пухлая тушка, а внизу самое сложное – лапы с когтями.

№12 В рисовании носков главное – поймать форму. Они облегают стопу, поэтому есть вогнутая часть на подошве и над пяткой сзади. Когда форма получилась – можно добавить деталей: полоски, цветные кончики или пятки. Всё. Добби свободен!

Я недавно решил потыкать в заброшенные подкасты, на которые подписан, и выяснил, что с октября 2023 года подкаст Два по цене одного ожил и выходят новые выпуски. Когда-то давно, еще в позапрошлой жизни, я его слушал, и это было прикольно. Я выкачал и за пару недель послушал все новые выпуски. Подкаст выходит раз в неделю, так что я вместе с Ильёй и Александром перепережил последние два года. Некоторые события переуложились в голове, некоторые открылись с другой стороны. Как будто книгу перечитал. А ещё классно было ощущать, что где-то есть люди, которые так же, как и я, пытаются понять, с какой стороны подходить к политике, начинают скучать по еде, которая раньше была безразлична, и то и дело охреневают от происходящего. У меня вообще круг общения небольшой, а после переезда в Белград стал ещё меньше, а тут два кореша болтают за жизнь, и я как будто с ними сижу. Помогает.

№11 ⭐️ Гостевой пост от @rina_kater Рисовать кофемашину может и сложно, а вот гейзерную кофеварку попроще. При этом она точно укоренилась в масскультуре, рисуешь мокапот - запахло кофе. Чтобы нарисовать, я визуально разделила кофеварку на несколько частей: Основа, нижняя часть. Четыре четырехугольника или кривых трапеции. Дуга, которая соединяет верхнюю и нижнюю часть. Оставить место для "носика" и нарисовать продолжение четырех трапеций. Добавить носик и крышку-треугольник. Ручка сбоку и ручка на крышке. Готово, вы великолепны. Если хотите написать гостевой пост – пишите мне на sketch@erblack.me

№10 Одно Кольцо покорит их, одно соберет их, Одно их притянет и в черную цепь скует их В стране по имени Мордор, где распростерся мрак. А чтобы получилось кольцо надо нарисовать большой овал а внутри него овал поменьше, смещенный к краю, И ещё один кусочек овала внутри.