Когнитивная нагрузка Майка Новикова – Telegram
Когнитивная нагрузка Майка Новикова
345 subscribers
172 photos
66 videos
231 links
Эксперименты, открытия, мысли о работе и жизни.

По вопросам пишите в личку канала:
t.me/cogload?direct
Download Telegram
📷 Навигация по каналу. О чем тут пишу.

Привет! Меня зовут Майк Новиков, я междисциплинарный дизайнер коммуникаций с опытом в промдизайне:

🎓 Закончил факультет журналистики, делал инфографику для новостного агентства.

🖌 На фрилансе проектировал айдентику, рисовал логотипы, верстал печатку, оформлял соцсети.

🌸 На любопытстве устроился оператором лазерного ЧПУ станка: научился создавать физические предметы с нуля, освоил моделирование CAD, 3D печать, работу ручным инструментом.

🪄 Научился работать в Blender для визуализации предметов и теперь умею делать 3D для продуктовых страниц и коммуникаций

Сейчас работаю с производственной компанией, которая делает экраны для домашних проекторов и продаёт их на Амазоне

Я проектирую бренд, рекламу, карточки товаров, упаковку и соцсети; продюсирую рекламные ролики, провожу исследования

Зачем я веду канал?
● Разжигаю любопытство
— делюсь результатами экспериментов, находками и проектами, чтобы заряжать себя и других.

● Качаю коммуникацию — регулярно рефлексирую свой путь, критикую взгляды, задаюсь вопросом «а почему я так думаю?»

● Синтезирую опыт чтобы он помог кому-то еще, собираю полезные ссылки, приемы и хитрости, чтобы можно было легко поделиться ссылкой на готовый пост.


Про что я пишу. Хэштег + примеры постов

#любопытство@cogload
Как я стал любопытным
• Как я влюбился в картографию
Дизайнерские голуби (да)
Эффект расширения текста в интерфейсе при локализации
Приключения продавца палок

#inmyhead@cogload
Персональный зал славы
Привычка замечать
Рой пчел в голове и медитация. При чем тут дизайн?
IKIGAI — как найти смысл жизни
Любое дело — это навык
• Как втянуть себя в любое дело через минимальное действие

Почему важно замечать мелкие штуки каждый день
Шаблон ежедневного журнала
Как сначала все переусложнил и откатился до простой системы
Как сейчас устроена ежедневная заметка ч1
Какие эксперименты ставлю в ежедневной заметке ч2

#напользованность@cogload
Cosmos — альтернатива Pinterest с щепоткой AI
In a Nutshell сноски в тексте, которые не бесят
Доверие за счет прозрачности в тарифах

#ресурсы@cogload
Чеклист для анализа дизайн-референсов
Список дизайн-справочников для новичков

#Дизайн@cogload
• Брендинг не в брендбуке а в точках контакта и в голове
Как найти формулировку позиционирования через атрибуты бренда
Какую зарплату получают дизайнеры в России

#3d@cogload
Зачем дизайнеру знать 3D
Почему 3D рендеры выглядят нереалистично и «пластиково»

#Datavis@cogload
Почему одна инфографика понятна сразу, а в другой надо разбираться?
Домашка по переверстке Dribble графиков
Интерактивная карта возраста домов Томска — мой пет-проект

#ToolReview@cogload
Живые дизайнеры будут нужны все меньше
Obsidian как я не построил второй мозг
 Как записывать короткие видео (лумы) для команды через OBS
Как смотреть видео в интернете быстрее чем на скорости х2
TickTick — организация дел с умным голосовым вводом
• Playground — бесплатный генератор картинок с хорошим UX
• Photopea внутри фигмы

#ToolHacks@cogload
Удалить точку в векторной кривой и сохранить кривизну формы в Affinity, Illustrator и FIgma
GPT-4 без подписки, по модели «Pay as you go»
Скрыть любой бесячий элемент на сайте с помощью Ublock Origin
Секретный код в Chrome, чтобы зайти на сайт который он считает опасным

