Облачно ☁️ — дизайн, интерфейсы, жизнь


Гео и язык канала: Россия, Русский
Категория: Дизайн


Привет!
Я Захар, дизайнер интерфейсов из Питера.
Здесь я рассказываю о своём прогрессе, пишу мысли и показываю крутые штуки
Посмотреть работы: @oblachnii_design
Написать мне: @oblachnii
Рекламы на канале нет и не будет

Связанные каналы  |  Похожие каналы

Гео и язык канала
Россия, Русский
Категория
Дизайн
Статистика
Фильтр публикаций


Репост из: Бесплатные шрифты
Что если оставить текст на 100 лет в благодатной почве...

https://kezend.github.io/tree

Сайт, на котором можно вырастить шрифт, из всяких материалов и с всякими крутилками. Люблю такие крафтовые штуки. А теперь там ещё и почти вся коллекция с сайта прикручена ⭐️

Автор: @sakelta
Не реклама → Коллаба


Вкусное предложение 🍗

В мае 2025 начал учиться делать приложения на flutter. Мне нужен был проект и я решил взять Джо

Джо — это забегаловка с очень вкусными крылышками и отвратительным сайтом 😵

План:
Сделать приложение и продать его за годовой безлимит на крылышки 🔫

Проект занял долгих 4 месяца. Быстро перешёл на вайбкод, много учился и разбирался в процессе. У сайта не было нормальных api, поэтому выяснять, например, как фильтруются товары под город заняло больше недели (я так и не понял 😔)

В конце сделал заказ через приложение, сфоткался с проектом и написал основателю 💼

Ответ:
«Хорошее предложение, к сожалению не своевременно. Переходим на новую срм систему в комплекте с приложением»

Чтож, получился опыт 🤟


Репост из: Тарелкин 🥏 Креативный Фаундер
10 заповедей дизайнера:

1. Не ной.
Не ной. Не ной. Не ной. Не пиши посты в линкедин/тредс/телегу/etc. про то, как у тебя всё плохо и ты не можешь найти работу. Худшее что ты можешь сделать для себя — ныть в интернете о своей нежности и жалости к себе.

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


2. Не выёбывайся, а адаптируйся.
Рынок труда не сломан. Сломаны дизайнеры. Рынок наоборот сейчас очищается и нормализуется от лютого перегрева последних 15 лет. Дизайнеры в этом не виноваты, у них просто когнитивное искажение от пузыря IT-волны 00-х и 10-х.

Сейчас отлично надувается рынок ИИ. Адаптируйся под него. Это не пустой хайп (хотя так может показаться), это абсолютно нормальная тенденция и революция. Точно также было, когда появились поезда, потом появились авто вместо лошадей, в современности пришёл интернет. И с каждым новым кругом — были те, кто сопротивлялись (где они сейчас? мертвы). «Дизайнерам-кучерам» осталось 5 лет, потом они все полностью помрут и останутся «дизайнеры-автомобилисты». Я лично приложу все усилия, чтобы так и случилось как можно раньше.


3. Въёбывай.
Не надо думать что все тебе должны. Если ты полгода не можешь найти работу, то в 90% случаев не HR мудаки, а всё намного проще — скорее всего ты бездарь, довольно слаб, и к сожалению, бесполезен для рынка на текущий момент. Прими это, спрячь поглубже свою напыщенную гордость и посмотри правде в глаза.

Если ты новичок — иди работать бесплатно, нарабатывай опыт, качайся, не спи, въёбывай, поглащай как можно больше фидбека, менторись и качайся каждый день! Когда-нибудь ты вырастишь, если приложишь усилия, и не будешь гнаться за сказочным айти.


4. Не будь нетакусей, будь трушным.
Показывай результат, показывай свой прогресс и реальное влияние своей работы (работы! не себя!). Не строй из себя величественную творческую особу. Это не так. Ты ничем не отличаешься от точно такого же дизайнера работяги, который просто молча ебашит (а нет, стой, он ебашит, а ты всё ещё нет?).

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

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


5. Социализируйся.
Ищи окружение. Ищи единомышленников. Но ищи осознанно — среди тех, кто сейчас или в будущем может быть тебе полезен и интересен. Кто продвинет тебе по карьере или даст классную рефералку в обход системы.

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


6. Делись и будь публичным.
Просто рьяно работать ещё недостаточно. Делись своим трудом с общественностью. Но не притворяйся — показывай как ты отличился на деле, а не на словах. Обман и уловки быстро вскроются и восстанавливать репутацию будет сложнее.

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

Регулярность и возможность быть каждый день на 1% круче себя вчерашнего — десятикратно лучше, чем случайно скидывать огромный пласт информации (который вероятно не так гениален, как ты думаешь, и мало кто это увидит). Работай по принципу Build in Public.


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

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

Ну и запомни уже наконец: ты в интернете, тут можно делать почти всё, что хочешь, и на это не обижаются.


8. Расширяй кругозор.
Твой главный профессиональный инструмент — вкус и эстетика. Они требуют тонуса, как и любая другая мышца. Старайся окружать себя красивыми вещами, красивой одеждой, красивой мебелью, красивыми людьми. Но только одной эстетики мало, для креатива нужна ширина взгляда, а для экспертизы — глубина.

