SILLYFEED

UI/UX дизайн — страница 3

Лента темы

Дизайнер, привет
💚 Duolingo обновили основные вкладки и подняли вовлеченность без просадки учебных метрикПо отдельности вкладки работали нормально, но вместе интерфейс разваливался на детали: разные заголовки, слабая иерархия текста, неровные отступы. Критичной ошибки нет, но ощущение цельного продукта теряется именно так.Лиа Ли и Локеш Фулфагар показали, как команда перешла от разрозненных экранов к единой системе. Сначала сделали короткий спринт с четырьмя крайними направлениями, потом собрали рабочий баланс между целостностью и задачей конкретной вкладки. Результат уже вышел на iOS, Android в процессе.Внутри:– Какие четыре направления тестировали на старте: Punchy, Soft, Modular, Flat;– Почему единый стиль без функции может ухудшать восприятие;– Как они балансировали простоту интерфейса и ясность сценария;– Как собрали систему заголовков по уровням важности вкладок;– Как пересобрали типографику в минимальный, но управляемый набор стилей;– Почему убрали лишние контейнеры и сделали ставку на осознанные отступы;– Как внедрили совместный QA с разработкой и проверку через дизайн-оверлеи;– Какие продуктовые результаты получили после релиза на iOS.➡️ Читать статью———💻 Курс по поиску работы😍 Про дизайн🔥 Вакансии дизайнерам🎨 Референсы
Лиза не врала
Какие классные раньше были прилы для книг! Вдохновилась и сделала концепт Эти прилы выглядели, как настоящий книжный шкаф. И я подумала, а как бы выглядел маркетплейс, если бы он тоже был шкафом, и все товары стояли на полках Ну знаете, вот эти магазины премиум брендов , где все деревянное, и ты заходишь туда, как в музей))#concept@lisanevrala
Птица негорюн
с самого увольнения, два с половиной месяца, я думаю - кто я? куда я иду? где я хотела бы работать и получать от работы удовольствие?годы в депрессии приучили меня не полагаться на свои силы. не браться за что-то масштабное и системное - потому что кто знает, буду ли я в состоянии завтра почистить зубы и сходить в душ.поэтому самым логичным казалось продолжить мою бильдовскую синекуру. выбирать лучшие из красивых картинок, не вовлекаться, не сидеть от сюда и досюда.в конце этого коридора лабиринта ждал экзистенциальный тупик. сегодня мало быть хорошим писакой и хорошим редактором. все уходит в нейронки. и или ты выворачиваешься креативно, или идешь в автоматизацию. то же самое с бильдами - это исчезающе редкая профессия, и эту работу тоже все чаще отдают или писакам, или нейронкам.окей, подумала я, давайте возьмем шире. я понимаю в принципах цифрового и полиграфического дизайна, у меня есть чувство композиции, цвета, уместности, в конце концов.в этом коридоре притаилась рутина. мой бывший верстальщик предложил - давай, вспоминай корел, я буду тебе постеры и афиши скидывать. и эта работа может быть денежной, но я бы с ума сошла от тоски.а потом одна добрая читательница, чтобы меня поддержать, прислала немного денег на пейпал Оветганы и я попросила оплатить жпт.об прокачанный чатик оказалось очень удобно думать. раскидывать вероятности, проверять гипотезы, искать закономерности. я думала о том, что умею и люблю, в чем я могла бы быть хороша. и поняла.я вижу, где система дает логический сбой. неважно, что это - сайт шмоточного бренда, блок инструкций для пользователей чего угодно, маршрутизация пациентов.дочка когда-то сказала, что если не брать в расчет внешность, она хотела бы быть похожей на меня в одном - я умею заставить людей чувствовать себя идиотами.ну, да. есть у меня такая суперсила. я ее обычно к чиновникам применяю. давно не практиковала, кстати. перестала накапливаться агрессия.и тут воздействие на людей - далеко не главное. я мгновенно вижу, где кто-то облажался.как когда-то, бильдуя в Роскосмосе, я говорила коллегам - хочу иметь полномочия, чтобы говорить большим и важным пацанам - снимите это немедленно. этот пиджак вам мал. из этого комбинезона ваша голова выдавливается как из тюбика. рыхлый трикотаж к рыхлому лицу - отстой.и опять же, дело не в том, как поставить свет на съемке, как одеть спикера, как создать антураж. я - вижу.вот на фото - часть эстакады. такие перекинуты через наше шоссе. видите вентиляционные решетки? я 10 лет хожу и хочу спросить - вы чем думали? видите, как ламели наклонены? правильно. так, чтобы раскаленный воздух и выхлопы от шоссе поднимались в надземный переход. и концентрировались, потому что выше отверстий нет.понимаете, о чем я?
Грин еще не робот 🤖 - AI vs Human
🔧 Figma (дизайн-платформа с 4 млн+ активных пользователей) открыла свой дизайн-холст для coding-агентов: инструменты вроде Claude Code теперь могут создавать и редактировать дизайны напрямую, используя компоненты и стандарты бренда команды. И что? Агент может взять задачу от задания до готового компонента без переключения контекста. Figma становится средой выполнения, не только инструментом.
AI для продакта 🧠🚀
🖼В Figma AI-агенты рисуют прямо на холстеFigma открыла запись на холст через MCP. Раньше агенты могли только читать макеты, а теперь ещё и сами создают фреймы, кнопки, карточки и тексты. Пока бесплатно, пока бета.Можно подключить Claude Code, Cursor, VS Code (через GitHub Copilot), Windsurf, Codex (OpenAI), Warp, Gemini CLI, Android Studio, Replit.Попробовали через Claude Code перерисовать сайт документации Anthropic. Для этого просто даём ссылку на сайт, с которого хотелось бы перенять структуру, и дальше агент сам создаёт редактируемый макет.🖱 Есть два способа подключения.😮Официальный Figma MCP - одна команда, работает через API. На бесплатном плане 6 вызовов в месяц. Для теста хватит, для работы нет.😮Community-плагин Talk to Figma MCP - open-source, без лимитов, через WebSocket. Настройка минут 20: плагин в десктопную Figma, локальный сервер, подключение к Claude Code.На нашем примере результат оказался визуально далёк от оригинала. Но блоки на месте, вёрстка пригодная, слои редактируемые. Работал агент долго - на всё ушло почти 30 минут.Заметили фишку, что если свернуть окно с подключённым плагином, Claude Code постоянно теряет соединение. А если оставить его открытым - контакт держится стабильно.На видео демонстрация работы Claude Code над проектом.#ИИ #AI #Нейросети #Figma———#Инструменты #Агенты✍️ Подписывайтесь: @aiforproduct
Сдоба
Когда прототип живёт своей жизнью, а не жизнью пользователя, юзабилити-тестирование оказывается под угрозой. ❤️‍🩹Наши дизайнеры подготовили новый гайд. В нём ёмко о важном — как перестать гадать с длиной полей, что учитывать при работе с текстом и выборе данных для дизайн-макетов и прототипов.🪩 гайд Данные в макетах
Стой под стрелой
В который раз слышу в Ютуб-обзоре очередного ноутбука бла-бла-бла, это лучше, это хуже, нет челки (notch). Типа, это что-то хорошее.Челка — это изобретение Эпла, когда у тебя сверху посередине экрана свисает вебкамера и, ну, отъедает немного места. С этой точки зрения звучит, действительно, как что-то нехорошее — какого фига у меня место на экране отъедают? И видимо по такой логике за ней закрепилась плохая репутация. Типа, недостаток.Я же смотрю на это по-другому. Челка не отъедает место, она его прибавляет. Если бы не было челки, место слева и справа от нее просто было бы недоступно. Там была бы рамка монитора. А так туда довольно удачно вписалось маковское меню, которое как раз не часто нужно. Есть челка — меню не залазит в основную область монитора. Нет челки — меню отъедает полезное место, где могло бы быть что-то еще.Вообще удивительно, что это верхнее меню придумали сто лет назад по совсем другим причинам, а тут оно так естественно и ненапряжно разрешило проблему, куда воткнуть веб-камеру. Магия.Но есть еще один момент, который Эпл продолбали. По-хорошему менюбар должен быть абсолютно черный, чтобы челка с ним сливалась. Вот тогда становится хорошо. Я так делаю, рисую черную полоску сверху на обоях.Но по какой-то причине Эпл поступил ровно наоборот — сделали менюбар прозрачным, и теперь кажется, что там есть место, куда можно что-то поставить, хотя на самом деле ничего поставить нельзя. Дразнят, суки. Ну и обои из-под окна торчат.Короче, челка круто, всем бы челку. Привет.
Дизайн интерьера от студии АС Бюро
Дизайн интерьера спальни в ЖК «Остров» 145 м2 | Эклектика, статусный цвет и продуманная геометрия 🌏Этот проект дизайна интерьера спальни, представляет собой смелую эклектику, где мягкие скруглённые формы вступают в диалог с чёткими линиями. Пространство объединяет утончённую лепнину, выразительные цветовые акценты и продуманную функциональность, создавая атмосферу респектабельного комфорта. Такой подход к дизайну интерьера частного жилья идеально подходит для бизнес-сегмента, где каждая деталь работает на статус и качество жизни.Ключевые принципы, воплощённые в этом дизайн-проекте:🎯 Диалог геометрии и плавности. Акцентная стена в изголовье кровати выполнена с мягкими скруглёнными формами, которые контрастируют с чёткими линиями лепнины и вытянутыми вертикалями. Это создаёт сложный, многослойный образ.🎯 Изысканные предметы и индивидуальность.Прикроватный столики — авторский предмет из дерева с необычной, скульптурной формой. С одной стороны — оригинальная тумба, с другой — элегантная консоль, что подчёркивает нестандартный подход к обстановке.🎯 Расширение пространства с помощью зеркала. Крупное зеркало визуально увеличивает комнату, добавляет глубины и отражает свет, усиливая ощущение простора.🎯 Статусный цвет как эмоциональный акцент. В интерьере использован глубокий тёмно-бордовый оттенок с кирпичным подтоном. Этот сложный, дорогой цвет создаёт ощущение погружения в атмосферу роскоши и камерности.🎯 Художественное завершение образа. Картина в интерьере объединяет геометрию и плавность линий, поддерживая общую концепцию эклектики.🎯 Полная функциональность. Пространство спроектировано с учётом всех потребностей: здесь есть удобная рабочая зона, просторная кровать и вместительный шкаф для хранения.Итог: Создана спальня, в которой эклектика обретает гармонию, а статусные материалы и цветовые решения формируют среду для полноценного отдыха и вдохновения. Этот дизайн-проект демонстрирует, как в рамках одной комнаты можно объединить эстетику высокого стиля и безупречную функциональность, предлагая готовое решение для взыскательного клиента.Тест по определению стиля интерьераdesignproject.info/questions/a-s-buro.ru/www.instagram.com/as_buro_in...vk.com/a.s.burot.me/as_buro#асбюро #артемболдырев #дизайнквартиры #спальня #современнаяквартира #современныйинтерьер #жкостров #дизайнспальни #неоклассика #эклектика
Дизайн-печь 🔥 Ваня Емелюшкин
End-to-end дизайн Слышали уже такое слово? Сегодня узнал, что это я. И вы, скорее всего, тоже. Проектирование полного пользовательского пути, охватывающее все точки взаимодействия с продуктом: от первого знакомства до покупки и поддержки. Получается, если я хочу добавить фичу возврата товара, то мне нужно продумать не только экран возврата, но и будем ли мы говорить об этом на главной, в карточке товара, присылать письмо на почту или пуш. Но ведь это и есть хороший дизайн. Хорошие дизайнеры мыслят путями и процессами и передают макеты как флоу.Но как же красиво звучит, пафосно, будто фреймворк. Хочется фокусов в резюме — берите на заметку
Сергей Константинов | IT и не только
Вайб-дизайнВсе известные мне до сих пор инструменты вайб-дизайна давали весьма посредственный результат. По сути, это были генераторы React-приложений.Но недавно Google выпустил Stitch — AI-генератор дизайна. — Генерирует действительно хороший дизайн— Отдаёт чистую вёрстку в HTML-формате, что удобно передать агенту— Есть возможность экспорта в Figma— Можно редактировать элементы как в полноценном дизайн-приложении— Помимо дизайна, генерирует цветовые палитры и позволяет удобно между ними переключаться— Есть режим превью, где можно «потрогать» прототип А что главное, всё это бесплатно!С его помощью я уже сгенерировал пару приложений. И знаете, дизайн не просто хороший — он попал в точку на все 100%. Это именно то, что я бы хотел получить.И дизайнеры здесь немного напряглись — потребность во фриланс-дизайне резко сократилась.Спасибо Google, что закрыли главную боль вайб-кодинга!👉 Подписаться | 🚀 Дать boost
ДЗГН'360
Кстати, а вы знали, что первое видео в истории YouTube стало музейным экспонатом. Этот ролик считают моментом, когда интернет стал пространством массового самовыражения.Лондонский музей Виктории и Альберта приобрёл реконструкцию самой первой страницы просмотра YouTube с роликом «Me at the zoo», в котором сооснователь платформы Джавед Карим стоит в зоопарке Сан-Диего. За 20 лет ролик набрал более 382 млн просмотров. Музей воссоздал версию сайта по состоянию на 8 декабря 2006 года вместе с UX-командой YouTube и дизайн-студией oio.Вообще, в целом, интересно посмотреть как за 20 лет поменялись интерфейсы. Вы только зацените этот UI, реально - раритет🧐🥸
НейроProfit | Соня Pro Ai
Раньше MCP у Figma в основном был нужен для того, чтобы Cursor, Claude Code и другие агенты читали макет и точнее писали код. Теперь Figma пошла дальше: агентам дали доступ прямо к самому файлу Figma.🪼 Через новый инструмент use_figma агенты из Claude Code, Cursor, Codex, Copilot CLI, Copilot in VS Code и других могут создавать и редактировать дизайн прямо в файлах Figma. Они могут не только смотреть дизайн, но и собирать экраны, менять блоки интерфейса, подстраивать структуру макета под правила вашего дизайна и работать через вашу библиотеку компонентов.🪼 Но главный сдвиг в другом: Figma не просто открыла холст, а начала учить агентов работать по правилам команды. Для этого они добавили skills - готовые инструкции, которые объясняют агенту, какие шаги делать, в каком порядке, как использовать дизайн-систему и как не ломать структуру макета.🪼 Из важных skills: • figma-use — базовый skill для записи и правок прямо на холсте Figma • figma-create-design-system-rules — сохраняет правила команды для перевода дизайна в код • figma-implement-design — переносит дизайн в рабочий код проекта • figma-generate-design — собирает экраны в Figma из реальных компонентов, переменных и стилей вашей системы • figma-generate-library — строит или обновляет библиотеку/дизайн-систему в Figma из кодовой базы.Хорошая новость не просто в том, что ИИ теперь умеет что-то делать в Figma. А еще и в том, что Figma пытается превратить агента из исполнителя в помощника, который работает по правилам вашей дизайн-системы. И вот это уже реально интересно. 🪼 На видео показано, что агент может собирать дизайн в Figma из вашего кода и дизайн-системы, а не рисовать все с нуля. Промо в комментах. Сейчас функция бесплатна в бете, позже будет платной. Есть гайд по настройке, готовый MCP-сервер на GitHub и все доступные skills + как они работают@NeuralProfit
Marina Looo / внутрянка
какие же сайты крутые сейчас в работе у нас! не хочу показывать их до релиза, но именно в момент разработки получаю максимальное удовольствие и любовь к тому что делаем 🧡 закину интриги хотя бы словами:• сайт для художницы с акцентной типографикой. картины там просто разъеб, а типографика лаконично подчеркнет этот стиль• лендинг юридического клуба с объемными элементами. такого раньше не делали, эксперимент!• лендинг агентства консалтинга в Дубае. в дизайне с метафорой свободного неба и песчаных дюн• онлайн-платформа с курсами по ремеслу с разноцветными карточками и тактильными классными фото! делали редизайн, минимум нового добавляли в сайт, все вышло так гармонично!• сайт для зоопсихолога с ебейшим элементом на главном экране!! надеюсь, договоримся с программистом, чтобы его сделать так как задумалив каждом проекте есть свой изюм, который мы покажем через выбранный дизайн-приём.ОБОЖАЮ оформлять ценности и смыслы проекта в формы на сайте 🤍
Школа дизайна НИУ ВШЭ — Санкт-Петербург
💭 Что если сделать коворкинг, где все будут отдыхать, а не работать?Студентка II курса профиля «Дизайн среды и интерьера» Лада Титаренко создала проект коворкинга для сна — пространства, где отдых становится частью рабочего дня.Кослипинг — прямой ответ на нехватку мест для восстановления в Петербурге. Непрерывная работа приводит к выгоранию и снижению продуктивности, поэтому пространство состоит из зон для расслабления: чем ниже уровень, тем глубже сон 😴🛏️
Арт директор цифровых проектов
Еще переживаете что ваши потенциальные клиенты попросят ссылку на рабочий сайт, а не на ваши макеты? И что у вас нет коммерческих проектов?Тогда мы идем к вам...))Вот наш клиент переделать себе сайт.Наша версия и он ее принялИ его новая которую я увидела сейчас готовясь к завтрашней лекцииЭто правда Hermes который нас попросили тогда сделать?Короче вообще не парьтесь что у вас нет ссылок на рабочий сайт, а только макеты. Вы не отвечаете за верстку, вы не отвечаете за то что у вашего клиента в головеПросто делайте классно свою работу, а что клиент решит в итоге это уже не ваше дело, честно
ИГ про дизайн
Пример геймификации 2#Проектирование #ПсихоМеханики Nike Run Club (NRC) — трансформация бренда через комьюнитиПример того, как геймификация, изначально созданная для повышения лояльности, трансформирует бизнес-модель и стратегию бренда.Примененные механики и методики:Система уровней и достижений (Badges)Пользователи получают виртуальные знаки отличия и трофеи за преодоление определенных дистанций, достижение личных рекордов или участие в челленджах. Это удовлетворяет потребность в компетентности и мастерстве.Социальное сравнение и таблицы лидеровВозможность сравнивать свои результаты с друзьями и другими бегунами создает соревновательный контекст и усиливает мотивацию.Социальное взаимодействиеФункции приглашения друзей и обмена данными формируют вокруг бренда сообщество, укрепляя чувство принадлежности.Персонализация и постановка целейПриложение позволяет ставить индивидуальные цели по дистанции, времени или частоте пробежек, предоставляя пользователю автономию и структурируя его путь.Результаты для бизнеса:Рост лояльности и переход к DTC (Direct-to-Consumer)NRC стал ключевым драйвером стратегии Nike по уходу от посредников (например, прекращение продаж на Amazon в 2019 году) и переходу к прямым продажам. Доля собственных онлайн-продаж Nike выросла с 9% в 2019 году до 27% в первом квартале 2023 года.Поведенческие инсайты для разработки продуктовДанные, собранные через NRC, напрямую влияют на продуктовую линейку. Анализ потребностей бегунов позволил Nike усовершенствовать линейку кроссовок Invincible, максимизировав в них амортизацию.Рост потребительских расходовПользователи NRC тратят на продукты Nike в три раза больше, чем гости, не использующие приложение.Формирование позитивного отношения к брендуАкадемические исследования подтверждают, что воспринимаемая полезность, социальное влияние и удовольствие от использования NRC напрямую улучшают отношение пользователей к бренду Nike.😎 ИГ про дизайн / ИГ в Максе
AFox++
Подборка тг каналов с вакансиями для дизайнеров🔹Designer jobs🔹Jobs for designers🔹UI/UX Jobs🔹Уголок дизайнера - в основном проекты и заказы🔹UI/UX Jobs вакансии и аналитика чат, где также дизайнеры делятся своими резюме🔹UI/UX Jobs канал с вакансиями и резюме🔹Работа для дизайнера🔹Вакансии для дизайнеров🔹Designer chat🔹Работа в геймдеве🔹Jobs in GameDev & ITКакие ещё каналы рекомендуете? Делитесь в комментариях ⬇️
Матвеенко про интерьеры | UFORMS
🇯🇵Сколько стоит дизайн проект в 2026?И каждый раз хочется сначала спросить в ответ, а что именно вы называете дизайн проектом?Потому что три красивые картинки из ИИ, это уже проект?Или планировка без обмеров тоже считается?Или всё-таки проект это когда есть чертежи, развертки и визуализации, и по ним реально можно сделать квартиру?Я видела очень много «проектов», и они все разные.Где-то просто вдохновение, где-то схема без деталей, где-то полноценная документация.И из-за этого вечная путаница.Когда спрашивают цену на дизайн проект, на самом деле спрашивают не про цену, а про уровень результата.Просто важно честно понять, что вам нужно: картинка или чтобы потом не переделывать.Потому что это всегда разная стоимость. И это нормально.❤️Хотите пример нашего проекта? Ставьте плюсик в комментариях.
Screen Gallery
Катарский сервис по доставке продуктов показывает таймер до заката солнцаSnoonu — суперапп по доставке продуктов и еды из ресторанов. Во время Рамадана он показывает, через сколько можно будет принимать пищу (во время поста нельзя есть от рассвета до заката).И вместо заказа «прямо сейчас» предлагает запланировать свой ифтар — приём пищи после заката.Кстати, на эту же тему: в Германии McDonald’s во время Рамадана показывает еду на своих билбордах только после наступления темноты.Вот такие интересные особенности важно учитывать при проектировании пользовательского опыта в разных регионах. А какие похожие примеры вы встречали?📱 Screen Gallery
kk ✧ про дизайн
Фигма выпустила новую фичу — слоты.✨ Очень нативная и понятная штучка. Сначала не поняла прикола, а потом как поняла!Представьте, что вы проектируете сервис. И у вас там под разные сценарии есть контекстные меню. В этих меню могут быть разное количество пунктов, меняться их расположение внутри меню, контекст наконец меняться тоже будет. Как делали раньше:1. Нашпиговывали вариантов со свойствами, чтобы каждое меню потом подстроить ручками.2. Делали максимальное количество возможных пунктов меню и скрывали их в слоях до надобности.Как будем делать сейчас:Внутри изменяющейся части компонента меню делаем слот. Все.Дальше меняй в дочерних компонентах все, что вздумается. Можно без труда вставить слот в уже существующие компоненты.Ну, а если не верите ➡️ посмотрите видео.
Мысли как дизайнер
В пятницу прошел первый офлайн воркшоп по исследованиям, где я дала большой блок работы по тому, как ИИ может помогать на всех этапах дизайн-мышления и существенно сократить путь, не теряя качество результата.За 3х часовой воркшоп мы:🩵 Провели интервью и нашли инсайты 💙 На основе инсайтов посинтезировали персону и почелленджили ИИ🟪 Выбрали одну идею и собрали живой лендинг для тестирования гипотезы вот тут 👉 http://poll.likedesigner.ru/for_parents (если среди моих читателей есть родители дошколят, кто ходит на кружки — смело проходите опрос! Вы поможете протестировать гипотезу в реальности).Также участники получили на руки практические инструкции ✨, как можно провести исследования даже если ты не разработчик, шаблон дизайн-мышления в миро и, надеюсь, удовольствие от живого общения.Делюсь отзывом и настроением ✨. Скоро будут новые анонсы и у меня к вам вопрос: если будет онлайн — интересно если повторю такой воркшоп?
Дневник дизайн-зануды
Ну что, настало время рубрики #разбор@designnerddiary Сегодня в повестке дизайна сайт для банкетного зала от подписчицы 💖🧠В целом работа аккуратная, видно, что дизайнер старалась держать стиль и сделать ощущение премиального зала, но есть несколько моментов, где дизайн выглядит красиво, а работает не очень, поехали разбирать 👇1️⃣ Первый экранВо-первых, что меня триггернуло как дизайнера сразу 😅, что текст заголовка выровнен не по центру 😱, а нам важно помнить, что дизайн должен быть в первую очередь чисто сверстан, это тот скелет, на который затем накладываются продающие смыслы, визуал и СТАВо-вторых, он красивый, но слабый по смыслу 🥲Текст выглядит нормально, но нет оффера, нет призыва к действию и нет ответа на вопросы:— где находится зал— на сколько человек— чем лучше других— почему мне нужно нажать на кнопку— в каком ценовом сегментеПервый экран на коммерческом сайте должен сразу объяснять, почему выбрать именно вас, а не просто создавать атмосферу, а сейчас это больше картинка, чем продажа 🤷🏻‍♀️2️⃣ Слишком много декоративного шрифтаРукописный шрифт используется почти во всех заголовках — он красивый, но когда его слишком много, страдает читаемость и сайт начинает выглядеть менее аккуратноДекоративный шрифт лучше использовать как акцент, а не как основной3️⃣ Блок преимуществВо-первых, иконки очень тонкие, детализированные и тяжело считываютсяВо-вторых, сам блок аккуратный и композиция нормальная, но при этом он слабый по тексту, потому что преимущества слишком общие, такие пункты есть почти у любого банкетного залаНе хватает конкретики:— сколько гостей помещается— сколько лет работают— сколько мероприятий провели— чем реально отличаютсяИз-за этого блок выглядит красиво, но не усиливает доверие — а наша цель ПРОДАЖИ 💸4️⃣ Весь сайт слишком ровный, нет акцентовВсё в одной цветовой гамме с одинаковой подачей блоков, из-за этого сайт выглядит аккуратно, но немного скучно и не усиливает конверсию ❌Глаз не цепляется ни за один блок, нет визуальной иерархии, нет мест, где внимание усиливается❗️В коммерческом дизайне важно не только чтобы было красиво, но и чтобы было понятно, куда смотреть5️⃣ Мало продающих триггеров❌ На сайте почти нет конкретики: нет цен, нет диапазона стоимости, нет вместимости на первом экране, нет акций в начале, нет сильных офферов, нет ощущения срочностиСайт больше похож на презентацию зала, чем на продающий лендинг, а для бизнеса это большая разница6️⃣ ШрифтВо-первых, шрифты выбраны верно, стилистически и по количеству вопросов нет, НО для описательного текста в больших объемах на сайте лучше выбирать текст без засечек, тк он лучше читается в вебе🧠 Простое правило: гротеск = онлайн, антиква = офлайнВо-вторых, на сайте нет шрифтовой иерархии (как и смысловой, о которой мы говорили ранее). Все тексты написаны почти одним кеглем из-за этого нет ни главного, ни второстепенного7️⃣ СТАКнопки теряются на фоне блоков и не выглядят как продающие СТА из-за этого сайт собирает меньше заявок, чем мог бы даже если бы мы просто усилили кнопки цветом и размером, заявок уже стало бы больше 🥲Что в целом хорошо— хороший цвет— местами аккуратная сетка— нет визуального мусора— хорошие и главное живые фотографии— выдержан стиль— нормальный уровень для реального клиентаЭто не плохая работа, но типичный случай, когда дизайнер сделал красиво, а до уровня сильного коммерческого сайта не дожал 💔Поэтому не переключайтесь, если хотите лучше понимать, как делать продающие дизайны, которые реально нужны клиентам 💰А если хотите еще таких разборов, ставьте реакции, чтобы я понимала, что вам интересно и присылайте свои дизайны сюда с кодовым словом «разбор дизайна» для следующих серий 🌸
Фанк.
Представляем кейс разработки сайта для благотворительного фонда «свет.дети» 🌸Погодите-погодите, пока не смотрите, дайте еще буквально 3 минуты, чтобы погрузить вас в контекст, тогда впечатления будут ярче, обещаем!🔷Пара слов о клиентеБлаготворительный фонд «свет.дети» помогает детям с онкологическими заболеваниями. Команда фонда пришла к нам за обновлением сайта.🔷Много слов о проектеНам нужно было разработать многофункциональный инструмент для взаимодействия фонда с подопечными, спонсорами и донорами. Отдельное пожелание от клиента — создать новый раздел «Наше медиа» и ускорить обработку заявок.Предложили минималистичный дизайн.Благодаря чёткой структуре и «нежной» простоте сайт транслирует главную мысль и цель проекта — «помогать легко». Окружаем пользователя заботой с первого экрана и мягко на каждом шаге подталкиваем его дарить заботу и надежду другому.Это особенный, трогательный и долгожданный проект для всей команды. В него мы действительно вложили любовь и свет.Хотим поделиться ими с вами✨Просто посмотрите кейс — и всё поймете…
Цифровой геноцид
Cognitive work analysis часть 3Ключ к пониманию целей и мощи рамки CWA — осознание того, что CWA предназначен для создания формирующих моделей (formative models), которые очерчивают цели, которые необходимо достичь в предметной области работы, а также возможности (affordances) и ограничения на доступные действия для достижения этих целей.CWA основан на идее выявления и представления внутренних ограничений работы, которые определяют границы возможных действий. Каждый из пяти слоёв рамки выделяет отдельную категорию ограничений. Хотя эти ограничения направляют и ограничивают доступные действия, внутри этих границ остаётся степень свободы, позволяющая работникам действовать гибко, адаптируясь к контекстуальным условиям для достижения целей предметной области.Выявление и представление этих ограничений создаёт основу для проектирования поддержки (визуализаций, средств помощи в принятии решений, обучения), которая способствует гибкой, адаптивной деятельности. Это достигается за счёт раскрытия целей предметной области, ограничений и возможностей, чтобы работники могли быстро понять, что нужно сделать и какие варианты доступны, даже в совершенно новых условиях, с которыми ранее никто не сталкивался и которые даже не предвиделись.Формирующий подход к моделированию в CWA резко контрастирует с другими подходами:нормативными/предписывающими моделями (normative/prescriptive), которые указывают, как работа должна выполняться;описательными моделями (descriptive), которые представляют, как работа фактически выполняется (например, стратегии работников, наблюдаемые в существующих средах).Как отмечает Висенте, идея о том, что формирующие модели могут раскрывать внутренние ограничения, чтобы обеспечивать гибкую и адаптивную деятельность, — «без сомнения, самое важное предварительное условие для понимания CWA» (Vicente, 1999, p. 122).
Useful Tools | Linux | GitOps | DevOps
OpenPencil редактор дизайна и интерфейсов с открытым исходным кодом. Открывает файлы Figma, имеет встроенный ИИ, полностью программируемый.Возможности: - открывает файлы .fig - читает и записывает файлы Figma, копирует и вставляет узлы между приложениями. - искусственный интеллект создает проекты - опишите свои пожелания в чате, более 90 инструментов создадут и изменят узлы. Подключите Anthropic, OpenAI, Google AI, OpenRouter или любую совместимую точку доступа. - полностью программируемый - интерфейс командной строки без графического интерфейса, API плагинов Figma через ознакомительную версию, сервер MCP для агентов ИИ. - совместная работа в режиме реального времени - P2P через WebRTC, без сервера, без учетной записи. Курсоры, статус присутствия, режим слежения. - автоматическая компоновка и CSS Grid - компоновка с использованием flex и grid с помощью Yoga WASM, с отступами, внутренними полями, выравниванием и размером дорожек. - экспорт CSS в Tailwind - экспортируйте любой выделенный фрагмент в HTML с помощью вспомогательных классов Tailwind v4. - приложение для настольных компьютеров — Tauri v2 для macOS, Windows, Linux (~7 МБ). Также работает в браузере как PWA.https://github.com/open-pencil/open-pencilDemo: https://app.openpencil.dev/demoОпубликовано в @gitgate#interface #design #figma
editors on vacation
Вы коллекционер или только мечтаете им стать? Тогда вы тоже влюбитесь в проект команды pl(art)form, которые наконец выпустили мобильное приложение. Это напоминает социальную сеть для тех, кто любит искусство. В личном кабинете можно показывать содержимое своей коллекции. К примеру, в приложении уже можно изучить собрание Софьи Карповской. А также и посмотреть какие работы из актуальных проектов можно приобрести и просто изучить выставки на LOBBY Карте. К примеру, можно виртуально прогуляться по проектам галерей Szena, Serenе, BLAR и многих других. В последней на выставке «Онтология вещей» Крис уже нашла и собственные работы. Теперь мечтаю завести кабинет коллекционера и начать рассказывать там о своих сокровищах. Ну и абсолютно считаю гениальным проект и поздраляю с запуском!
записки дизайнера: визуал и чувства
⭐️⭐️ Что объединяет ⭐️⭐️ награжденные сайты-⭐️⭐️ портфолио дизайнеровНедавно прочитала классную статью от Readymag (конструктора сайтов). Ребята проанализировали несколько награжденных сайтов за 4 года и сделали выводы, что их объединяет. Хочется поделиться с вами!Что важно?1️⃣ Типографика, которая задает тон всему проекту: сбалансированная, лаконичная и выразительная.Баланс простоты и выразительности. «Ценятся как минимализм, так и богатство деталей, но главное — баланс».2️⃣ Наличие анимации и интерактива, которые оживляют сайт и превращают просмотр в исследование. Сюда же интерактивные детали, микроанимация. Ну вот это вот, когда смотришь сайт и не можешь оторваться. Или застреваешь на игровых элементах3️⃣ Отражение стиля и индивидуальности. Это могут быть шуточки, визуальные решения и неожиданные детали. То, что выделяет среди других4️⃣ Внимание к деталям! «Едва заметное движение, необычные тени, скрытые пасхальные яйца... Успех начинается с простой и понятной основы, а детали создают вау-эффект.»🤩🤩🤩🤩Очень советую почитать статью целиком и посмотреть примеры:https://blog.readymag.com/award-winning-portfolios/
Дайджест продуктового дизайна
Немного свежего о лучших интерфейсных паттернах и практиках: 1. Baymard Institute: Плагин для Figma на основе своего ИИ-анализатора интерфейсов UX-Ray. Он сопоставляет ваш макет с паттернами и лучшими практиками из их гигантской базы знаний. 2. Lazyweb: Сервис помогает быстро анализировать экраны и сценарии мобильных приложений в нужной отрасли. Это связка классической коллекции паттернов и гибкого ИИ-поиска по ней. 3. Victor Ayomipo: Памятка по психологии и дизайну интерфейса мотивационной системы streaks для пользователей. 4. NN/g: Памятка о проектировании полезных уведомлений для устройств умного дома. Они могут быть реактивными, проактивными и оптимизационными. 5. NN/g: Несколько простых интерфейсных паттернов в ИИ-чат-ботах, которые помогают пользователям общаться с ними. Это чекбоксы и варианты выбора из списка в Google и Claude — вроде бы банальные, но очень уместные в контексте задачи. #patterns
Bitter Glitter
Думаю важно себе напоминать, что между тобой и хорошим результатом лежит только промежуток времени, в который тебя никто не будет отвлекать. Чем меньше времени дано и чем чаще отвлекают, тем скромнее результат. Но даже этот скромный результат, который ты выдаешь в некомфортных условиях, со временем будет становиться всё лучше и лучше. Это практически неизбежно. Помочь себе на этом пути можно разными способами, главное не мешать отвлекаясь на постоянные сомнения в себе — это только напрасный расход энергии. Как от него избавиться? Напоминать себе то что написано в первом абзаце 🪟