🔔 Вы рисовали колокольчик, а вам говорят, что это нос

Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась. Александр Никитин, UX/UI-дизайнер в Экзон, создал набор из 250 иконок и написал про весь процесс. Главный тезис: начинать нужно с конца. Сначала сформулировать, какая библиотека нужна в итоге, потом рисовать. От этого зависит всё: нейминг, структура, формат, насколько легко масштабировать и поддерживать. Парадокс работает: когда знаешь финальную картину, не наломаешь дров. Внутри: — Хинтинг и пиксельная сетка: почему иконка размывается, если поставить не в край пикселя; — Сохраняйте базы: векторные объекты до их преобразования, чтобы потом не переделывать с нуля; — JTBD для иконок: когда делаю макет, хочу быстро вставить нужную иконку, чтобы не отвлекаться на правки; — Все иконки одинаково важны: не делите на главные и второстепенные; — Иконки не должны быть красивыми, а должны работать: не отвлекать, а дополнять интерфейс. Статья с конкретными горячими клавишами Фигма, примерами структуры, проверками на дубли и ошибки. Если делаете библиотеку иконок, почитайте до создания, а не после переделок. А вы когда-нибудь создавали иконку, которую никто не понял? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Набор «100 glass icon» by Phú Nguyễn

100 бесплатных иконок в стиле стекломорфизма 🦾Скачать иконки🦾 #иконки
Изображение поста

Как я пилю свой продукт. Часть 26

После релиза кабинета рекрутера 2 февраля я почти не вылезал из кода. Основной фокус был не на «добавить кнопки», а на то, чтобы всё это держало нагрузку, не сыпалось и работало быстро. Коротко: докрутил рекрутерскую часть, сильно ужал расходы на инфраструктуру и снизил количество лишних запросов в Redis (примерно х10 раз), что сэкономит мне денег за месяц. 🔘 Что сделал: – Стабилизировал кабинет рекрутера: поправил гонки в БД, доработал логику откликов/чатов, метки прочитанного, статусы, ограничения и защиту API; – Причесал страницы рекрутера: список вакансий и детальная стали удобнее, добавил CTR, копирование ссылки, slug-ссылки, адаптив и кучу мелких UX-фиксов; – Сильно переработал кеши: Redis + request-scoped кеши + negative cache + gzip для данных поиска/вакансий, чтобы меньше долбить БД и API; – Снизил нагрузку на БД: батчинг аналитики и событий, буферизация через Redis, фоновые флаши и дневные агрегаты; – Подкрутил инфраструктуру: Gunicorn, CPU на проде, таймауты и health-check Redis; – Разнес монолитный главный файл на модульную структуру (bootstrap/blueprints), чтобы дальше не утонуть в хаосе; – Обновил стратегию кеширования фронта; – Добавил PWA-базу (иконки/manifest/service worker + offline fallback). Теперь можно добавить сайт на домашний экран и пользоваться как приложением; – Доработал проверку резюме и PDF: асинхронная генерация, кеш, улучшения по мобильному UI. Ну и теперь проверка резюме даёт более подробную информацию чуток) – Разбил большой css файл на 24 маленьких и ничего не сломал)) – Поработал чуть по SEO и вывел в поиск 1000+ страниц по разным параметрам, посмотрим, какой эффект это даст. 👀 Что по цифрам: – Были рекордные показы по SEO из гугла и яндекса, а также клики (всё это за 0 рублей); – Рекорд по выручке за последние 30 дней; – DAU приближается к 4к пользователей (шок). Цель 10к DAU; – Каждый день 200+ регистраций. – Сотни сопроводительных и проверок CV каждый день; – 200+ откликов добавляют в менеджер откликов ежедневно; За последний месяц, чтобы вы понимали рост, я до сих пор не осознаю пока: – Сопроводов сгенерировано на 138% больше, чем за прошлый период; – Сиви проверено на 103% больше; – Мэтчей на 133%; – Поисковые запросы на сайте на 58%; – Откликов добалвено на 103% больше; – Рост регистраций на 117%; 🌐 Из важного ещё Я научился хорошо парсить Linkedin (его не просто парсить, ибо у них закрытое апи и в целом хреновый поиск), поэтому теперь вакансий с прямым контактом будет ещё больше. Ну и расширяю сетку рекрутеров тоже. И я почти полностью ушёл от HH. Теперь их вакансий на сайте меньше 5% и только по дизайну (редко). В скором времени откажусь ещё от пары агрегаторов, чтобы давать только прямые контакты. Пришлось немного улучшить машинку, которая тянет всё это дело, ибо старая стала подтупливать) Теперь всё гуд. Сейчас цель простая: продолжать усиливать рекрутерский контур и доводить путь вакансия → отклик → чат → оффер до максимально бесшовного состояния. Весь упор сейчас буду делать на рекрутеров, чтобы привлекать их в сервис. Пока не знаю как, если есть идеи — пишите. Спасибо каждому, кто пишет фидбек в личку. Это реально помогает делать продукт лучше каждый день. А его я получаю ежедневно с массой благодарности. Спасибо!!! Если у вас есть вопросы, пожелания, предложения, приходите в лс ➡️ Смотреть вакансии ➡️ Смотреть вакансии ➡️ Смотреть вакансии ч.25
Изображение поста