Старайся получать и испытывать как можно больше нового: путешествуй, смотри кино, изучай гуманитарные и точные науки, получай впечатления, смотри картинки и вдохновляйся. Важно! Общайся с умными людьми, и напитывайся их опытом (самый простой путь — за деньги, но самый полезный и интересный — через заповедь 5).

Запускай свои продукты и пет-проекты. Обязательно попробуй сделать из этого бизнес, потрать все деньги, сожги подушку — и пойми, что в бизнесе пиксели не так важны, как исключительная ценность самого продукта. Развивай глубину своей экспертизы и крафт. Как можно больше всего пропускай через себя и свои руки.


9. Разжигай эмоции.

Научись добавлять жирок, изюм, соринку в свою работу. А потом изучи понятие уместности. Разберись, что такое по настоящему эмоциональный дизайн (не путай с украшательством). Начинай разбираться в психологии, в первую очередь с собой. Изучай поведение людей, их привычки, паттерны. Не только в своём интерфейсе и сценарии — смотри шире, и старайся увидеть за единичкой пользователя конкретного человека и его индивидуальность.

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

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


10. Отдыхай.
Качественно. С кайфом. Со всей силы и с любовью)


Ведь ты же настоящий дизайнер?
Тогда только ты можешь увидеть несовершенство и сделать по настоящему круто, приложив все 250% своих усилий.
Не подведи!


Митапы

Устал искать инфу про митапы, поэтому сделал бота, который присылает анонсы митапов в Питере 👋

@spb_design_meetups_bot

Пользуйтесь, пишите чего добавить 🫶


Среда разработки для вайбкодинга ⌨️

Пришло время отказаться от связки курсор + расширение кодекса ✏️

Основное окно теперь — приложение Codex. Оно уже вышло и на винду, там доступны все плагины, открывается в разы быстрее и интерфейс в разы удобнее. Мастхэв! 😲

Visual studio code чтобы смотреть код. Все навороты курсора бессмысленны без его подписки. А курсор без наворотов — это визуал код 🥂

Ещё поставил WSL — Линукс внутри Винды.
Во-первых, потому что Codex проще и быстрее думать на линуксовом 🧠
Во-вторых, так нет ошибок от PowerShell при взаимодействии Windows–Linux 😎
В-третьих там можно развернуть Hermes 🍌
Ссылку на wsl не дам, ставил через codex 💃

Ещё пробовал Codex CLI в терминале на впс, но оставил это как резервный вариант 🐸


Уже больше года я занимаюсь вайбкодингом. Вот что успел наделать:

Приложение для джо.рф. К сожалению, не вышло. Буду делать кейс 📝

Плагин для экспорта переменных 🕶

Внутреннее приложение для арендаторов одного ТК 🤫

Умный дом на Home Assistant 🏘

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

3 веселые буквы + роутер 🖥

Синхронизацию заметок Obsidian 🤩

Свой сайт-портфолио oblch.ru 🤵

Скрипт для поиска подходящих вакансий себе 🔍

Бот для службы поддержки в allall 📞

Сайт с бесплатными шрифтами fonts.oblch.ru 💼

Бот для напоминаний тренироваться в @Designkachka 💪

Прототип админки, чтобы показывать новые фичи сразу в интерактиве ✈️

И ещё какое-то количество мелких скриптов и заброшенных проектов 🗑


В 10 классе (2017 год), сделал типа дизайн своего сайта в фотошопе 😎
Первая вариация сайта. который маловероятно будет существовать


9 лет прошло, емаё 📞


Навайбкодил сайт с бесплатными шрифтами!

🔫 fonts.oblch.ru 🔫

3 года назад начал собирать бесплатные шрифты с кириллицей, набрал уже 1355 штук 🧻. До этого распространял через файл в фигме и тг канал. А теперь вот сделал полноценный сайт с нормальным превью и поиском 🍗

Это первый релиз и мне очень важна обратная связь! Если вдруг что-то не работает или есть идеи по улучшениям — пишите в личку @oblachnii или в комменты ❤️


Ищу работу ✋

Про меня:
Дизайнер интерфейсов, опыт 4 года. Работал в стартапах (E‑com, Lifestyle, B2B SaaS) и на фрилансе. Умею всё в фигме, пользуюсь нейронками, люблю структурировать и глубоко погружаться в проект.

Что ищу:
Студию/агентство/продукт на удалёнку или гибрид Питер. Хочу в коллектив дизайнеров, работать над мобильными приложениями и дизайн-системами.

Сайт:
oblch.ru

Резюме:
oblch.ru/cv

Личка:
t.me/oblachnii

Буду признателен рекомендациям и рефкам ❤️


😎 Как я сделал сайт oblch.ru

0. Для вайбкода я пользуюсь курсором (рассказывал тут) + засунул в него Codex, чтобы не улетать по лимитам (я всегда улетал 💳)

