🧪 Дизайн-ревью это момент, когда фича либо становится цельной, либо рассыпается на мелочах

На макете всё почти всегда выглядит хорошо. Проблемы начинаются уже в реализации: экран открылся не той анимацией, скелетон мигнул, чекбокс нажимается только в крошечной зоне, тень обрезалась, текст поехал, в темной теме картинка стала чужой. По отдельности это мелочи. Вместе именно они создают ощущение сырого продукта. В этом гайде ребята из Т-Банка хорошо разложили, как смотреть на дизайн-ревью системно, а не просто сверять экран с макетом. Не только статичное состояние, но и весь опыт целиком: переходы, загрузка, скролл, нажатия, выходы с экрана, типографика, иконки, поведение в светлой и темной теме. Внутри: – Как проверять переход к экрану и не путать типы презентации; – На что смотреть в загрузке: лоадеры, скелетоны и смену состояний; – Почему скролл и нажатия часто ломают впечатление от готовой фичи; – Какие жесты выхода должны работать по умолчанию; – Как сравнивать реализованный экран с макетом через скриншоты в Figma; – Что проверять в отступах, размерах, скруглениях и тенях; – Какие ошибки чаще всего всплывают в цветах и темной теме; – Почему типографика и редполитика тоже часть дизайн-ревью; – Что важно проверить в иконках, графике и видео до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Субтитры, «Очень странные дела» и D&D

В продолжении потрясной короткометражки от Дяди Вани хочу рассказать про то, как субтитры помогают людям с потерей слуха прожить историю так же полно, как и слышащие зрители. Главный принцип: субтитры — это не транскрипция речи, а перевод всего звукового пространства. Диалоги, атмосфера, музыка, звуки монстров — всё это несёт смысл и эмоцию, и задача субтитров передать их полностью. За субтитрами SDH (субтитры для глухих и слабослышащих) к сериалу «Очень странные дела» стоит Джефф Т., который придумал «[eldritch thrumming]» - [потустороннее гудение]. [Потустороннее гудение] - хороший субтитр. Слово eldritch — из словаря D&D и старой готики: что-то потустороннее, древнее и угрожающее. Джефф вставил его как пасхалку: это ещё и название заклинания чернокнижника. Звук сразу обретает характер существа. [Музыка] - плохой субтитр: «Музыка» не передаёт ничего: ни жанра, ни интенсивности, ни эмоции. Глухой зритель лишается контекста, который слышащий получает автоматически. Звуковые эффекты создают напряжение, страх, атмосферу. Заменять их общим словом — всё равно что убрать саундтрек из фильма хоррора, который решает все ) Для дизайнеров важное про паттерны цифровой доступности: каждый звук в интерфейсе несёт смысл — и если пользователь его не слышит, этот смысл должен быть передан визуально: ✦ Субтитры включены по умолчанию, а не спрятаны в настройках. ✦ Настраиваемые параметры: шрифт, размер, цвет текста и фона — пользователь сам выбирает под своё зрение. ✦ Визуальные уведомления вместо звука: popups не исчезают сами собой. ✦ Пропущенные события не исчезают сами: бейджи и счётчики остаются видны до явного подтверждения пользователем. ✦ Ошибка, успех, загрузка передаётся цветом, иконкой и текстом одновременно. ✦ Текст состояния конкретный: не «Ошибка», а «Не удалось отправить сообщение — проверьте соединение» (актуалочка подъехала). Alt текст: Скриншот из «Очень странных дел»: тёмно-синяя сцена, в центре кадра — Векна, гуманоидная фигура с кожей, покрытой прожилками, окружённая длинными органическими щупальцами. Внизу экрана белый субтитр на чёрном фоне: [tentacles squelching wetly] [щупальца хлюпают мокро] — пример профессионального SDH-субтитра, описывающего звук, а не просто называющего его.

Три закрытых канала для дизайнеров

1. Людочка, плагины — только отборные плагины, с наглядными гифками и навигацией по хэштегам. 2. Людочка, дизайн — бесплатные 3D, иллюстрации, шрифты, нейросети, иконки, мокапы, видео. 3. Людочка, референсы — лучшие работы по веб-дизайну, чтобы тренировать насмотренность. Залетай, используй ❤️

Набор иконок Supercons

