Books that helped me at the start

You asked me in the comments which books helped me at the beginning of my design career, so I’m sharing the list here. All of these books are available in different languages. 1. Don’t Make Me Think — Steve Krug Teaches you to see interfaces through user effort and remove everything that makes people stop and think. 2. The Design of Everyуday Things — Don Norman Explains how design fails in daily life and how to build products that match human behavior. 3. Emotional Design — Don Norman Shows why emotions matter and how good design works not only logically, but emotionally. 4. Universal Principles of Design — William Lidwell et al. A clear overview of core design principles that apply across UX, UI, and product thinking. 5. Web Form Design — Luke Wroblewski A practical guide to designing forms that people actually complete without frustration.

Уроки по анимации интерфейсов

В этом году Денис Абдуллин запустил обучение по UI-анимации в After Effects, с нуля до создания презентаций в стиле роликов Telegram. Денис 8 раз выигрывал в официальных конкурсах Telegram, где нужно было создавать подобные анимации. Сотрудники ведущих компаний проходят курс, некоторые даже целыми командами, а работодатели оплачивают прохождение курса своим сотрудникам. 🎄 До 31 декабря можно приобрести обучение себе или в подарок со скидкой или сохранить цену, приобретая от работодателя: https://interfaceanimation.ru/ Начните год с того, что давно хотелось освоить!

📚 40 элементов интерфейса для начинающих дизайнеров

Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Apple обновила Human Interface Guidelines и SF Symbols до версии 4 (добавлено более 700 новых символов, поддержка вариативных цветов, автоматический рендеринг и многое другое).

