Texture pro kit by Catalyst UI Большая библиотека текстур различных материалов, которые могут пригодится вам при создании следующего проекта. Есть бесплатная версия.

262 Ui elements

Более 262 элементов пользовательского интерфейса Install

🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

50 Mobile Bottom Navigation Bar by James

Коллекция шаблонов навигационных панелей для создания стильных дизайнов. 🖨Скачать набор🖨 #UIKit
🤖 Почему ИИ-помощник каждый раз заново ломает ваш UI Kit
С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек. В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций. Внутри: – Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля; – Как из-за этого в прототипах копятся сотни мелких визуальных расхождений; – Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии; – Почему закрытый слой токенов лучше, чем «разумные» догадки модели; – Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита; – Зачем связывать AI-инструкции, токены и CI в одну систему; – Как устроена структура спецификаций: foundations, tokens, components, patterns; – Почему такой подход особенно важен для больших прототипов и длинных AI-итераций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚀 ГОД ПРОЕКТУ HireHi! Или как я пилю свой продукт, часть 30
Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚀 ГОД ПРОЕКТУ HireHi! Или как я пилю свой продукт, часть 30
Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
📁 4 мая стартует бесплатный челлендж для дизайнеров — ¡Portfolio Hero!
Это ивент для графических, коммуникационных, продуктовых, веб- и ui/ux дизайнеров, которые давно откладывали портфолио «на потом». В программе: - Еженедельные разборы кейсов в прямом эфире от дизайнеров Альфа‑Банка, Яндекса, МТС, Сбера, Т‑Банка, Xsolla, Pinkman, NOIDEAS, isfirst, dizzaract - Минимум 50 разборов кейсов за три недели и обучающий эфир о том, как сделать кейс сочным - Закрытый чат с участниками челленджа, в котором можно получить фидбек от сообщества План эфиров: - 4 мая — вводный эфир - 5 мая — эфир о том, как сделать кейс привлекательным для нанимателя - 11,12, 18, 19, 25, 26 мая — разборы кейсов Каждую неделю с 4 по 24 мая — дедлайн сдачи кейсов. Одна неделя — один кейс. Регистрация и подробности челленджа в боте
🙂 Апрель для встреч
Тем, кто устал от онлайн-лекций и хочет живого общения, принесли подборку событий сразу в двух городах: 🐶 https://deza-event.timepad.ru/event/3914319/">Митап, Спб Завтра, 24 апреля, мы соберёмся в Питере на шрифтовом митапе от Paratype и ВКПБ. Хорошая возможность вживую послушать Тому Стрельцову, Сашу Королькову и Дениса Васильева. В цитате — полная программа. ⚡️ Александра Королькова (арт-директор) «Шрифтовая магия. Неочевидные возможности современных шрифтов и как они влияют на типографику и микротипографику» Саша расскажет, как выйти за пределы Montserrat / Inter / Roboto и посмотреть на шрифт внимательно, как на мощный и удобный инструмент с кучей настроек, а иногда — с возможностями на грани магии. Поймём, где и как эту магию можно применить в повседневной работе дизайнера. Будем говорить о нестандартной вариативности, оптических размерах, стилистических сетах, микротипографе, кейс-формах и всяких странных вещах, которые бывают в шрифте ⚡️ Тома Стрельцова (шрифтовой дизайнер) «Из каллиграфии в шрифтовой дизайн: нюансы и подводные камни на примере личного опыта» Тома покажет, чем леттеринг, каллиграфия и шрифт отличаются, а также где их точки соприкосновения. Поговорим о принципах письма, строении букв, ритме, глазомере и посмотрим на работу с контуром, спейсинг и кернинг через призму шрифтового дизайна. ⚡️ Денис Васильев (менеджер коммерческого отдела, специалист по лицензиям) «Пара слов о Паратайпе» Денис расскажет о Паратайпе (как о студии и как о магазине) и на примерах объяснит, как можно выстроить коммуникацию со шрифтовыми студиями. А ещё мы разберёмся в разнице между лицензиями, как их выбирать, обновлять и не попадать на штрафы. Начало — 18:00. Осталось 3 билетика. Кто в Питере и хочет обсудить буквы, приходите: https://deza-event.timepad.ru/event/3914319/ 🐶 B&D Форум: коммуникационный дизайн будущего, Мск 25 апреля в Институте бизнеса и дизайна пройдёт форум, на котором эксперты графического, цифрового и моушн-дизайна будут говорить о том, каким станет коммуникационный дизайн через 5–10 лет. Что останется за человеком, а что перейдёт к ИИ? И в чём будет наша ценность как представителей креативных профессий? В цитате — спикеры. ⚡️ Дмитрий Карпов — эксперт в области креативности, образования и развития творческого интеллекта. Автор книги бестселлера «Мышление как инструмент» и канала designsniper. ⚡️ Артём Геллер — генеральный директор лаборатории Артёма Геллера. Сооснователь «Смена» и «Дизайн-выходных». Бывший дизайн-директор AIC, Redkeds. ⚡️ Александра Першина — креативный директор Ohmybrand. ⚡️ Дарья Егорова — дизайн-директор в UI/UX «ЦЕХ», эксперт программы бакалавриата «Дизайн и проектирование цифровых сервисов (UI/UX)». ⚡️Алексей Чупин — основатель консалтинга по дизайну RDMI, бывший директор по UX/UI VK и дизайн-директор МТС. ⚡️ Екатерина Коновалова — креативный директор «Сила света», эксперт программы бакалавриата «Моушн-дизайн». ⚡️ Модератор — Мария Дружинина, руководитель направления «Коммуникационный дизайн» B&D, независимый арт-директор. Это встреча для открытого диалога. Чтобы послушать, нужна регистрация на форум. Выбирайте событие и приходите!
¡portfolio hero 8! начнётся 4 мая
*звуки загрузки роутера* 📁 ¡portfolio hero! — бесплатный челлендж для графических, коммуникационных, продуктовых, веб- и ui/ux дизайнеров, которые давно откладывали портфолио «на потом». а ph8 — это шанс получить фидбек от дизайнеров из альфа-банка, яндекса, мтс, сбера, т-банка и xsolla и студий pinkman, noideas, isfirst и dizzaract. 💭 напомним, как это работает. в течение трёх недель вы присылайте по кейсу в неделю, а мы по понедельниками и вторникам разбираем их в прямом эфире. всего разберём как минимум 50 работ, а вы сможете задать вопросы или рассказать нам про свой кейс в эфире. если сумеете сделать по кейсу каждую неделю, то к концу челленджа станете не просто героем, а героем с готовым портфолио и тонной фидбека. если всё ещё сомневаетесь, приходите на вводный эфир 4 мая — расскажем про челлендж. и на обучающий эфир 5 мая — расскажем, как делать кейс сочным ↘️↘️↘️ челлендж и сбор кейсов открываются 4 мая, но присоединиться можно на любой из трёх недель регистрация на челлендж и расписание эфиров — в боте
Итак, делюсь процессом создания сайта промосайта.
Тема: Глобальная проблема переработки пластиковых отходов. То есть задача — буквально сделать интерактивный арт-проект из бутылок. Его делают Николай (@nick_kudrya) и Наташа (@natalydesign) под моим чутким контролем и с персональными фидбэками. Попросил их рассказать о проекте, сейчас они на этапе концепта. Ребята еще поделились подробнее текстом о процессе и себе: Пару слов о нас. Я — Николай, человек, который решил уйти в дизайн после того, как ему исполнилось 33 года. До этого занимался спортивным маркетингом, пробовал себя в стартапах, где, не имея особых знаний в дизайне, отрисовал свой первый интерфейс приложения. В процессе обучения и перехода в индустрию дизайна мне удалось продать себя как арт-директора в одной из дизайн-студий в Ташкенте, где я, по сути, набирался опыта и набивал шишки. После ухода из этой студии мы вместе с коллегой открыли собственную дизайн-студию, которая функционирует уже чуть больше двух лет. Мой соавтор проекта на курсе "Ultra UI: Уровень Арт-дирекшн" — Наталья. Более 10 лет она работала художником, а сейчас — Lead UI/UX-дизайнер с опытом более 8 лет в digital. Художественный бэкграунд помогает ей создавать сильные визуальные концепции, работать с идентичностью проектов и выстраивать эстетику, а опыт в digital — проектировать продуманный UX и управлять дизайн-процессами. Вот такую небольшую команду собрал Евгений в рамках курса. Все рассказывают истории успеха, а я, пожалуй, кратко расскажу о тех вызовах, с которыми нам пришлось столкнуться: 1. Работа в команде Она сильно отличается от индивидуальной. Это всегда поиск общего решения, которое подойдет обоим, ведь проект учебный. Например, список тем, одинаково интересных нам обоим, заметно меньше. По сути, это очень похоже на работу с реальным проектом, где тему выбирает клиент. 2. Постоянная связь Практически каждый день мы стараемся созваниваться, несмотря на текущие рабочие задачи. Каждый созвон занимает от 20 до 60 минут. Нам повезло: мы живём в одном часовом поясе и можем найти время для общения практически в любое время суток. 3. Выбор темы Женя предупреждал, что в какой-то момент мы можем захотеть остановиться и начать всё заново — так и случилось. Изначально мы выбрали, как нам казалось, очень классную тему — студию традиционных ремёсел Японии. Мы прошли большой путь: анализ, референсы, мудборды, сторителлинг, раскадровку, интеграцию текста, даже начали генерировать материалы — но в итоге остановились и сменили направление. 4. Понимание механик Важный момент, который донёс Женя и к которому мы пришли далеко не сразу. Даже в фестивальных сайтах работает принцип «делай проще». Конечно, на Awwwards полно кейсов с невероятными 3D-моделями, сложными переходами и очень креативными решениями. Но лучший способ двигаться в любом деле — идти последовательно. Вооружившись этими вводными и спотыкаясь о хотелки вроде «надо сгенерировать видеосеквенцию» или «может, сделать простенькое 3D», мы в итоге пришли к простой CSS-анимации. Ну и если кто-то дочитал до конца — ловите наши соцсети. К сожалению, ни у меня, ни у Натальи нет собственных Telegram-каналов. «Запретграм» у нас больше про жизнь, чем про работу, поэтому делимся рабочими инструментами. ● Николай: Behance / Linkedin ● Наталья: Behance / Linkedin
🤖 В чат ботах текст это не часть интерфейса. Текст и есть интерфейс
Таня, дизайнер диалогов в Т-Банке, разобрала, чем дизайн диалогов отличается от UX-редактуры. На старте кажется, что задачи почти одинаковые: исследования, понятные тексты, тон общения, сценарии. Но в разговорном интерфейсе все меняется, потому что интерфейсом становится сам диалог. Главная разница хорошо видна на простом примере. Фразы «Хочу оформить дебетовую карту» и «Выпустите мне карту» звучат похоже, но дают роботу разный объем информации и запускают разные сценарии. Поэтому дизайнер диалогов проектирует не только реплики, но и логику уточнений, обработку смены темы, обратную связь и движение пользователя к результату. Внутри: – Чем дизайнер диалогов отличается от UX-редактора по роли и зоне ответственности; – Почему в разговорном интерфейсе UX и UI фактически нельзя разделить; – Как формулировка клиента влияет на сценарий и количество уточняющих вопросов; – Зачем читать чаты, слушать звонки и анализировать речевое поведение; – Почему в репликах робота вопрос часто ставят в конце, особенно в голосовых сценариях; – Как давать обратную связь без визуальных элементов и не запутать клиента; – Как писать естественные реплики робота и где разговорная лексика уже неуместна; – Какие навыки нужны дополнительно: распознавание речи, синтез речи, работа со сценариями. Хороший разбор для тех, кто смотрит в сторону чат-ботов, голосовых роботов и новой специализации в дизайне. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
UKO - UI Kit & Dashboard Design System — Обширная дизайн система для создания дизайна приложений
Ищутся вайбкодер/вайбдизайнер, концепт-дизайнер и вдумчивый продуктовый заводчанин в Зелёный Финтех 🪙
Ищем РАЗНЫХ дизайнеров в 5 (ПЯТЬ!) команд Сбера. Их можно было бы назвать крепким миддлом или вдохновляющим синьором, но главное — нужна хотя бы одна суперспособность: делать красивый UI, собирать MVP на коленке или доводить фичи и сценарии до прода. Лучше всё сразу, конечно, но единороги существуют только в сказках (в которые хочется верить). Если чешутся руки работать над disrupt-продуктами в сильной дизайн-команде сообщества СберДизайн — присылай резюме и портфолио по адресу [Hr_design@sberbank.ru ]. Связь: @nice2mitya_chuk
Ищутся вайбкодер/вайбдизайнер, концепт-дизайнер и вдумчивый продуктовый заводчанин в Зелёный Финтех 🪙
Нет, это не один человек — ищем разных дизайнеров в 5 (пять!) команд Сбера. Их можно было бы назвать крепким миддлом или вдохновляющим синьором, но главное — нужна хотя бы одна суперспособность: делать красивый UI, собирать MVP на коленке или доводить фичи и сценарии до прода. Лучше всё сразу, конечно, но единороги существуют только в сказках (в которые хочется верить). Если чешутся руки работать над disrupt-продуктами в сильной дизайн-команде сообщества СберДизайн — присылай резюме и портфолио по адресу [Hr_design@sberbank.ru ]. Либо поделись с теми, у кого чешутся 😍 @nice2mitya_chuk
🧱 В UXART поняли, что теряют сотни тысяч не на больших ошибках, а на кривой дизайн-системе
Старая система у студии была слишком тяжелой, негибкой и годилась в основном для грубого вайрфрейминга. На ней было сложно собирать нормальные высокодетализированные прототипы, приходилось постоянно что-то править на ходу, а первое впечатление от работы могло страдать просто из-за плохого визуала и топорных компонентов. В какой то момент команда решила не латать это бесконечно, а пересобрать все с нуля. Завели токены, пошли через атомарный дизайн, начали с самых частых элементов вроде кнопок, инпутов и выпадающих списков, а потом нарастили библиотеку до рабочего инструмента, который ускоряет и проектирование, и дизайн. В итоге выиграла и студия, и клиенты: меньше ручной рутины, быстрее концепты, проще кастомизация под конкретный продукт. Внутри: – Почему старая дизайн-система тормозила работу и съедала ресурсы; – Чем дизайн-система отличается от обычного UI-kit; – Как команда собирала новую систему через токены и атомарный дизайн; – Почему начали с малого, а не пытались охватить все сразу; – Как переиспользуемые компоненты ускорили проектирование интерфейсов; – Почему скорость не превращает проекты в однотипные шаблоны; – Что получает клиент, когда у студии есть нормальная дизайн-система; – Как токены помогают адаптировать одну систему под разные продукты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Кажется, продуктовый дизайн сделал виток по исторической спирали.
Лет 5 назад от дизайнеров хотели понимания процесса, знания фреймворков и методологий. В какой-то момент UI будто стал вторичным. Главным стало то, как думаешь, а не как выглядит результат. За 5 лет количество дизайнеров кратно увеличилось, а рабочих мест, наоборот, стало меньше. Сегодня на одну открытую вакансию нанимающий получает десятки откликов. У него просто нет времени погружаться в детали. Просмотр портфолио стал подобен движению по шоссе — есть всего пара секунд чтобы считать информацию и принять решение. UI снова стал критически важным фильтром. Если визуал слабый, никто даже не узнает, что у вас сильный UX и процессы. Причём, играет роль не только визуал продукта, но и то, как выполнено портфолио, как упакованы кейсы. UX, понимание продукта и процессы не перестали быть важными, нет. Важно зацепить взгляд и попасть на собес, где можно будет рассказать все детали кейса. Хороший UX без хорошего UI в портфолио сейчас проигрывает. Просто потому, что до UX никто не дойдёт. UI снова стал входным билетом. 🌊🌊
Ребята, я взял свою первую ленточку UI/UX на Бехансе!🥳
Буквально полторы недели прошло с момента публикации, сегодня открываю беханс, а там 99+ оповещений, думаю что за глюк, а оказалось успех постучался 😄 Всем спасибо кто поддерживал! Проект Guardbase посмотреть тут! Сделал пост у себя в телеге тоже
Текст норм?
Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?
UI Kit step by step Noknok Digital — пошаговое руководство по дизайну UI Kit