interfacer
interfacer.xyz — это коллекция высококачественных бесплатных ресурсов по дизайну, созданных самыми талантливыми и замечательными людьми в Интернете. Вы можете использовать их все в коммерческих проектах.
#resources
👵👨🦳 § UX для людей в возрасте. Почему и откуда взялось заблуждение, что эта категория пользователей не может отличить смартфон от булыжника. Разбираем в чем их особенность и как учитывать это в своих проектах. И как так вышло, что даже Норман Нильсон живет все еще в парадигме нулевых, когда смартфон был чем-то новым для всех, а не только для бабушек и дедушек.
#edu [15 min]
Выбор темы не случайный. Сейчас как раз делаем интерфейс, которым активно пользуются пожилые люди + очень для разбора помог предыдущий опыт интерфейсов для этой аудитории. Никогда не знаешь, с чем придется столкнуться в работе. Хотя, доп. специализация на Medtech как бы намекает...
Что можете погуглить на эту тему:
Gerontechnology (Геронтотехнологии) – это направление, изучающее технологии, адаптированные под возрастные изменения.
Age-Inclusive Design (Возрастной инклюзивный дизайн) – методология, учитывающая когнитивные и физиологические изменения у пожилых пользователей.
Из книг, обратите внимание на "Designing User Interfaces for an Aging Population" – Jeff Johnson, Kate Finn. В ней подробно разбираются когнитивные и физические изменения, связанные со старением, и даются рекомендации по UX/UI.
С вас лайк ❤️ если удивил с темой параграфа 😊
Youtube Mockup | New Interface
Youtube Mockup | New Interface
Дизайнеры, которые думают, что можно всю жизнь таскать иконки из библиотек — ну-ну, живите дальше в мире иллюзий. Пока ты скачиваешь чужие SVG, кто-то другой уже делает кастомный сет, который идеально ложится в продукт и радует глаз.
Иконки — это микро-дизайн. Тут важна каждая пиксельная срань: выравнивание, толщина линий, сетка. Не умеешь рисовать их сам — рано или поздно упрешься в ограничения чужих решений. А кастомные иконки — это про стиль, про эстетику, про контроль над дизайном.
Так что ловите 6 топовых ссылок, которые помогут не позориться:
1. «Самое простое руководство по иконографике»
Статья от Нетологии, где рассматриваются базовые принципы создания иконок, такие как символизм, простота и универсальность.
Читать
2. «Суперполезный гайд по созданию иконок для интерфейсов»
Руководство от VC.ru, которое акцентирует внимание на уровне детализации, консистентности и минимальных размерах зазоров между элементами иконок.
Читать
3. «Дизайн иконок: принципы и примеры»
Статья на UPROCK, где разбираются 7 ключевых признаков отличных иконок с множеством примеров для вдохновения.
Читать
4. «Icon Design: The Ultimate Guide»
Smashing Magazine подробно рассматривает процесс создания иконок, включая выбор стиля, сетки и техники отрисовки.
Читать
5. «How to Design Icon Sets for Interfaces»
Статья, где обсуждаются шаги по созданию согласованных наборов иконок для интерфейсов, включая определение стиля, сетки и размеров.
Читать
Хватит сидеть и ныть, что у тебя “нет чувства стиля”. Открывай ссылки, учись, тренируйся. Потом спасибо скажешь.
3D Interface for AI Product
Interface 3D icons pack
💾 Скачать и использовать
https://disk.yandex.ru/d/tb3wn6U2uGHqkA
🔎 Посмотреть описание
https://ui8.net/defocs/products/interface-3d-icon-pack
#icons #illustrator
👨 Дизайн-телега
Компания IKG ищет в команду UX/UI-дизайнера
🟢 Вакансия открыта
Зарплата: Не указана
Тэги: #designer, #design, #дизайнер, #ищудизайнера, #релокация
Город: Москва
Грейд: Senior
Кто ищет: Рекрутер
Кого ищем: We are looking for UI/UX Designer to join our team. The ideal candidate is someone who can create thoughtful, user-friendly, intuitive, and visually appealing interfaces. You should be energetic, pass...
«...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...»
Вспоминаю тестовое задание от Самоката. Одна из задач была улучшить дизайн мобильного приложения для менеджера даркстора. Я проанализировал возможные несостыковки и нарисовал свое удобное и правильное решение. Фидбек был таким: «...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...».
Мой дезигн с точки зрения логики был неплохим, но были допущены ошибки: title в navbar был расположен неправильно, шеврон для раскрытия шторки повернут не в ту сторону и тому подобное. Осознание этих ошибок пришло уже впоследствии, когда я изучил необходимые фундаментальные вещи, типа гайдов от Apple (Human Interface Guidelines) и Android (Material Design). Благодаря этому опыту, сейчас я могу точно сказать, что во время проектирования своих первых работ необходимо изучить гайдлайны.
Что мы узнаем из гайдлайнов:
Компоненты и их названия: если не понятно, что такое Floating Button или в каких 3 позициях может быть Bottom sheet, то точно стоит начать прямо сейчас
Механика компонентов: их состояния, реакции на жесты, анимация
Навигация в приложениях: в каких случаях нужен нижний тапбар, а в каких нет; как работает поиск
Принципы инклюзивного дизайна: рекомендуемый минимальный размер шрифта, цветовая контрастность, что такое скринридер и как он работает
Различия подходов Apple и Android в дизайне: полезно знать, хотя сейчас дизайн приложений часто становится более единообразным
Правила и антипаттерны: в Material Design детально описано, как нужно и как не нужно проектировать, с аргументацией на основе исследований
Эти знания повысят квалификацию и ценность как специалиста. Ниже ссылки на оригинальные ресуры на английском и на переведенный материал (спасибо @chim_mammedova )
Human Interface Guidelines 🍎(En)
Material Design 3 🤖(En)
Human Interface Guidelines 🍎(Ru)
Material Design 2 🤖(Ru)
#материалы
#дизайн_системы
💬 Тултип
3D Interface for AI Product
#Course #UI #Design #Game
UI Design for Games by Grafit Studio
Become a Game UI Artist in 8 lessons!
Master the design of the user interface for games!
Create your own card game project by learning the basic principles of user interface design, from working with color and textures to creating icons and windows.
@iReponline
⭐️ Dynamic island phone interface
Шаблон для создания динамического острова
ℹ Совместимость ⚠️⚠️⚠️
🏷 #Инфографика
🪙 КУПИТЬ | 📥 СКАЧАТЬ
#Course #SchoolofMotion #AfterEffects #VFX
After Effects Kickstart
Master the After Effects interface and upgrade your animation skillset in just 8 weeks
@iReponline
UI alternatives for tables
Working as a UI/UX designer means encountering tabular tables sooner or later. Especially when you design products that deal with large amounts of information, for someone unfamiliar with table design, it can quickly turn into a nightmare!
Tables are powerful tools to deal with complex data and gain clarity. Frankly, there are only a few times when table alternatives make sense.
However, there are some cases where you can consider alternatives, such as creating a more visual interface or presenting data in a more informative way.
I will discuss alternatives to tables, when and how to use them.
Read full article
