iMockup — мокапы для демонстрации пользовательского интерфейса.

Figma Community • #mockups

В самом Пуэрто-Рико количество свайпов увеличилось на 35%, а использование функции Passport Mode, позволяющей менять геолокацию для знакомств в других странах, выросло на 52%, превратив Сан-Хуан в одно из самых популярных «виртуальных» туристических направлений. Чтобы без проблем поддержать разговор с новым испаноязычным знакомым (ну вдруг), перечитываем наш материал о Bad Bunny. 🔹The Blueprint News

Исследование влияния культурных особенностей на цифровые продукты. Как культура отражается в интерфейсах Kindle и ЛитРес? Узнай, как общественные установки влияют на пользовательский опыт Читать на дизайнерс | #статья

🔶 Разработана бренд-концепция для инклюзивного центра «Точки зрения». Брендинговое агентство DS1 branding проработало новое позиционирование и визуальный язык Государственной библиотеки для слепых в Санкт-Петербурге. В основе концепта — пересечение разных точек зрения и символизм, благодаря которому визуал напоминает глаза, очки и шрифт Брайля. 🔶 «Точка Банк» сделал из маскота полезную игрушку. В магазине для предпринимателей «Универмаг» теперь продаётся мягкая игрушка в виде фиолетового утконоса, героя коммуникации «Точка Банка». Вещь помогает правильно сидеть и снимает тревожность. 🔶 «Авиасейлс» и Befree выпустили совместную коллекцию одежды. Основной цвет дропа — Cheap Blue, фирменный оттенок сервиса для покупки дешевых билетов. В капсуле есть футболки, носки, аксессуары для путешествий, стикеры, дополненные узнаваемыми шутками «Авиасейлс» и его фирменным «ААААААААААА!». 🔶 Промышленный дизайнер Андрей Будько представил новую работу — войлочный ковёр с вышивкой. В названии ковра Deer in the headlights заложена идиома, подразумевающая состояние растерянности и невозможности действовать перед лицом неожиданной или пугающей ситуации, словно у оленя в лучах фар. В проекте победитель Salone Satellite x Rinascente Competition экспериментирует и с формой ковра, отказавшись от привычного прямоугольника. 🔶 Созданы домашние тапочки из пыли. В проекте Done & Dusted выпускник Лондонского университета Рейвенсборн Рахат Рай исследует возможное снижение зависимости человека от традиционных материалов. В процессе была собрана и отфильтрована пыль из пылесосов, затем её отправили на термопрессование в печи при температуре 200 градусов и сваляли. Чтобы материал не осыпался, края обработали стежком в стиле рипстоп, а на формованную подошву нанесли латексный трафарет. 🔶 Константин Чайкин создал авторские циферблаты для смарт-часов Huawei Watch 5. Художник и заслуженный изобретатель России связал высокие технологии с классическим часовым искусством. Новую коллекцию циферблатов «умных» часов оценят пользователи, предпочитающие традиционные механические часы. 🔶 Студия Артемия Лебедева разработала упаковку для новой линейки бургеров «Бургер Кинга». В основе концепции — подарочная коробка, которая призвана подчеркнуть премиальность продукта и выделить его в меню. Внутри упаковки бургеров с мраморной говядиной абердин-ангус будет приятное сообщение для всех покупателей. 🔶 Объявлен состав паблик-арт программы «Взгляды». В этом сезоне тема художественного проекта звучит как «Система координат». Его активности способствуют развитию современной городской среды на Сахалине. В программе «Взглядов» два направления: муралы и паблик-арт объекты. В результате проекта на улицах появится более 20 росписей. 🔶 Выделены основные тренды Salone del Mobile и тенденции дизайна корпусной мебели. На конференции для дизайнеров «Вереск клаб» директор по ассортименту МФ «Вереск» Юлия Егорова поделилась впечатлениями после ключевых международных выставок и обозначила семь главных трендов, которые будут актуальны всем, кто работает в сфере дизайна интерьеров. [Фабрика Дизайна]

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

Но тут я начал рисовашками анимашками на айпаде заниматься, и нашёл софт, в котором предусмотрели много горячих клавиш Ну я и забиндил все нужные хоткеи на одну половину этой клавиатуры и только ей и пользуюсь — очень удобно

Раньше маскоты были везде. Теперь — только нейтральные обводки и безэмоциональный UX. Всё красиво. Всё правильно. Всё забывается. А маскот — это когда банк показывает енота. Или техподдержка разговаривает через пингвина. Не потому что смешно. Потому что пользователь начинает улыбаться, а не просто «переживает сценарий». Хочешь фишку? Добавь маленького персонажа в onboarding. Пусть проведёт за руку. Он не должен шутить. Он должен быть. И всё. Запомнят. Возвращаются. Лояльность — не в кликах. И да, это можно и в CRM. Даже если там учёт товаров. Именно туда и хочется енота.