#Windows@cogload
Everything — сверхбыстрый поиск файлов для WIndows
AltSnap для организации и интуитивного перетаскивания окон

#Telegram@cogload
• Как отключить эмоджи статус рядом с именем
• Как сделать, чтобы видео в телеграме не превратилось в гифку

Вопросы и предложения пишите в личку канала (кнопка 💬 слева снизу от кнопки «отключить уведомления / подписаться / отписаться»)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Кстати мем «рисуем остаток совы» стал реальностью с весны этого года — Stable diffusion в режиме ControlNet Scribble позволяет генерировать картинки по скетчу. Попробовать можно на вкладке scribble или Scribble interactive

#нейронка
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Как скрыть любой бесячий элемент сайта с помощью Ublock Origin.
Ublock origin это блокировщик рекламы с мощными дополнительными настройками и инструментами. Один из них — element picker mode (значок пипетки).

Позволяет скрыть любой элемент на сайте — всплывающий баннер, мигающее окно чата, cookie banner в пол экрана или красный счетчик новых постов.

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

#ToolHacks
Я коллекционирую все в заметке Obsidian, но FIgma тоже крутой вариант — можно посмотреть как такое выглядит в Домашке у Ники Ожаровской

#inmyhead
Forwarded from Явно.Дизайн
Персональный зал славы

Хочу поделиться инструментом, который помогает поддерживать мотивацию и легче переживать ощущение «я никто, и звать меня никак».

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

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

Про идею узнал из блога Саши Бизикова

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

В комментах покажу нарезку скриншотов из своего зала славы :) А вы делитесь своими 😁

#заметка #миша #вдохновение
This media is not supported in your browser
VIEW IN TELEGRAM
Как подготовить видео для телеграма, чтобы оно автоматически воспроизводилось без звука в большом размере (не гифкой)

По
умолчанию телега сжимает маленькие видео без звука и относится к ним как гифкам — отражает в маленьком размере без возможности увеличить или поставить на паузу. Текст поста под такой «гифкой» превращается в узкую нечитаемую колонку.

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

Быть меньше значения по умолчанию для авто-загрузки медиа в настройках клиента:
- 8 мб в Telegram Desktop и официальной мобильной версии.
- 5 мб для Web-A версии
- 3 мб для Web-K версии

● Иметь аудиодорожку (даже пустую)

● Быть стандартного размера по ширине 1920, 720, 480.

Либо не превышать 2 млн. пикселей, когда перемножаешь ширину на высоту. Например:
- 1920x1080=2 073 600 проигрывает автоматически (стандартное)
- 1080*1600=1 728 000 проигрывает (нестандартное, меньше 2 млн.)
- 1450*1580=2 291 000 не проигрывает (нестандартное, больше 2 млн.)

Огромное спасибо Владимиру Тупикину, который провел исследование для своего канала и сделал статью с результатами на VC

#telegram
4🔥2
Forwarded from Явно.Дизайн
Минимальное действие

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

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

Идея в том, чтобы поставить смехотворный критерий успеха привычки/дела и заставить себя в него поверить. Когда выполнил критерий, дело можно бросить. Очень сложно при этом себя не винить: «Я безвольный слабак, не могу сделать что-то больше минимального».

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

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

Кажется, что 5 минут — какая-то дичь. За это время не то что ничего не сделаешь, а даже в контекст не войдёшь.

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

Если в моём примере выбрать 1 минуту, то мне даже не захочется тратить на это время. Если выбрать 30 минут, то это будет казаться, как что-то неподъёмное из разряда «сделать портфолио». Если сомневаюсь — обычно ставлю меньше. С опытом становится проще себя не винить.

Часто оказывается, что задача не такая уж большая и довольно интересная. Или наоборот слишком большая, и её надо ещё сильнее резать на понятные простые действия. В любом случае, прокрастинационный цикл оказывается разрублен, и задачи двигаются с мёртвой точки.