developer.apple.com/design 🍲
Сервис, который поможет определиться со стилистикой вашего интерфейса. Interface Styles Shaper.
• Возможность в одном окне настроить все базовые параметры, которые влияют на внешний вид • размеры, отступы, цвета, типографику, скругления. #Service #Style Открыть на сайте
Илья Сластен,
UX/UI-дизайнер Меня зовут Илья, я Senior UX/UI-дизайнер с 6+ годами опыта в B2B и B2E продуктах. Специализируюсь на сложных enterprise-интерфейсах, дата-ориентированных решениях и масштабируемых дизайн-системах. Ранее работал над продуктами для железнодорожной компании и банка: от интерактивных карт (ГИС-система) и CRM до корпоративной дизайн-системы. Также был Design Chapter Lead — настроил совместную работу дизайнеров и продуктовых команд, стандартизировал UX-процессы: от исследований до тестирования, и участвовал в обучении команды. Сейчас открыт к новым возможностям и предложениям. → Портфолио Контакт для связи: @interfacegeek #портфолио
Изображение поста
User Interface — набор иконок.
🔗 Figma Community ▫️ #icons
Изображение поста
Обновил трейлер курса
Добавил цвета на фон и описания, чтобы было понятно что из какого урока, что именно демонстрируется в определенный момент времени. И кнопку воспроизведения на самом сайте сделал в стиле Liquid Glass. Также появился отдельный канал курса «Анимация интерфейсов» – @interfaceanimation, там преимущественно будут новости курса, информация о нём и ответы на вопросы, но также планирую там делиться личными историями и полезными находками, связанными с анимацией и презентацией интерфейсов. Также в планах обновить сам сайт.
Гайдлайны Google Material и Apple Human Interface.
NDA-проект ищет UX/UI-дизайнера (middle)
🟢 Вакансия открыта Зарплата: Не указана Грейд: Middle Кто ищет: Recruiter Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка Hi there! We’re a team working in the travel and passenger transportation industry. We sell train tickets, organize tours, and build convenient digital products — so that every journey begins with a smooth interface. 👁👁 Откликнуться →
Изображение поста
User Interface — набор иконок.
🔗 Figma Community ▫️ #icons
Изображение поста
Interface Basic Icon Set
Изображение поста
Apple обновила Human Interface Guidelines и SF Symbols до версии 4 (добавлено более 700 новых символов, поддержка вариативных цветов, автоматический рендеринг и многое другое).
developer.apple.com/design 🍲 Дизайн Борщ
Expressive Series
Интерфейс управления духовкой. К теме поворотного кольца как элемента интерфейса, где в сравнении с цилиндром используется внутренний объем. Как тактильно, так и визуально. А если еще дальше подумать, то можно дойти до рулевого колеса автомобиля) @ Gaggenau Team #product #interface
Expressive Series
Интерфейс управления духовкой. К теме поворотного кольца как элемента интерфейса, где в сравнении с цилиндром используется внутренний объем. Как тактильно, так и визуально. А если еще дальше подумать, то можно дойти до рулевого колеса автомобиля) @ Gaggenau Team #product #interface
Курс по UI-анимации снова доступен со скидкой! 🛍
Смотрите на эти анимации и думаете, что не сможете также? https://interfaceanimation.ru/">Освоить программу можно меньше чем за неделю. Вы будете готовы к тому, чтобы делать крутые микроинтеракции, делать живой эмоциональный дизайн, презентовать свои работы, и усилите портфолио. А также будете готовы к участию в официальных конкурсах Telegram. Автор: Денис Абдуллин, дизайнер интерфейсов с опытом 10+ лет (Альфа-Банк, Открытие Инвестиции, РБК и в студии из Сан-Франциско), автор канала Хороший интерфейс, и 8-кратный победитель конкурсов Telegram с упоминанием от Павла Дурова. ➡️ https://interfaceanimation.ru/">Узнать подробнее о курсе Что вы получаете: ✔️ Курс из 10 уроков 🔒 Доступ в закрытый чат с кураторами, автором и другими учениками 💬 Живую обратную связь + проверку работ от куратора на платформе и в закрытом чате 👑 Готовые работы в портфолио 💎 Полезные материалы по моушн-дизайну и анимации интерфейсов ⌛️ Помощь с установкой всех программ 🛡 Сертификат о прохождении 🔗 https://interfaceanimation.ru/
Сегодня, как и Алика, попалась. Смотрю портфолио одного диза, думаю: что за шрифт такой стильный? Врубаю Font Ninja, и как вы думаете кто там??? Конечно же Inter
Inter сам по себе прикольный базовый шрифт, многие дизы его любят! Но оказывается можно сделать его еще круче, с помощью таких настроек: Figma version: – В настройках шрифта зайди в Details – Включите Stylistic alternates – Включите single-storey "a" (буква a станет однопалочной) – Трекинг на -2 и всё сразу выглядит собранно и стильно! – Там же в настройках зайдите во вкладку Variable и поиграйте с настройками. Можно задавать толщину/вес (от 100 до 900) и наклон от 0 до -10 градусов Интересные факты: - Первое название шрифта было "Interface", потому что он создавался именно для UI-дизайна – Шрифт создан дизайнером Расмусом Андерссеном при работе над интерфесом для Figma, он делал подобную задачу впервые! Так что Inter это системный шрифт Figma, а так же основной шрифт платформы Notion и многих других диджитальных продуктов – У него полностью открытая лицензия (SIL Open Font License) можно использовать и в коммерческих проектах, и в продакшене без ограничений 💫 Как вы относитесь к этому шрифту? Успел надоесть как Montserrat или пока ещё нет?
Изображение поста
User Interface Icons
Это небольшой набор векторных иконок, которые отлично впишутся в ваш интерфейс. Ссылочка на иконки — User Interface Icons #иконки Иконки Figma
Изображение поста
#пятьд
Как пить из дизайнерского стакана #product #interface
Лендинг для интернет-магазина растений.
• Готовый адаптивный макет (десктоп + мобильная версия) • Чистый и минималистичный интерфейс • Подходит для e-commerce и природных тем • Ускоряет процесс дизайна • Полностью бесплатный для использования #landing #webse #interface Открыть в Figma Источник 👨 Дизайн-телега