Минутка размышлений:

Про UI дизайн. Самый плохой дизайн интерфейса у пирожков, никогда не знаешь, что внутри, но тебя это никогда не останавливает. Это важно, если людям важна начинка, они не обломятся, может возникнуть геймификация поиска нужного, неопределенность может уступить возможности почувствовать радость угадывания. Отличный дизайн у хот-дога, ты всегда видишь, степень готовности и что внутри, а тесто вокруг выполняет функциональную задачу, позволяет комфортно держать горячую начинку, не используя салфетки или вилки. Но пирожки патриотичней. От пирожка исходит аромат частного, крафтового производства, вариаций дизайна, а хот-дог хорош своей простотой и массовостью производства.
Сижу я значит, кропотливо работаю над своим продуктом и UI. Выверяю каждый пиксель, чтобы всем было удобно. А потом мне в личку присылают вот это жалкое подобие, которое не удосужилось даже свой UI придумать.
Я просто в ахуе, на что способны люди) Тупо слизать мой UI 1в1 это надо постараться конечно. Как вам?)) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧰 UI-кит для дизайнера: что в него складывать и как поддерживать
UI-кит собирает повторяющиеся решения интерфейса: цвета, типографику, кнопки, поля, иконки, карточки и навигацию. Он помогает быстрее собирать новые экраны и сохранять единый стиль, но сам по себе ещё не становится полноценной дизайн-системой. В статье советуют начинать с базовых стилей и самых частых компонентов, сразу продумывать состояния и варианты, а потом постепенно расширять библиотеку. Важно следить, чтобы в ней не появлялись дубли, лишние настройки и устаревшие элементы, которые уже расходятся с продуктом. Внутри: – Чем UI-кит отличается от библиотеки компонентов и дизайн-системы; – Какие элементы стоит добавить в первую очередь; – Как продумать состояния, варианты и атомарную структуру компонентов; – Почему UI-кит нужно собирать с самого начала проекта; – Какие ошибки превращают библиотеку в набор разрозненных макетов. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Игра на HireHi и мой шок
Сидел я значит в пятницу и подумал, что прикольно было бы освежить 404 страницу. Убрать там скучную иллюстрацию или как-то анимировать мб. В итоге придумал сделать игру, как в гугле, когда нет инета аля марио. Бежишь, собираешь какие-то штучки, обходишь препятствия и фанишься. В итоге я сделал это отдельным разделом на сайте, который еще и бизнесово даст вам скидку до 20% на любой тариф и срок, если дойдёте до конца. Самый шок в том, что я всё это сделал буквально за 2 часа парой промтов. Нейронка сама нарисовала иллюстрации, трассу, придумала логику и так далее. Я лишь скорректировал какие-то моменты и немного поменеджерил. Сколько бы я это делал с фронтами и бэкендом ума не приложу и сколько нервов пришлось бы потратить, объясняя нюансы. Будущее уже ходит где-то рядом. Поиграть можно тут: победить босса ——— Второй мой шок случился, когда я решил задизайнить себе новую админку (освежить UI в стиле Linear). Я буквально дал просто 1 фразу и через 10 минут все было готово. Даже адаптив. Мне не пришлось править н-и-ч-е-г-о. В итоге это уже на проде и был в полном шоке. Фронты бы это делали недели две-три точно с перерывом на обед, поболеть, погулять и так далее. ——— Третий шок прикрепил. Это заняло 5 минут и промт «сделай видос про мой продукт, вот ссылка». Моушн дизайнеры в-с-ё. В общем, пара часов и у меня была готова игра, новая админка и видос. 0 нервов, 0 потраченных рублей (кроме подписки на аи). Как вам? ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🎬 Запись эфира
Итак, только закончили эфир, он прошел очень лампово. Смогли все вывести на Youtube, там самая мякотка. Лекция доступна по ссылке. На этот раз мы уже не просто разбирали инструменты, а показали, как верстать сайт с нуля в Claude Code на реальном примере, править ошибки и делать анимацию. И вижу, что тема вайбкодинга вам нравится 😊 Будем готовить с Артемом следующие бесплатные эфиры. ⚡️ А если хотите сделать свой сильный сайт от идеи до реализации с персональной обратной связью от меня и Артема, приходите на мой авторский курс «ULTRA UI: Завоевываем AWWWARDS». Как уже говорил, желающих оказалось очень много, поэтому решил запустить дополнительный поток с 5 октября. ❗️Осталось 5 мест. На курсе мы с вами пройдем весь путь создания сайта: → проработаем идею и концепцию; → создадим дизайн сайта; → сгенерируем визуал с помощью ИИ; → спроектируем анимации и интерактив; → сверстаем сайт в Claude Code. Разберем, как создавать сайты фестивального уровня, делать сложные анимации и визуал с нейросетями. А с последним обновлением — еще и профессионально работать с Claude Code. У вас будет бесплатный доступ к нему на месяц и готовые скиллы для верстки сайтов. ➡️ Для брони или консультации переходите по ссылке.
Как я пилю свой продукт. Часть 37
Уже месяц прошёл с прошлой части, а по ощущениям недели две. Работы было много, в основном вокруг резюме, собесов и вакансий, ну и моего любимого SEO, конечно. График переходов с поиска растёт с июля и это оч оч радует меня. Цифры В 35 части я писал, что проседаю по выручке. Сравнил последние 4 недели с предыдущими: – Оплат больше на 22%; – Платящих пользователей больше на 26%; – Регистраций больше на 16%. Приятно) Спасибо всем, кто покупает подписку, вы лучшие ❤️ Повторная проверка CV Новый UI проверки резюме показывал в прошлой части, теперь допилил, что происходит дальше. Поправили резюме по рекомендациям, проверяете ещё раз, и сервис смотрит, что именно вы исправили и как это повлияло на оценку. А если резюме не трогали, откроется прошлый результат, и проверка не потратится. Платить дважды за одно и то же странно, согласитесь) Заодно пересобрал карточку резюме в профиле. Все действия теперь в одном меню: проверить, улучшить, скачать PDF или ATS-версию, продублировать на английском. На мобилке это нормальная шторка, а не кнопки, которые разъезжаются по экрану. AI-собес AI-рекрутер стал любопытнее)) Если в ответе есть за что зацепиться, он переспросит: как принимали решение, что в итоге получилось. Мучить вас полсобеса одним кейсом он при этом не будет, это отдельно настраивал. Плюс переходы между вопросами стали связнее. Приходите пробовать, и если он где-то тупит, кидайте мне, это оч помогает. Вакансии и поиск Вот тут боль, которую на сайте вообще не видно: – Один город пишут по-русски, по-английски и сокращениями; – Зарплату указывают за месяц, за год, в разных валютах; – А названия профессий это отдельный цирк)) Всё это надо привести к одному виду, чтобы вы поставили фильтры и получили нормальную выдачу. Сижу разгребаю дальше. Фильтры в каталоге заодно стали быстрее, а фильтр зарплаты теперь учитывает выбранную валюту. Блог SEO пилим дальше, плюс я добавил себе аналитику: куда идёт человек после статьи, зарегался ли, дошёл ли до оплаты. Данных пока мало, так что весь рост выше блогу приписывать не буду) Как появятся нормальные результаты, обязательно поделюсь. По мелочи починил открытие Telegram и LinkedIn на Android, восстановление фильтров и отметки просмотренных вакансий. Ну и ещё сотни правок по UI и багам) Спасибо всем, кто пользуется, пишет про баги и советует HireHi друзьям. Пилим дальше 🥰 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT ч.36
Хочу поделиться моим фидбэком по фестивальному сайту на этапе проектирования анимации блоков.
Вы сможете увидеть, как Дарья (моя студентка) и я описываем эту сцену, и, возможно, представить, как все по итогу будет выглядеть. Кратко о проекте. Дарья выбрала тему шагающих роботов, которые помогают доставлять разные товары до точки по максимально пересеченной местности. Для меня самого это очень интересная тема. Мы уже определились со стилем: будут переходы между суперреалистичным миром и миром лоу-поли (как будто через взгляд робота, сканирующего местность). Такие фидбэки я даю на ключевых точках. Также особенность курса «ULTRA UI: Завоевываем Awwwards» в том, что с вами напрямую в чате будет взаимодействовать куратор Григор. Это один из моих выпускников и аутсорс-кураторов, с которыми мы сотрудничаем уже порядка года. Он работает в одной из самых лучших дизайн-студий по промосайтам «Chipsa». По верстке проекта в Claude Code персональные фидбэки будет вам давать Артем, продуктовый дизайнер, у которого 6+ лет опыта работы в Альфа-банке. Итого вам будут давать фидбэки таких 3 мощных человека. Наша цель — сделать из вас чемпионов и захватить все международные награды, которые есть по дизайну и по сайтам. А еще научить вас делать сайты с Claude Code. Осталось всего 2 места. По стоимости: 📌Для наших студентов — 79 000 ₽ (от 4125 ₽/мес в рассрочку) 📌Для остальных желающих — 89 000 ₽ (от 4542 ₽/мес в рассрочку) ➡️ Получить больше информации и занять последние места можно через моих коллег в @uprock_hello
Хочу поделиться моим фидбэком по фестивальному сайту на этапе проектирования анимации блоков.
Вы сможете увидеть, как Дарья (моя студентка) и я описываем эту сцену, и, возможно, представить, как все по итогу будет выглядеть. Кратко о проекте. Дарья выбрала тему шагающих роботов, которые помогают доставлять разные товары до точки по максимально пересеченной местности. Для меня самого это очень интересная тема. Мы уже определились со стилем: будут переходы между суперреалистичным миром и миром лоу-поли (как будто через взгляд робота, сканирующего местность). Такие фидбэки я даю на ключевых точках. Также особенность курса «ULTRA UI: Завоевываем Awwwards» в том, что с вами напрямую в чате будет взаимодействовать куратор Григор. Это один из моих выпускников и аутсорс-кураторов, с которыми мы сотрудничаем уже порядка года. Он работает в одной из самых лучших дизайн-студий по промосайтам «Chipsa». По верстке проекта в Claude Code персональные фидбэки будет вам давать Артем, продуктовый дизайнер, у которого 6+ лет опыта работы в Альфа-банке. Итого вам будут давать фидбэки таких 3 мощных человека. Наша цель — сделать из вас чемпионов и захватить все международные награды, которые есть по дизайну и по сайтам. А еще научить вас делать сайты с Claude Code. Осталось всего 2 места. По стоимости: 📌Для наших студентов — 79 000 ₽ (от 4125 ₽/мес в рассрочку) 📌Для остальных желающих — 89 000 ₽ (от 4542 ₽/мес в рассрочку) ➡️ Получить больше информации и занять последние места можно через моих коллег в @uprock_hello
ого, ярлычок за лучший ui кейса на DProfile
Минутка UI:
Совсем недавно, казалось бы, сформировался тренд на профессию моушен-дизайнера со специализацией в анимации интерфейсов. Теперь нейронки всё более выразительно способны генерироывать «красоту» кликов и слайдеров. Вообще изучение ИИ дизайнерами кажется становится уже обязательным, хотя и накладывает на профессиональное развитие свои критерии. Всё равно дизайнеру нужно выбирать, анализировать, критически смотреть на генерацию ИИ и работу агентов. Видеть в каждом элементе свою логику и смысл, понимать психологию и привычки пользователей, отличать визуальную игру материалов и света и желаемое человеком чувство покоя и размеренности в повседневной работе с интерфейсом. Профессия меняется на глазах и это круто и хорошо.
Снова я засиделся до ночи) Жена скоро со мной разведется 😀
Я поправил все баги и анимации, которые смог заметить мой глаз. Сайт готов к продакшену, но остался финальный апрув от тебя, Жень. Завтра погляди, пожалуйста, своим зорким глазом. Надеюсь, все будет збс. Я спать: https://artkdesigner.github.io/state-of-space/ Это статус от Артема 🤝. Он потратил на фронтенд этого сайта 61 час. Параллельно пилил «скиллы», которые помогут быстрее верстать. Однако, учитывая, что на курсе сайты будут не такие длинные, как этот, а также то, что у вас будут скиллы и инструкции, я думаю, что верстка вашего* фестивального сайта займет с запасом 60–80 часов. *Ваши сайты — это тех, кто будет учиться у меня на курсе "ULTRA UI: Завоевываем Awwwards". Осталось 2 места, забронировать можно у коллег в @uprock_hello, прочитать подробнее в этом посте. ‼️А главное для всех: на этой неделе в четверг будет большой вебинар, как верстать сайты в Claude Code. В UPROCK теперь будет много контента по нейронкам: визуал, исследование и разработка с ИИ для дизайнеров и интересующихся. Сразу все не делал, так как двигаемся последовательно и качественно. Для экспериментов с нейронками Утопию как раз и сделали. Регистрация на практический вебинар «Как верстать промосайты в Claude Code» бесплатно и без смс в четверг в 19:00 по мск по ссылке: ➡️ Присоединиться ➡️ Присоединиться
Коллекция шрифтов одобренная каналом для ответственного использования в дизайне личных проектов.
Бесплатно и с хорошей кириллицей. Accuratist Скачать Alegreya SC Скачать Ambidexter Скачать Baltica Pixel Скачать Dance partner Скачать Days Скачать Druzhok Скачать DotGothic16 Скачать Dela Gothic One Скачать EB Garamond Скачать Gogol Font Скачать Golos UI Скачать Hauora Font Family Скачать Hibana Font Скачать IBM Plex Sans Скачать JetBrains Mono Скачать Lithium Скачать London Скачать Martian Grotesk Скачать Merriweather Скачать Mostly Bright https://www.behance.net/gallery/157862677/Mostly-Bright-Serif-Fonthttps://www.behance.net/gallery/157862677/Mostly-Bright-Serif-Font">Скачать Neutral Face Скачать Neue Glagolic Regular https://design.hse.ru/system/uploads/files/000/000/225/original/Neue_Glagolitic_Regular_%281%29.ttf?1642083770https://design.hse.ru/system/uploads/files/000/000/225/original/Neue_Glagolitic_Regular_%281%29.ttf?1642083770">Скачать Neue Glagolic Bold Скачать Onest Скачать Peace Sans Скачать Podkova Скачать Postertoaster Скачать Press Start 2P Скачать Refinest Скачать Russo Скачать Serbia Sans Скачать Spectral Скачать Soyuz Grotesk Bold Скачать Stig Скачать TikTok Sans Скачать Tilda Sans #download">Скачать Unbounded Скачать Wremena Скачать Yeseva One Скачать Valisca Скачать Большое спасибо авторам!
Всем привет!🎩
Наконец-то готова показать кейс коммерческого проекта. Это редизайн сайта Радищевского музея, сотрудником которого я являюсь. Основную часть работы делала со школой, адаптивки и кейс доделывала сама. Была переработана сложная информационная архитектура и навигация, внедрена единая UI-система, структурирован контент. Благодарю за помощь куратора Артура и, конечно, Женю! Команде Uprock спасибо за все знания и навыки, которые я получила в процессе обучения ❤️
Коллеги, давно у нас не было вебинаров в теплой ламповой обстановке
Хочу завтра поделиться новыми методиками UPROCK и прямо по шагам рассказать, как создавать топовые сайты, которые получают награды. В конце расскажу про новый-старый курс «ULTRA UI: Завоевываем AWWWARDS». А основую часть посвящу мякотке: как создаются раскадровки анимаций, прорабатываются идеи и референсы, как строится работа с ИИ. Разбор проведем на примере проекта студентки Марьяны (приложил к посту) ↗Все будет завтра в 19:00 по МСК, регистрация на мероприятие в этом боте Ставьте – 🤗, если тоже соскучились по нашим милым встречам
Коллеги, давно у нас не было вебинаров в теплой ламповой обстановке
Хочу завтра поделиться новыми методиками UPROCK и прямо по шагам рассказать, как создавать топовые сайты, которые получают награды. В конце расскажу про новый-старый курс «ULTRA UI: Завоевываем AWWWARDS». А основую часть посвящу мякотке: как создаются раскадровки анимаций, прорабатываются идеи и референсы, как строится работа с ИИ. Разбор проведем на примере проекта студентки Марьяны (приложил к посту) ↗Все будет завтра в 19:00 по МСК, регистрация на мероприятие в этом боте Ставьте – 🤗, если тоже соскучились по нашим милым встречам