Узнайте, как искусственный интеллект влияет на поведение пользователей и формирует их привычки Читать на дизайнерс | #статья

12 красочных темных градиентов, идеально подходящих для использования на обоях, фонах, пользовательском интерфейсе, фирменном стиле, тексте и многом другом. #Gradient ОТКРЫТЬ

В статье Фёдор Миронов из CleverPumpkin рассказал, что редизайн это не только свежий визуал, но и инструмент для решения конкретных задач: улучшения UX, устранения накопившихся проблем и роста ключевых метрик. Он разделил редизайн на косметический, меняющий только «упаковку», и полноценный, пересматривающий навигацию, сценарии и логику работы, и показал, как понять, какой именно нужен вашему продукту. Он подчеркнул, что любые изменения должны основываться на данных и исследованиях, а не на вкусах команды. Прежде чем браться за Фигму, важно проанализировать метрики, провести опросы и юзабилити-тесты, изучить отзывы и определить реальные боли пользователей, чтобы бюджет работал на рост, а не улетал в пустоту. Внутри: – Типы редизайна: косметический и полный; – Признаки, что нужен глубокий редизайн; – Количественные исследования: метрики, воронки, A/B-тесты; – Качественные исследования: интервью, юзабилити-тесты, дневники; – Анализ обратной связи: отзывы в сторах, чаты поддержки, соцсети; – Метод тройного алмаза для минимизации рисков. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Этот курс — отличный способ быстро разобраться, как работает Цифровой контроль строительства, и научиться использовать его возможности в реальных проектах. 💡 Кому подойдёт курс: – новым пользователям, которые только начинают работу в системе – тем, кто хочет системно разобраться с функциональностью ЦКС – всем, кто рассматривает внедрение ЦКС и хочет понять, как это работает на практике 📚 Что разбираем: ✔️ старт работы и администрирование проекта ✔️ загрузка и работа с документацией ✔️ постановка задач, контроль исполнения ✔️ согласование и их автоматизация ✔️ работа с 3D-моделью: просмотр, аналитика по объемам, коллизии, постановка задач на модели Курс удобно структурирован по темам — можно пройти всё подряд или выбрать только нужные блоки. 📍Прокачайте ваши навыки с нашим курсом Подпишитесь, чтобы получать информацию по обновлению курса! Заходите на наш сайт: цкс.дом.рф ✉️ и пишите на почту digital@domrf.ru

Курс «Плакатная графика в Figma» стартует 18 августа, 19:00 мск. Я рекомендую этот курс каждому! Он будет полезен тебе, если ты только начинаешь свой путь в дизайне, уже работаешь дизайнером, занимаешься СММ или хочешь подтянуть художественную базу. На курсе ты не только освоишь фишки и инструменты в Figma, но и разберёшь базовые принципы композиции, теорию близости, работу со шрифтами, текстурами и цветом. После курса ты получишь сертификат от Yodiz School — школы с образовательной лицензией, который отлично дополнит твое резюме. Ты соберёшь 7 сильных и уникальных работ в портфолио и научишься генерировать идеи на основе работы с референсами. Также ты прокачаешь навык создания графики для сайтов, баннеров, афиш, соцсетей и полиграфии на профессиональном уровне. Плюс тебя ждут мини-уроки и упражнения по работе с нейросетями, анимацией и даже построению логотипов. Курс будет доступен в течение года… А знания останутся с тобой навсегда. А теперь сюрприз! 💎 До 11 августа (23:59 мск) действует скидка 20% на каждый тариф. Каждый тариф даёт максимум пользы и не ограничивает количество бонусов. На тарифах (2, 3) количество мест ограничено, так как все разборы буду делать лично я. Оставшиеся места будем показывать дополнительно. Но советую не тянуть… 👉 Описание курса и запись по ссылке через Google-форму

Курс «Плакатная графика в Figma» стартует 18 августа, 19:00 мск. Я рекомендую этот курс каждому! Он будет полезен тебе, если ты только начинаешь свой путь в дизайне, уже работаешь дизайнером, занимаешься СММ или хочешь подтянуть художественную базу. На курсе ты не только освоишь фишки и инструменты в Figma, но и разберёшь базовые принципы композиции, теорию близости, работу со шрифтами, текстурами и цветом. После курса ты получишь сертификат от Yodiz School — школы с образовательной лицензией, который отлично дополнит твое резюме. Ты соберёшь 7 сильных и уникальных работ в портфолио и научишься генерировать идеи на основе работы с референсами. Также ты прокачаешь навык создания графики для сайтов, баннеров, афиш, соцсетей и полиграфии на профессиональном уровне. Плюс тебя ждут мини-уроки и упражнения по работе с нейросетями, анимацией и даже построению логотипов. Курс будет доступен в течение года… А знания останутся с тобой навсегда. А теперь сюрприз! 💎 До 10 августа (23:59 мск) действует скидка 20% на каждый тариф. Каждый тариф даёт максимум пользы и не ограничивает количество бонусов. На тарифах (2, 3) количество мест ограничено, так как все разборы буду делать лично я. Оставшиеся места будем показывать дополнительно. Но советую не тянуть… 👉 Описание курса и запись по ссылке через Google-форму

