КНЛ
526 subscribers
184 photos
52 videos
1 file
132 links
Дизайн, продукт, бутстраппинг и tech-штуки. Автор — @danilov_den.
Download Telegram
Martin Lexow — дизайнит, разрабатывает и продает нативные приложения для macOS, iOS и iPadOS.

Он у нас #человечек №7 (тыкайте на хештег чтобы почитать про предыдущих).

1. Учился (а потом преподавал) в университете FHP, в Потсдаме. Магистерскую диссертацию по дизайну писал про то, могут ли принципы хорошего дизайна Дитера Рамса быть применимы для современных цифровых продуктов и в какой степени. Можно почитать его любопытное философское эссе про это.

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

3. Работал полудизайнером-полумаркетологом в крупной компании Axel Springer SE, потом выучился на дизайнера в том самом FHP, разобрался в Swift и свалил. Основал компанию IXEAU, где он единственный сотрудник, и стал делать свой нативный софт для мака.

4. Вот что он сделал интересного:
AI Photo — Stable Diffusion в виде нативного маковского приложения.
Couverture — редактор кривых для создания изингов в анимациях. Классная штука, кстати. Однажды меня так задолбало лазить и искать примеры анимаций, что я разобрался в кривых и теперь всё намного проще и быстрее.
Superlayer — конструктор виджетов на мак.
Codepoint — каталог юникодовских символов с подсказками как их юзать.
Cursor Pro — подсветка курсора.
Keystroke Pro — отображалка нажимаемых клавиш, полезно для записи обучалок.
Больше софта на сайте IXEAU.

Мне нравится наблюдать за такими чуваками. Как говорил Брет Виктор, главная боль дизайнеров в том, что они не создатели конечного продукта, а проектировщики. То, что получится дальше, уже зависит от разработки, бизнес-процессов и кучи других факторов. А Мартин — создатель, и его аппки получаются с характером и очень дизайнерские. Тут его личный сайт, а тут Твиттер.

@tg_knl
Кстати! Вот так выглядели промежуточные варианты иконки для одной из его аппок — Superlayer.

Рисовал Мэтью Скилс.

@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Мне кажется, что главное, чего не хватает интерфейсам языковых AI-моделей — это быстрый доступ к ним оттуда, где они нужны вот прям щас. Ronith Kandallu вот так это решил: пишешь три плюсика в любом поле ввода и дальше за тебя текст пишет AI.

Это не концепт, но покликать он не даёт, говорит пока не готов публично релизить🤷‍♂️

Ваще я уверен, что скоро что-то подобное будет нативной фичей в экосистеме Apple (как удаление фона с картинок).

@tg_knl
«Да чё там проектировать, нужно же просто нотификацию отправить.»

(это воркфлоу того, как Slack решает показать ли нотификацию)

UPD. Качество слишком пережалось, скинул в комменты файлом.

@tg_knl
↑ Ситуэйшн: чувак ругнулся, что в Фигме только по ховеру на поле становится видно интерактивное ли оно.

Говорит: «В профессиональном софте текстовые поля должны всегда выглядеть как текстовые поля (drop the mic)».

Залетает Расмус, который это всё проектировал: «Во-первых, в правой панели большая часть пикселей интерактивные, и если всё будет с рамками — будут буээ. Во-вторых, панель оптимизирована для того чтобы смотреть на нее и быстро находить нужные значения (на ресерчах узнали, что людям часто нужно убедиться что вот там 12px, а не 13px). Поэтому в первую очередь там всё сделано для чтения».

Интересно узнавать такое закулисье и предпосылки. Еще говорит, что при проектировании они пробовали сотни (!) вариантов правой панели.

@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Нашел крутую технику в Figma — автоконтраст. Цвет текста сам динамически подстраивается под фон. Для белой подложки он сам перекрасится в черный, для черной — наоборот.

На самом деле это просто хитро-мудрости с комбинацией blend modes. По ссылочке можете забрать себе кнопку с видоса и поглядеть сами: https://www.figma.com/file/C8B4X1RBXtOjatWapBjDs8/Auto-contrast-test

@tg_knl
Мы тут сделали iOS-приложение для смены лиц на фотках. Под капотом, конечно же, AI собственной разработки, никаких встроенных покупок, всё бесплатно. Механика наипростейшая — выбираешь фотку, тыкаешь на лицо, выбираешь на что хочешь его поменять (иногда даже срабатывает на кошках и собаках).

Запустили сегодня на Product Hunt, поэтому обниму каждого кто поддержит: https://www.producthunt.com/posts/face-swapper-for-ios

@tg_knl
😱 Рабочей процесс дизайнера/основателя Cron.

Наткнулся на интересный видос про Рафаэля Шаада — шведского дизайнера и основателя того самого календарика. Что любопытного:

1. Чувак стартует со скетчей в блокноте (по-настоящему, а не чтобы потом в инстаграме шерить). Это такая зона экспериментов, где главное итерировать вширь, а не в глубину (go broad, not deep).

2. Прототипы сразу в коде — обычный HTML, CSS и JavaScript, без фреймворков. Одна механика — один прототипчик.

3. В видосе разбирают пикер таймзоны из гугл-календаря (обычный селект с дропдауном). В Cron же сделали typing-механику: пишешь локацию и выбираешь из автокомплита. Плюс он там прям на ходу показывает как приводит в порядок пикер в макете: фиксит иерархию, чинит типографику (табличные цифры, тирешечки, пробелы, всё что мы так любим).

4. Заметил интересную деталь: в его Figma-макетах вся структура построена по логике SwiftUI. Он взял оттуда все штуки аля VStack, HStack и тп., и воссоздал в компонентах. Зачем — хз, ведь Cron сделан на электроне, а не Swift.

Сам видос тут: https://www.youtube.com/watch?v=2MrNSjJFBBI

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

@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Ух ты, оказывается можно не корячиться с инспектором, а просто написать в консоль document.designMode = 'on'. И весь сайт превратится в канвас.

UPD. Точнее не в канвас, а в редактируемый документ.

@tg_knl
This media is not supported in your browser
VIEW IN TELEGRAM
Стив Руиз (создатель tldraw) решил покошмарить дизайнеров интерфейсов и впилил в продукт вот такое.

Рисуешь скетч интерфейса → Жмешь “Make it real” → получаешь готовый интерактивный UI.

Чтобы потыкать нужна API-шка OpenAI. Впечатляет! Демка тут: makereal.tldraw.com

@tg_knl