Набор элементов "Cistmas Design Assets" by iconscout Здесь вы найдёте большую коллекцию графики на тему Рождества и Нового Года, включающую в себя 3д-элементы, иллюстрации и иконки

Изображение поста
📖 Вышел Журналус № 493. Суровые старославянские панды
Вот что мы подготовили на этой неделе: • Цитаты из книги Германа Цапфа «Философия дизайна» • Как ИИ меняет логику продуктового дизайна и разработки • Как проектировать интерфейсы для суровых производств • Как работать с цветом в дизайн-системах • Чем полезны метафоры при защите решений перед руководством или бизнесом • Как научиться рисовать иконки с нуля • Чем грозит появление сверхмощного ИИ. Мнение CEO Anthropic • Онлайн-музей физических носителей информации • Интервью с филологом и лингвистом о шрифтах с поддержкой старославянского языка • Нетривиальные изысканные флаконы лаков для ногтей
Изображение поста
🐶 Из шрифта без строчных и кириллицы — в две линейки по шесть начертаний и 1000 знаков: история Kayotique
После рассылки о новом шрифте Ника Недашковского нам пришло милое и забавное сообщение: «кайотик, это маленький койот?» Отвечаем словами автора: CHAos buTIQUE = Kayotique CHAos — идея трикстера, привносителя хаоса bouTIQUE — бутиковый, работающий скорее точечно, чем массово Если объединить все версии, получается — маленький хаотичный койот, который работает точечно! Спасибо всем, кто присылает приятные сообщения в ответ на рассылки. Наш главред Даша расплывается в улыбке каждый раз. Кстати, Ник практически дал нам целое интервью о новом гротеске. В прошлый раз мы опубликовали только часть, сейчас показываем остальное: Kayotique заполняет пространство, выдавливает воздух и сразу заявляет о себе. В узких начертаниях — напряжённый и собранный, в широких — громкий и размеренный. Легко представляю Kayotique в логотипах и айдентике фестивалей, рейвов и независимых событий. В интерфейсах, где типографика — главный визуальный якорь. На постерах, обложках и мерче, потому что в крупных кеглях этого шрифта слова превращаются в форму, а не просто в текст. Kayotique не цитата конкретной эпохи. Скорее, это смесь ощущений от индустриальной типографики, раннего digital и пост-интернет эстетики — грубая функциональность, в которую намеренно добавлен сбой. Шрифт вдохновлён не объектами, а состоянием: напряжением, шумом, внутренним хаосом, который всё равно приходится структурировать. Изначально Kayotique задумывался как утилитарный: только прописная латиница, базовая пунктуация, один набор цифр. Но со временем в шрифте появились строчные буквы, формально похожие на капитель. Потом добавилась кириллица, позволяющая работать с несколькими языками. Затем расширилась латиница, включилась поддержка вьетнамского, а мысли по поводу конструкций отдельных букв переросли в самостоятельные стилистические сеты. Есть даже отдельный сет «под логотипы» для тех случаев, когда достаточно изменить одну букву, чтобы слово начало работать как знак. Проект, который должен был быть ограниченным, постепенно разросся в сложную систему: Sharp & Soft линейки начертаний по 1000 символов, наборы стрелок, иконки, стилистические сеты чтобы менять характер текста — от более сдержанного до предельно выразительного. Kayotique поддерживает 200+ языков, включая очень редкие, например, южносаамский. Подойдёт для брендинга, дизайна упаковки и любых смелых проектов ⚡️ Скачать тестовую версию Купить шрифт Kayotique
Изображение поста
апдейтнули айдентику для одного известного застройщика
самолет обновил свой фирменный стиль, а мы поучаствовали в этом рефреше. собрали гайдбуки, иконки и key visuals — всё про процесс, дизайн-архитектуру и логику решений читайте в статье на Sostav. а всеми подробностями про бренд-гайды с ai-айдентикой на этом проекте поделимся позже — stay tuned. дизайн-поддержка
📤 500+ паков исходников в одном месте. Автор канала Лови исходники несколько лет собирает библиотеку бесплатных ресурсов для дизайна
Что в коллекции: 📁 Иконки (линейные, заливка, 3D) 📁 Иллюстрации и графика 📁 UI-элементы и mockup'ы 📁 Текстуры и паттерны Особенность канала: Для каждого исходника создана наглядная презентация. Не нужно качать файл, чтобы понять, подходит ли он. Стоимость: 0₽ 29 000+ дизайнеров уже пользуются. Подписывайся Лови исходники
В итоге выиграл этот баннер. Мы его еще заанимировали. Теперь он понятный, доступный, но в то же время стилевый баннер. Таким анимациям мы, кстати, тоже будем учить на интенсиве.
Ребята, поверьте, на многих платных курсах не учат делать такую красоту, а мы это даем бесплатно, еще накидываем вам токены и проводим розыгрыши. А еще каждый будет делать не по шаблону, а свои буквы и слова. В общем, сплошная красота, а не интенсив. И мне, и команде будет очень приятно, если вы посетите интенсив и поделитесь своими генерациями по итогу практики — это будет вашей лучшей благодарностью. ➡️ Зарегистрироваться на интенсив можно по ссылке ⚡️ И да — последнее китайское предупреждение. Сегодня завершается акция по курсу «Нейросети для дизайнеров», еще несколько часов программа доступна со скидкой 30%. Этот курс — расширенная версия текущих бесплатных интенсивов по нейросетям, но на платном курсе вы получите в 10 раз больше материалов, пользы и обратной связи. В программе подробно разберем все ситуации, где ИИ может помочь дизайнеру с качественным визуалом для любых проектов: фото, иконки, иллюстрации, графику, 3D, видео. 🎁 Плюс вы получите тариф «Профессиональный» в Утопии на 2 месяца в подарок вместо 5 300 ₽ — это дополнительная выгода к текущей скидке. 📌 Стоимость обучения сейчас — 58 900 41 230 руб. при оплате сразу или от 2 455 руб./мес в рассрочку. 📌 Старт потока — 16 февраля 📌 Длительность — 2,5 месяца ➡️ Оставить заявку на консультацию P.S. В комментарии оставлю пояснение, почему выбрал именно этот баннер
В этой группе в Телеграме я покупаю рыбу 😅
Бизнесу жизненно необходим наглядный и понятный дизайн (а не этот наш минимализм), поэтому он выкручивается как может. 1. Иконки неплохо показывают группировку. Да и вообще без них длинный список смотрелся бы уныло. Обратите внимание на точность изображений. 2. Цены выделены жирным, потому что нет возможности поставить их в отдельный столбик. 3. Всё, что закончилось, перечеркнуто. 4. Заголовки групп — присутствуют. Сверстать текст для поста в Телеграме — прекрасное учебное задание. Надо такое сделать.
Изображение поста
И вот статья с разбором косяков с иконками в macOS Tahoe на основании гайдов почти полувековой давности 🙀
Изображение поста
В этой группе в Телеграме я покупаю рыбу 😅
Бизнесу жизненно необходим наглядный и понятный дизайн (а не этот наш минимализм), поэтому он выкручивается как может. 1. Иконки неплохо показывают группировку. Да и вообще без них длинный список смотрелся бы уныло. Обратите внимание на точность изображений. 2. Цены выделены жирным, потому что нет возможности поставить их в отдельный столбик. 3. Всё, что закончилось, перечеркнуто. 4. Заголовки групп — присутствуют. Сверстать текст для поста в Телеграме — прекрасное учебное задание. Надо такое сделать.
Изображение поста
Free Icon Set — иконки с открытым исходным кодом, основанные на сетке 14 пикселей.
app.streamlinehq.com/icons/streamline-mini-line
Иконки «Social Network» by Enamo Studios
Набор бесплатных иконок разных популярных ресурсов в 4 стилях 🌐 Скачать набор 🌐 #материалы
Изображение поста
Super68 icons pack by Perfect Pixel
Большой набор из более чем 4000 иконок в самых популярных категориях, которые применимы для самых разных областей. 📱Скачать иконки📱 #иконки
Изображение поста
💎 Три точки, которые ломают UX
Меню из трёх точек (вертикальных или горизонтальных) стали настолько привычными, что их лепят везде. Нужно спрятать одну кнопку? Три точки. Нужно развернуть текст? Три точки. Нужно показать навигацию? Тоже три точки. А потом удивляемся, почему пользователи не находят нужные функции. Кэйт Каплан Kaplan из Nielsen Norman Group собрала 10 гайдлайнов по контекстным меню. Главная мысль: эти иконки узнаваемы, но пользователь не может предугадать, что за ними скрывается. Он понимает, что там «ещё опции», но какие именно, непонятно. Поэтому прятать туда важные действия нельзя. А ещё три точки не годятся для разворачивания текста или картинок, это ломает привычное восприятие. Внутри: – Когда контекстное меню уместно, а когда лучше показать кнопки; – Почему расположение иконки важнее её размера; – Примеры ошибок от Google, Etsy, AT&T; – Как сделать меню понятнее через подсказки; – Почему «гамбургер» и «три точки» путать нельзя. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Плагин «Morph Animation» by Arman Abtahi Плагин создает анимацию по превращению одной векторной иконки в другую
🧙‍♂️ Скачать плагин 🧙‍♂️ #plugin
Изображение поста
IconaMoon 1.1 - это обширная коллекция, включающая более 2400 иконок в 8 уникальных стилях.
Ссылочка на иконки — IconaMoon 1.1 +2400 Icons, 8 Styles Figma
Изображение поста
Плагин «Ikonate to Figma» by Eugenio Ciccale
Плагин с настраиваемыми SVG иконками в Figma 🧍‍♂️ Скачать плагин 🧍‍♂️ #plugin
Изображение поста