Алоха! Мы отрефакторили Slider, добавили поддержку CommonJS, исправили пару ошибок Изменения: — Изменили сборку проекта, добавили поддержку CommonJS — Slider: Компонент был полностью переписан с нуля и протестирован. Исправлены ошибки, было улучшено взаимодействие пользователя с компонентом — InputDate: Выпадающее меню вызывалось по клику на hint. Исправлено — InputDate: Исправлена ошибка в работе валидации, из-за которой не отображались ошибки из переданного параметра validationRules — WizardStepsHorizontal: Исправлен баг, при котором неправильно рассчитывалась ширина последнего шага — Добавили инструкцию по подключению обнуляющих стилей на проект в инструкцию Installation

UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение. В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум. Внутри: – Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками; – Баннеры в шапке с иконкой «X» и широким текстом; – Всплывашки в углу с тенью и вертикальными кнопками; – Общие принципы структуры и размещения для всех форматов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Фух, повозился я эти две недельки занятно. Без мощных продуктовых фич, конечно, но порядок навёл достаточно продуктивно. 🟢 Отрефакторил бэк Весь бэк жил на 99% в одном файле. Было сложно навигироваься и мне и ИИшке. Я разбил весь файл на мелкие. Вынес отдельно апишки, роуты, админку и так далее. Теперь порядок, все работает, ничего не сломалось, это было самое главное. Теперь сильно проще делать правки и фичи 🟣 Примерная зарплата Улучшил модельку и примерное определение зарплаты для каждой вакансии. Теперь определяет на порядок лучше и чётче. Не 100% верно, конечно, это невозможно, но учитывает десяток параметров, рынок, требования и ещё кучу всего. Повозиться пришлось, но вроде все гуд! 🟡 Поиск Было сложно, я просидел над этим часа 4 без перерыва, словил несколько багов, но теперь поиск работает шустрее. Был на питоне, стал на sql + fts. Сильно сократилось кол-во запросов к БД и грузится реально быстрее, как и весь сайт в целом после пересборки бэка и удаления лишних частей кода и рефакторинга кода 🔵 Страница компании Раньше со страницы компании вело просто на главную с подставленным в поисковый инпут названием и показывало ваки. Теперь каждая компания имеет свою страницу html, что улучшит SEO. Потихоньку добавляется описание и ссылка на сайт. Ну и вакансии удобно сгруппированы теперь на отдельной страничке, а не на главной 🟢 404 страницы У меня все удаленные вакансии падали в 404 страницу. То есть, если где-то была ссылка с вакансией и я её удалял, то пользователь получал 404 с кнопкой на главную. Сейчас вакансия существует, просто помечается как закрытая. Это лучше для SEO, страница не пропадает из индексирования, а остаётся. Буду смотреть эффект. На удивление, все было готово к этой фиче и вакансии уже удалялись не полностью, а «мягко», а я даже не знал. Получилось сделать быстро, кайф! Статистика тоже радует. Графики растут и прошлая неделя была самой максимальной за все время с трафиком из поисковых систем, что говорит о том, что seo работает лучше и лучше и людей с поиска идёт больше, чем в любую другую неделю. Это меня очень радует, но я буду продолжать. Сейчас, как оказалось, можно даже поднастроить внутри оптимизацию для нейронок, чтобы они тоже советовали твой сайт и пытались его найти) Я это сделал внутри, посмотрим на результат через время. И спасибо всем огромное, за последние 2 недели я получил больше 1500 регистраций, сейчас уже 3000+ зареганных пользователей почти. И огрооооомное количество благодарностей за сервис в личку на линке и в тг. Это очень-очень мотивирует и греет душу. Спасибо всем ❤️ Если у вас есть предложения, пожелания или вас что-то бесит, приходите в личку Ну и заглядывайте на сайт ❤️ ➡️ Заглянуть ➡️ Заглянуть ➡️ Заглянуть ч.13 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дизайнер virgil pana поделился мыслями во время работы над онбордингом для SEO-платформы, где пользователи подключают сайт и заполняют нужную информацию для генерации персонализированного контента. На видео процесс из 12 шагов с прогресс-баром и продуманными микроанимациями. Прогресс-бар показывает, на каком этапе пользователь, снижает тревожность и упрощает навигацию. Анимации галочек, плавные переходы и мгновенная обратная связь делают процесс более дружелюбным и понятным. Зачем здесь прогресс-бар? 💬 Даёт обратную связь — показывает, что шаг успешно пройден 🟢 Отражает статус — визуализирует продвижение в реальном времени ➡️ Помогает двигаться дальше — мягко подсказывает следующий шаг ✔️ Снижает ошибки — галочки или ошибки сразу видны по каждому пункту Такие детали делают онбординг плавным, приятным и повышают вовлечённость. 🖼️ Хороший интерфейс