Здесь вы можете найти большую коллекцию стильных иконок для своих проектов. 🔍Скачать иконки🔍 #иконки
Outlined and Rounded Icons by Augusto Carrilho
Большой набор из более чем 2500 стильных иконок в двух стилях для самых разных задач. 💡Скачать иконки💡 #иконки
📱 Иконка цветочка в иллюстраторе
Объемные фигурки в illustrator by by_liubov
Очень старый и простой прием как создавать объемные иконки в illustrator с помощью встроенных эффектов #illustrator
Iconizer by David Mühlenweg
Большой пак из более чем 775 бесплатных иконок с возможностью кастомизации. 👀Скачать иконки👀 #иконки
Icon Scaling Tool — плагин для Figma, который помогает масштабировать иконки под все популярные размеры с заданной толщиной шейпа
Эффект свечения в Figma.
Небольшой туториал по созданию эффекта свечения. Эффект может применяться ко всему, что вы только хотите — иконки, текст, картинки и так далее. Пример будет показан на 3D иконке. 1. Делаем копию иконки. 2. У нижнего слоя иконки добавляем эффект "Layer Blur" со значением 150%. 3. Создаём ещё одну копию под оригиналом и добавляем менее размытое свечение со значением 50%, также с добавлением эффекта "Layer Blur". По итогу у вас должно получиться так: Слой 1 — Оригинальная иконка Слой 2 — Копия иконки с 50% Layer Blur Слой 3 — Копия иконки с 150% Layer Blur Не бойтесь экспериментировать со значениями и создавать красочные эффекты!
MacOS App icons set by UXUI
Небольшая коллекция иконок популярных приложений в стиле MacOS. 🔍Скачать иконки🔍 #иконки
Изображение поста
Иконки в одном стиле за 4 минуты
В новом ролике показал, как сделать иконки или любые другие картинки для вашей презы в одном стиле с помощью JSON промта. Прикрепляю вам ссылку на чат, чтобы было удобно скопировать промт и протестировать в своих работах. 🌟Смотреть инструкцию на YouTube 🌟Смотреть без VPN ______________________ Также напоминаю, что в новом ролике я буду разбирать презентации подписчиков. За вчера пришло всего пара работ, поэтому шанс, что на разбор попадет именно твоя работа очень большой 🤭 Скидывайте не ссыте)
Изображение поста
Полезная конфа
Я в последнее время очень выборочно смотрю всё, что связано с AI. Контента стало слишком много, а реально полезных разборов по работе все еще мало. Обычно либо пересказывают очевидные вещи, либо просто показывают, что можно сгенерить очередную картинку за 10 секунд. Ща наткнулся на конфу Spring AI Conf, которая пройдет онлайн 17 марта. Делают ребята из Phygital+. Там как раз не про хайп ради хайпа, а про реальные кейсы внедрения нейросетей в дизайн, маркетинг и бизнес процессы. С цифрами, результатами и личным опытом тех, кто уже это внедрил у себя в командах. По составу тоже выглядит сильно. Будут ребята из Cloud.ru, Reboot (by Setters), Kokoc Group, Bang Bang Education. Обещают говорить про то, как за год превратить нейросети из эксперимента в рабочую систему, как собирать понятные пайплайны, как применять AI в креативе и что это вообще дает в реальных метриках. Мне тут больше нравится приземленность темы. Не в духе «будущее уже наступило», а ближе к нормальной работе: баннеры, мокапы, иконки, видео, автоматизация рутины, ускорение процессов, меньше зависимости от фотостоков. То есть все то, с чем многие и так уже сталкиваются каждый день. Плюс обещают показать конкретные кейсы. Где-то ускорили создание персонажей в 4 раза, где-то сократили время на 3D иконки с недели до часа, где-то в 3 раза снизили количество обращений к фотостокам. Вот такое мне всегда интереснее всего, потому что сразу понятна не только идея, но и выхлоп. Ну и мне для Hirehi ща круто прокачаться. А то мне кажется я где-то отстаю на пару шагов назад по нейронкам. Кроме кода. 🔠 Го со мной, регаться тут
Изображение поста
Бесплатные иконки.
Плагин Iconify вмещает в себя более ста тысяч бесплатных иконок в векторном формате. Ссылка на скачивание плагина — figma.com/iconify Figma
Изображение поста
Набор иконок "Vzy Icons"
Внутри вы найдёте пак из более чем 1000 бесплатных векторных иконок, ряд которых можно использовать в своих проектах абсолютно бесплатно. 🗿Скачать набор🗿 #иконки
Изображение поста
Когда мы говорим про IT и дизайн, обычно вспоминают мужчин: Джонатана Айва, Якоба Нильсена, Дона Нормана или Йозефа Мюллера-Брокманна. Но многие вещи, которые сегодня составляют основу цифрового дизайна, придумали женщины.
🔵Первый алгоритм в истории Ада Лавлейс в 1843 году описала алгоритм для аналитической машины Бэббиджа. Это считается первой программой в истории. В викторианской Англии женщинам из аристократии не было принято активно публиковаться в научных журналах, поэтому работа была подписана A.A.L.. Также она писала, что вычислительные машины смогут работать с музыкой, текстами и изображениями, фактически предсказав цифровые мультимедиа за 100+ лет до их появления. 🔵Привычные образы иконок Иконка улыбающегося Mac, папки, корзины, иконка для клавиши Command и многие другие привычные образы иконок появились благодаря одному дизайнеру — Сьюзен Кэр. Многие из её метафор используются в интерфейсах до сих пор — спустя 40 лет. 🔵Высадка на Луну Маргарет Гамильтон писала код для бортового компьютера космического корабля Аполлон, чьей миссией была высадка первого космонавта на Луну. Во время посадки на Луну компьютер начал перегружаться задачами. Программа, написанная командой Маргарет, отключила второстепенные процессы и оставила только критические, благодаря чему посадка удалась. 🔵Интерфейсы Microsoft В 1987 году Вирджиния Хоулетт обратила внимание на потребность в полноценном интерфейсе вместо скудного 8-цветного интерфейса Windows 2.0 и смогла убедить в этом руководство. В итоге в Microsot был создан полноценный отдел разработки интерфейсов, где Вирджиния отвечала за GUI всех интерфейсов. 🔵Первый компилятор Грейс Хоппер разработала первый компилятор в истории и участвовала в разработке Кобола — одного из первых языков программирования. Её подход заключался в тезисе: компьютеры должны понимать язык, близкий к человеческому. 🔵Геймдизайн Кэрол Шоу широко известна как первая женщина, разработавшая и запрограммировавшая коммерческую видеоигру в 1978 году. Ее новаторская работа в Atari и Activision помогла сформировать ранние домашние видеоигры и вдохновила целые поколения женщин в сфере технологий. 🔵Взаимодействие человека и ИИ Люси Сачман известна своими работами по взаимодействию человека с компьютером, которые продолжают оказывать влияние на важные дискуссии об ИИ, автономии человека и машины, а также о социотехнических представлениях. 🔵Дизайн-системы и токены Джина Энн, работавшая в Apple, GitHub и Amazon, внедрила понятие дизайн-токенов. Джина является создателем многих известных дизайн-систем и популяризатором системного масштабируемого подхода в дизайне. 💦💦 Девушки, помните, что именно вы делаете этот мир лучше, комфортнее и красивее! 🌷🌷🌷
Изображение поста
Image Colorizer — Простой плагин, который поможет вам быстро перекрасить вашу иллюстрацию или иконку.
Изображение поста
🗽Набор иконок "Solar" от 480 Design Набор из более чем 7000 бесплатных иконок в 37 категориях и 6 уникальных стилях
Изображение поста
NO TWO WAYS - бренд обуви, бросивший вызов миру.
Никакого дерьма. Никаких компромиссов. Мы сочетаем техническую точность с реальным опытом работы на улицах Лондона, создавая обувь, которая выводит моду за рамки общепринятых норм. В этом бизнесе есть свой подход к делу. Мы сказали "нет". Смелость и напористость бренда чувствуются телом, когда рассматриваешь их айдентику: яркий красный, крыса на иконке и NO на всю коробку. Это цепляет, подкупает и будоражит. *кейс дизайн-проекта можно посмотреть здесь #research by Надя
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Zed Icons. Оупенсорсный набор из двух тысяч иконок для навигации, информационных табличек, приложений и других задач.
Иконки созданы с упором на доступность, функциональность и возможность применения в разных странах. По замыслу авторов, изображения из набора должны быть одинаково понятны людям из разных культур. Проект основан на общепринятых пиктограммах DOT, созданных Министерством транспорта США, и графических символах, рекомендованных стандартом ISO 7001. В онлайн-редакторе можно настраивать оптический вес, размер, жирность и скругление. Можно менять направление иконок для использования в регионах, где пишут справа налево. Подробности проекта. #инструменты@zhurnalus_lite
Изображение поста