SILLYFEED

UI/UX дизайн

UI/UX дизайн — раздел темы «Искусство и дизайн»: посты из публичных Telegram-каналов в единой ленте. Листай свежие записи и переходи к оригиналам в Telegram.

Лента темы

Kolesa Design
Всем привет! 💙Сегодня поделимся с вами полезными сайтами, тг-каналами и ресурсами, которыми мы пользуемся, чтобы найти вдохновение, референсы, полезные статьи и узнать о дизайн-новостях.Сохраняйте и подписывайтесьТелеграм-каналы:Дайджест продуктового дизайнаHard client и Hard client dailyNow How ChannelПривет, дизайнерSenior Designer | PragmaticaРесурсы для рефов:Land-book MadeontildaLapa NinjaHttpsterКрутые источники информации:RE:sourcedsgners.ruПрофили, на которые стоит подписаться:Spotted in prod60fps
Журналус лайт
Темный режим как инструмент повышения конверсииПеревод статьи Эрика Мессаки, в которой он рассказывает о влиянии тёмной темы на конверсию сайтов и приложений. Он рассматривает её с точки зрения маркетинга и психологии и объясняет, в каких случаях она улучшает конверсию, а в каких — снижает.В статье есть практические советы по внедрению тёмной темы и удачные примеры.Главное из статьи: Внедрение тёмной темы должно быть обосновано маркетинговыми целями и особенностями бренда• Тёмная тема активизирует инстинкт самосохранения. Она дополнительно стимулирует мозг и обеспечивает высокую концентрацию• Чрезмерная концентрация нужна не везде. Например, она пригодится программисту, но читателю книги будет только мешать• Светлые сайты воспринимаются как более надёжные и заслуживающие доверия, особенно в профессиональных сферах. Прежде чем внедрять темную тему, проанализируйте характер вашего контента• Тёмная тема добавляет эмоциональности и повышает акцент на визуальном контенте• Для успешного внедрения тёмной темы важно завоевать доверие пользователей и подарить им чувство безопасности• Тёмная тема требует больше воздуха. Поэтому, она плохо подойдёт для B2B-приложений с большим количеством форм, компонентов и виджетов• Предложение тёмного режима в качестве опции может быть хорошим компромиссом, но его следует продумывать заранее, а не добавлять в последний моментОригинал статьи на английском.#статья@zhurnalus_lite
Панк-дизайн
Как мне кажется, будущее профессии (исходя из моих же слов) в том, чтобы: – Уметь находить такие точки роста, особенно связанные с серыми зонами, где рост будет 10х.– Уметь прогнозировать на то, как дизайну придется меняться в ответ на воздействие среды, думать сильно наперед, потому что сопротивление растет. Вот, как мне кажется, как правда поменяется профессия и кого она вынесет на самый верх. Создающих из хаоса инновацию, но применяющих ее во благо изобретателей. Мне кажется профессия будет ближе к изобретательству, нежели чем к диазйну (хотя это родственно). Хаотичное. Во благо. Chaotic Good — такие вот веселые, проницательные разъебаи, ломающие систему, а затем, поднимая из осколоков лучшее и те, что позволено оставить, создающие новую систему, с супер ценностью. Ну что же, скоро увидим :)
• МОТЫЛЁК | MOTYLYOK •
СВЕТ В ИНСТАЛЛЯЦИЯХ И СЦЕНИЧЕСКИХ СЕТАПАХ Ч.1
Продолжаем вместе писать #MultimediaToolsGuide, который почему-то никто не написал до нас. Составить эту главу помог светодизайнер Михаил Шпак, на 📝Заметки по свету которого советую подписаться.
Итак, к свету.Управление световыми приборами:Концертные световые приборы работают по протоколу DMX512. Для их управления существует специализированный софт от разных производителей, как со своими пультами, так и без (GrandMA, Chamsys, Hog и др.). Приборами также можно управлять через TouchDesigner или другие медиасерверы, а статичными — через Resolume. Часто управление состоит из системы, где один софт отдает миди-команды другому, и они параллельно выполняют задачи, достигая лучшего эффекта.Световые приборы можно разделить по двум признакам:1. По эффекту:Заливающие — созданы для освещения пространства определенным цветом и размером светового пятна. В художественных целях создают фон и атмосферу.Marta Pazos (фото 1)Рисующие, лучевые — создают мощный световой поток, лучи для вау-эффекта и акцентов на объектах. Также могут создавать световые узоры из трафаретов внутри них.Kenzo Masuda x Junya Honda number② (фото 2)Приборы для эффектов:-Стробоскопы — применяют импульсные источники освещения, генерируя одиночные вспышки с заданным интервалом и яркостью. Частота вспышек варьируется от миллисекунд до секунд. Atomic 3000.Radugadesign - #ffffffNonotak - Shiro (фото 3)-Блайндеры — вспышки теплого света на рок-концертах, служащие для так называемых «отбивок». Выпускаются как с галогеновыми лампами, так и на светодиодах. Также могут использоваться как классические светильники для освещения большого пространства. Stage Blinder IP WW.2. По особенностям конструктива:Статичный свет — приборы с ручной направкой, в основном заливающие. Есть модели с регулировкой угла раскрытия светового потока, шторками для подрезки светового потока и выбором цвета.-PAR — прожекторы с лампами/светодиодами для направленного света, встроенный диммер. Сейчас в основном светодиоды RGBW. Есть модели на аккумуляторах и с управлением по Wi-Fi. Actoris ParLED.Kanye West - Saint Pablo Tour (фото 4)-Ledbar — вытянутые модули со светодиодами, позволяющие составлять геометрические рисунки и управлять каждым диодом отдельно. iBar 15.-Ledtube — диодная лента с мягким рассеивающим фрост-фильтром (в кастомных решениях бывает и без фроста), бывают модели с аккумулятором и управлением по Wi-Fi. Astera Titan, Clenled.Сhristopher Bouder - STALACTITE (фото 5)-Кастомные решения для статичного света набирают популярность, изготавливаясь под конкретные задачи и световые сетапы, становясь главной фишкой сцены или инсталляции. Например, сетап из старых советских светильников или ламп накаливания.AB light - Kamanių ŠilelisAB light - „Kamanių šilelis. Arti” (фото 6)-Как фишку так же используют возвращение к ретро-приборам. ПРОДОЛЖЕИЕ СМ Ч.2
Меняем жизнь и тело с Марго
Задумывались ли вы, что объединяет хороший дизайн и хорошую работу с телом?
«По мнению мастеров 20-го века, дизайнеры должны бороться с тем, чтобы предмет был удобным и не вызывал бытового стресса».
Вот именно так я вижу и свою работу. Только в роли «неудобного предмета» здесь выступает наше собственное тело, которое в условиях мегаполиса постоянно испытывает перегрузки.🧠 Правда в том, что 90% проблем со здоровьем у современного человека — это следствие хронического стресса.Тело сжимается, мышцы замирают в напряжении, внутренние органы работают на износ. И это становится той самой «неудобной средой», в которой мы живем каждый день.Моя задача как висцеропласта, массажиста и целителя - не просто «вправить» или «размять», а создать для вашего тела состояние глубокого комфорта и безопасности.Как я этого добиваюсь? Я выбираю щадящие методы. Моя работа - это аккуратные, но эффективные прикосновения. Я не иду через сильную боль и слезы, потому что боль — это дополнительный стресс, от которого мы и так пытаемся избавиться. Я всегда прислушиваюсь к обратной связи. Ваше тело - главный эксперт на сеансе. Оно само подсказывает, куда и с какой силой нужно направить воздействие.В итоге, после сеанса вы получаете не только решение конкретной проблемы (будь то боль в спине или скованность), но и глубокое расслабление всей нервной системы.Я борюсь за то, чтобы ваше тело перестало быть источником бытового стресса и снова стало вашим комфортным и надежным домом.С заботой о вашем спокойствии, МаргаритаP.S. Кстати, тот самый стул, на котором вы сидите, скорее всего, тоже создан по этим принципам эргономики. Давайте и ваше тело приведем в такое же гармоничное состояние 😉
Ponchik News | Алексей Иванов
😼 Приглашение к действию: как принцип affordance в корне меняет отношения15 лет проработав в продуктовом дизайне, я научился нежно любить самое главное, что в дизайне есть: first principles, то есть фундаментальные концепции, на которых строится крутой дизайн, крутой продукт или услуга. Задизайнить можно и классную работу, и офигенные отношения, и гармоничную жизнь, поэтому про принципы дизайна стараюсь не забывать. И, конечно, делиться с вами.Сегодня хочу рассказать про affordance. На русский это словечко можно перевести как «приглашение к действию» или «потенциал взаимодействия», или что-то такое. Короче, хорошего перевода нет, поэтому буду использовать оригинальный англицизм.В дизайне принцип affordance относится к тем потенциальным действиям, которые человек может выполнить с тем или иным объектом, продуктом или даже другим человеком. Affordance — это про то, насколько объект подсказывает, что с ним можно делать. То, как его конституция и дизайн предлагают/предоставляют возможность поконтачить.Приведу примеры… а потом расскажу о том, зачем вам это знание в этот прекрасный пятничный день.🔸 Ручка на двери — это высокая степень affordance. Ручка сразу подсказывает, что дверь можно открыть, потянув за нее.Кстати, «плохой» affordance у дверных ручек тоже бывает: когда по ним непонятно, что надо делать с дверью: тянуть или толкать. Дизайнеры решают это, убирая ручку с той стороны, где нужно толкать. Изящно, не правда ли?🔸 Кнопка «Купить» в любом приложении — это пример отточенного affordance. Кнопка говорит нам, что нажатие приведет к какому-то заветному действию. Она большая, цветная, контрастная, часто чуть выпуклая и с соблазнительным текстом — так и просится, чтобы на нее нажали. 🔸 Обычный стул со спинкой — высокий affordance. Стул имеет форму, повторяющую изгиб сидящего человека, так и манит присесть. Заметьте, как в пространстве, где много людей стоят, и освобождается стул, кто-то непременно займет его — даже если сидеть не особо хочется. Уж очень приглашающие и форма, и функция.***Affordance как принцип применим к людям. Точнее, к их субличностям, которые сейчас взаимодействуют с миром (= и в смысле «окружающих людей», и в каком-то более глобальном смысле). Например, если за рулем нашей психики оказалась субличность скептичная, нахмуренная и ждущая подвоха, то мир видит наш низкий affordance. Мы не приглашаем его с нами взаимодействовать. И мир — со всеми его проявлениями и возможностями — проходит мимо.А если у штурвала нашей психики оказалась субличность игривая, любопытствующая, творческая и действующая из принципа «хз, что получится, но давайте попробуем», то мир видит: тут есть affordance, есть четкий сигнал повзаимодействовать. И мир с нами танцует.Короче, хочется всем пожелать танца в эти выходные. И вообще.А про субличности разбираемся в интенсиве уже через 10 дней. Тут в боте все подробности.
ИГ про дизайн
Пример геймификации 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.😎 ИГ про дизайн / ИГ в Максе
Nastea.ai | дизайн | инфографика
❤️‍🔥 Туториал: как сделать нестандартную плашку-рамку для макета?
Простой прием, который поможет сделать акцент на важных деталях товара
Эффект можно адаптировать к любым нишам, в особенности будет полезен в дополнительных карточках товара, если вы хотите акцентировать внимание на материале или определенной детали продукта. Листай карусель и бери на вооружение 👉🏻 📎 Если пост был полезен и ты хочешь, чтобы я продолжала формат "туториалы" —> поддержи своим огонечком🔥 #польза
дизайн интроверта
Новая подборочка плагиновЯ все больше за рукотворный формат создания дизайна, но иногда нужно сделать что-то быстренько, то почему бы и да, а если мы еще и будем видоизменять этот самый диз — то в таком случае получится нечто уникальное.Какие плагины я собрала из тех, что меня впечатлили?• dotter patter generationСоздаст точечный эффект из любого загруженного изображения.• flowerКлассный плагин для создания интересных цветочных форм, даже не только цветы, а что-то вроде мандалы.• glowСвечение далеко не всем дается легко, а этот плагин даст возможность осветить вашу форму, особенно хорош для темный дизайн-проектов.• roughlyC помощью него можно создать заштрихованную форму, если требуется скетч-стилистика• shaperСтолько приколдесных форм в плагине для разнообразия иконок или разделителей в веб-проектах (и не только).• trace imageПодойдет, если хотелось бы использовать некие рисованные (будто гравюра или тушь) иллюстрации.[ в комментариях закинула видео с презентацией плагинов, если вдруг хотелось бы не ковыряться самому, а посмотреть это вживую ]📌Сохараняйте, добавляйте, креативьте.#tools@designintrovert

Каналы по теме

Все каналы по темам