1. Вёрстка выглядела примерно так:
— Расписал что хочу (сайт портфолио для дизайнера… с блоками…) и закинул немного рефов;
— Получил что-то 🤢;
— Верхнеуровнево причесал промптами (порядок, контент в карточках);
— Ручками прошелся по html и css чтобы всё прям как я хочу 💃 (ручками мне быстрее).

2. Чтобы работать было удобнее, попросил локально запустить мне сайт и обновлять при каждом изменении 🍌 (чтобы постоянно не обновлять ручками, он какой-то скрипт написал).
Ну и залил всё на гитхаб, dev для работы и main выливается сразу на хостинг 👧

3. Хостинг и домен арендовал на timeweb, ценник самый приятный вышел 💳. Минимальный тариф на самый долгий срок, чтобы не париться. Всю настройку и автоматическую публикацию из гита делала нейронка, я только секреты добавил на гитхабе ⌨️

5. Добился все 100 на pagespeed, чтобы сайт открывался как можно быстрее 🕶 (а не как ноушн с 3 редиректами 🤪), подключил яндекс метрику и добавил в @siteupcheck_bot, чтобы не пропустить падение 🖥 (обязательный шаг)

6. Профит 🥂


😎 Навайбкодил сайтик себе

🔫 oblch.ru 🔫

(скриншот с процесса)


✈️ Рассказал про свой путь в профессии

t.me/so_besit/305


Выступил в UXART

Артём позвал рассказать про вайбкодинг как способ оптимизировать рутину (причем не только дизайнерскую)

📹 YouTube 🕸️ ВК (24 мин)

Поделился своим опытом и опытом знакомых, рассказал как приручить курсор и дал советы по написанию запросов. Особенно полезно будет тем, у кого много рутины на работе ☕️


Безработный дайджест 🤟

Не работаю с апреля и по большей части занимаюсь всяким для себя и родных: съездил к маме и тёще, играю в Байонетту и Майн... Но есть и штуки по тематике канала 👒


Во-первых, вайбкодинг. Это когда код пишет ИИ, а я только говорю, что делать + редачу. С этого я прям очень кайфанул. Как закончу один проект — напишу пару постиков по теме 😎

Во-вторых, настраиваю умный дом. Получилось на старом маке запустить Home Assistant, теперь буду пытаться подружить в нём устройства из разных экосистем 🧸

В-третьих, челленджи. Решил чутка попрактиковаться в UI: сейчас проходит детепр и ещё планирую дейли доделать. Залетайте тоже и кидайте в комменты другие интерфейсные челленджи 🍗

В-четвёртых, менторство. Практикуюсь пока есть время, и мне нравится, как получается 🗺

Вот как-то так 🧃

539 0 4 17 20

Входит ли этот канал в список любимых?
Опрос
  •   Да, рад каждому посту
  •   Нет, обычный канал для меня


Главная метрика тг канала

У меня есть ~5 каналов из подписок, в которых я рад каждому посту. И каждый читаю с превеликим удовольствием. Остальные каналы тоже люблю и читаю, но эти прям в сердечке ❤️

Обычно это авторские каналы, с не очень частыми, но очень полезными постами. И это прям то, как я стараюсь вести этот канал ✏️

В связи с этим важный опрос (только честно):


Медийность

На Design Around я прям чётко осознал ощутимый плюс своей активности в интернете и, пока небольшой, медийности:

Ко мне подходят и начинают разговор ✋

И это очень круто, потому что у меня это слабая сторона) Я легко могу поддержать и развить диалог, но вот начать часто сложно. А так кто-то видел твой канал, кто-то видел тебя в дизайнерских чатах и разговор начинается сам собой 🤝


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


Просто опишу, как у нас раньше происходила передача токенов в разработку:
1. Через разные плагины я доставал разные типы переменных (кто-то ломается на прозрачности, но хорошо даёт другие значения, кто-то наоборот, но у всех проблема с форматом)
2. Через Sublime чистил код от всего лишнего
3. Через DeepSeek/Qwen по частям прогнял код в нужный формат
4. Собирал части в один файл, чутка наводил косметики, менял формат файла если надо и наконец-то передавал в разработку.
Это муторно и большой риск словить ошибку

Сейчас это выглядит так:
1. Запустить плагин, проверить пресет, сохранить в нужном формате.
Всё. Нулевой риск ошибки и результат буквально за пару кликов.
Мне кажется имба 🤟

724 1 6 10 19

Экспорт Variables

Сделал плагин, который даёт выгрузить переменные из Фигмы в нужном формате строки

Export Variables Formatter

В плагине можно выбрать один из 25 пресетов или собрать под себя, настроить case и добавить комментарии. Результат можно скопировать в буфер или экспортировать в одном из 18 форматов 💪


Запись выступления 🕳

Выкладываю запись моего выступления на Design Around в прошлую субботу

📹 YouTube 📺 Rutube (24 мин + вопросы)

Рассказываю про редизайн в  🛍 allall: почему решили делать, как я его вёл и какие получились результаты. Получилось информативно, рассказал про передачу данных разработке и процесс релиза, показал макеты и какая красота получилась в итоге

Показано 20 последних публикаций.