Вот ещё примеры минимальных действий, которые сработали для меня. Помогли начать делать дело или выработать привычку:

◆ Открыть пинтерест и найти один реф
◆ Открыть файл
◆ Открыть книгу
◆ Одеться и выйти на улицу
◆ Выпить полстакана воды
◆ Переодеться в «офисную» одежду
◆ Написать черновую структуру заметки (так был написан этот пост)

#заметка #миша #опыт
👍52🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Буду потихоньку тизерить личный проект.

Покажу процесс и что в итоге получилось

На видео собираю данные 👩‍💻

#hoith
👀1
Forwarded from Явно.Дизайн
Обзор Adobe Firefly Часть 2: Генеративное заполнение

В первой части обзора Adobe Firefly я рассказывал про генератор картинок из текста, а сегодня покажу мощную нейронку для редактирования фотографий — Generative Fill. Я уже сравнивал инструменты для «замазывания» фото, но результаты у платформы Firefly намного сильнее.

Преимущества Generative Fill:

◆ Лучше всех на рынке понимает контекст всего изображения, может продолжать перспективу, текстуру, освещение
◆ Очень хорошо удаляет объекты, продолжая поверхности и естественно заполняя пустые места
◆ Быстрая генерация 3 вариантов на выбор
◆ Работает как отдельное веб приложение и внутри Photoshop

Недостатки:

◆ Работает в облаке и потребляет «генеративные кредиты» — виртуальную валюту, которая обновляется каждый месяц. Количество кредитов зависит от типа подписки: 25 для бесплатных аккаунтов, 100 генераций за $5 в месяц (подписка Firefly). На плане Adobe Express (аналог Canva) 250 за $10 в месяц. На полных версиях Creative Cloud 500-1000 генераций.
◆ Каждое нажатие кнопки «генерировать» потребляет 1 кредит. Даже если результат вам не понравился, кредит будет списан. Для потоковой работы по ретуши на бесплатном плане кредиты быстро израсходуются. Сейчас можно только докупить более дорогую подписку, чтобы сбросить лимит. В будущем обещают «гибкую систему пополнения».
◆ Плохо работает с деталями тел людей (руки, ступни, лица)
◆ Плохо работает с точными деталями (линейная графика, грани)
◆ Очень жесткие фильтры по цензуре. Иногда, чтобы удалить часть изображения, нужно прописывать текстом «remove», иначе не выдаёт результат.

Во все картинки, созданные в инструменте, внедряются метаданные Content Credentials, по которым специальные инструменты могут понять, что изображение было сгенерировано или отредактировано с помощью AI.

#карточки #миша #нейросеть
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Как я влюбился в картографию
Хочу поделится проектом, который в свое время зажег во мне интерес к картографии и представлению информации.

https://nakarte.me/#m=15/46.46893/8.10358&l=O/Si&r=46.798562/8.231974/Switzerland

↑ Сначала откройте ссылку и полистайте карту

Все началось с заметки в блоге Эдварда Тафти про топографический атлас Швейцарсих Альп. На примере этой карты, он объясняет принципы хорошей визуализации:

Общие принципы
- Фокус на содержании.
- Высокое разрешение.
- Каждый элемент имеет несет в себе информацию, нет элементов «для красоты».
- Видно картину в целом, а детали вписаны в контекст и доступны при необходимости.

Детали
- Объекты органично вписаны в рельеф, нет нужды во всплывающих окнах. По соседним деталям можно понять размеры рядом стоящих.
- Контрастные контурные линии проявляют топографический рельеф гор. Подписи рядом с ними и на пиках сообщают количественную информацию.

Цвет
- Низкий контраст не создает визуального шума.
- Интуитивные цвета, основанные на объектах из природы — белый снег, черные скалы, голубая вода, зеленая растительность.

Типографика
- Строгая иерархия шрифтов и их насыщенности (см. дополнение в коментах).
- Размер шрифта соответствует масштабу объекта — чем больше объект, тем больше шрифт.

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