📌 Сохрани, чтобы не забыть, когда будешь клиентский сайт 1. Чёткое целевое действие (CTA) - и всего ОДНО — кнопка с ясной формулировкой: «Записаться», «Получить доступ», «Оставить заявку» — не «Подробнее», не «Ок», а именно действие — кнопка должна быть заметной, выделяться цветом и повторяться несколько раз 2. Форма сбора заявок — простая, понятная, на 1–3 поля — сразу показать, что будет после: «Оставь номер и мы перезвоним в течение 10 минут» — размещай ближе к началу и продублируй внизу Люди не будут искать, куда нажать. Это вы всё знаете, а у них 3 секунды на принятие решения: оставить заявку или навсегда выйти с сайта 😡 3. Бесплатная польза, которую получит клиент, даже если не купит 🆓 — чеклист, гайд, тест, бесплатный урок, бесплатная консультация — даже если не купят — попадут в базу к клиенту, он будет ой как рад 🎁 Люди любят бесплатное и охотно на это идут. А клиенты любят лиды 4. Продающие тексты по болям (без «мы — команда мечты») в формате сторителлинга — закройте главные страхи: «а подойдёт ли мне», «а не обманут?», «а чем вы лучше других?» — расставьте акценты: для кого, почему сейчас, что я получу 💬 Пишите будто вы объясняете другу или своей бабушке 80 лет. Она должна понять. Не умеешь писать просто и понятно? Читай Ильяхова и проси помощи у гпт. 5. Понятность и логичная структура — один экран = одна мысль — логика должна быть такая: от боли → к решению → к доверию → к действию — не перегружайте — если непонятно за 5 секунд, человек уходит 6. Социальные доказательства — живые отзывы, кейсы, цифры, знакомые бренды — покажите: мы уже помогаем, уже делаем, нам уже можно доверять

Дизайн-приём — это конкретный визуальный или композиционный ход, который использует дизайнер, чтобы привлечь внимание, усилить идею, создать настроение, управлять восприятием или просто сделать дизайн выразительным и запоминающимся. Чаще всего у хороших дизайн-приемов есть множество вариантов реализации, что делает их универсальными строительными элементами, из которых легко собрать проработанный макет. Чем больше дизайн-приемов ты видишь, тем: - богаче твоя насмотренность и визуальный опты - быстрее ты можешь сделать дизайн - больше идей возникает у тебя при анализе референсов - проще тебе реализовывать дизайн и идеи - больше вариантов ты можешь придумать для тех же коммерческих задач - лучше понимаешь клиента и можешь на ходу предлагать разные идеи - интереснее и проработаннее твои макеты - ближе ты к определению своего собственного стиля - чаще и больше вдохновения Вот в рамках интенсива по викторианскому стилю я рассказала около 60 разных дизайн-приемов для типографики и композиции. представляете, насколько расширилась база идей в голове каждого участника? Давайте наглядно посмотрим) Возьмем один из рефов, которые я подобрала для ближайшего нового интенсива по швейцарскому стилю и баухаусу. Там я тоже выдам большую подборку дизайн-приемов, которые вы сможете сразу же применять в своем дизайне. Причем расскажу, в чем их суть и как ими пользоваться, а не просто дам список 😁 Итак, вот несколько приемов в этой работе (не все, конечно, тут их около 20): 1. Перекрытие текста графикой (многослойность) 2. Яркий акцентный цвет (жёлтый) 3. Использование крупных букв как графических объектов 4. Явно выраженные плоскости 5. Визуальный ритм из повторяющихся плоскостей Вывод прост: чем больше приемов вы знаете, тем больше их видите, и тем больше можете применить в свои работы. Мы просто придумали классную систематизацию таких приемов по стилям. Это помогает структурировать все это в голове и группировать по характеру приемов. Андерстенд?

Их я сам использую в своих работах для клиентов Мне прям по кайфу собирать все штуки для дизайна в одно место и потом быстро собирать работы, как конструктор Пользуйся