У Тани Мисютиной из лаборатории данных как раз недавно вышла заметка про этот эффект. Очень советую почитать.

Ещё Таня рассказывала как книжки Тафти повлияли на неё и вдохновили начать заниматься визуализацией данных.

#hoith #любопытство
4🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Почему карта возможно не лучший каркас для визуализации данных
Продолжаю рассказывать про персональный проект. Как вы могли догадаться речь пойдет про карту.

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

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

Почему же в моем случае карта подходит?
Я пытаюсь визуализировать возраст домов. Минимальная частица тут — год, когда были возведены стены фасада (год постройки). В городе домов много, и общие закономерности можно оценить по столбчатой диаграмме — года выстроить по порядку, а высотой столбика показать количество домов построенных в этом году.

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

То есть нужно задать ключевой вопрос: помогает ли визуализация найти новые знания в общем массиве данных, или просто показывает то, что я мог увидеть и в таблице?

На выходных я буду рассказывать про проект на Новисадском Митапе. Запись уже закрыта, но если вы в Сербии или поблизости — можете написать организаторам, иногда люди не успевают попасть и открываются свободные места.

#hoith #maps
👀21🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Карта возраста домов — ссылки

Онлайн версия карты домов Томска. По нажатию открывается карточка дома с доступной информацией
https://kontikimaps.ru/how-old/tomsk?p=h-tom

Мой рассказ о процессе создания карты
https://kontikimaps.ru/how-old/tomsk/process?p

Карты других городов
https://kontikimaps.ru/how-old/cities?p=h-menu

Пост Никиты Славина на Хабре с которого все началось
https://habr.com/ru/articles/504216/

Рассказ Александра Качкаева о карте Пензы и написании фреймворка для сбора данных
https://kontikimaps.ru/how-old/penza/process?p=h-pnz

Сайт издательства Кон Тики
https://kontikimaps.ru

#hoith #maps #сделал
👍3🔥1
Карты + Блендер = красота 💛
Пока далеко не ушли от темы карт, хочу поделиться источником вдохновения — инстаграмом картографа Шона Конуэя:
https://www.instagram.com/geo_spatialist/

Он берет старинные карты и атласы, накладывает на них цифровую модель рельефа, и рендерит в блендере.
Получаются невероятной красоты карты с мягким очень приятным освещением.

#maps
🔥61
Когнитивная нагрузка Майка Новикова
Карты + Блендер = красота 💛 Пока далеко не ушли от темы карт, хочу поделиться источником вдохновения — инстаграмом картографа Шона Конуэя: https://www.instagram.com/geo_spatialist/ Он берет старинные карты и атласы, накладывает на них цифровую модель рельефа…
Мой ремейк топографического плана Томска
Вдохновившись работами Шона я сделал похожую карту для старого топографического плана Томска.

Главное ограничение в этом процессе — получить данные о высоте рельефа. NASA публикует такие данные для всего мира, но в плохом разрешении. Это подойдет для «выдавливания» больших территорий, но чтобы эффект высоты выглядел хорошо на городе, нужны более детальные сканы. Обычно их делают для отдельных областей, и в публичном доступе не публикуют.

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

Весь процесс описывать не буду. Если интересно, у Шона есть мастер-класс, где он показывает как делает такие карты.

Единственные ручные изменения я внес в режиме скульпта, чтобы не искажались области с легендой, и места, где карта выходит за обрамление.

Свой ремейк в высоком разрешении закину в комментарии.

#maps #сделал #poster
👍31🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Открытия года:
1. Тройной клик по тексту выделяет весь абзац или строчку 🌚

2. В браузере зажатый альт дает выделять текст внутри ссылки. На маке shift-option.

3. Соответственно альт + тройное нажатие выделяют видимый текст ссылки

Живите теперь с этим

#toolhacks #windows
🤯6❤‍🔥1