Веб-дизайн *

Гифки + FFMPEG + Gemini 2.0 Flash Thinking Experimental = 🔥. Мой эксперимент по созданию софта для себя

Дисклеймер: хотел создать скромный пост, а не статью, но не справился с управлением новым редактором. А старый редактор не поддерживает посты.

Допустим, у нас есть блок (скажем, бутстраповская ячейка <div class="col-12">) и мы хотим её схлопывать (скажем, по клику на кнопке).

Всемирная паутина (WWW) — это не просто набор веб‑страниц, это революция, изменившая наше восприятие информации и общения. С момента своего появления в начале 1990-х годов WWW кардинально трансформировала мир, открыв новые горизонты для бизнеса, образования и повседневной жизни. История веб пестрит взлетами, падениями и уходами в крайности, но здесь мы пройдемся только по самым ярким моментам! Следить за эволюцией технологии, которая навсегда изменила наше общество, мы будем глазами фронтенд‑разработчика.

Привет! Меня зовут Артём Литвин, последние три года я работаю дизайн-лидом в компании Домклик и руковожу командой из девяти продуктовых дизайнеров. Хочу поделиться своим опытом, как выстроить эффективную работу в дизайн-отделе. Мы рассмотрим три ключевые темы, которые могут помочь улучшить работу в вашей команде:

— Продуктовые активности: как делать продукты лучше.

— Коммуникационные активности: как дизайн‑отделу работать слаженно и с удовольствием.

— Форматы коммуникации: как эффективно доносить информацию и обмениваться идеями.

Всем привет! Меня зовут Серёжа. Я дизайн‑лид: 10 лет в дизайне, 6 из них в B2B, застал ребрендинг в Сбере, а ещё делал сайт для Челябинского трубопрокатного завода и выиграл два хакатона для дизайнеров.

В статье мы будем говорить о Discovery и дизайне. Я расскажу, как выглядит наш дизайн‑спринт, чем он отличается от подхода Google и как мы помогаем нашим клиентам решать их проблемы с помощью новых сценариев в продукте.

Вы сможете сверить свой подход с нашим и выстроить такой же процесс у себя по детальному плану.

Запуск нового сайта — момент ответственный. Надо сделать 1000 и 1 дело. Чтобы вы не потерялись в дедлайнах и задачах, вот вам чек-лист. Подрядчикам он поможет структурировать все действия, а заказчикам — понять и проверить, все ли пожелания учла команда разработки.

Интересно, почему одни интерфейсы цепляют нас с первого клика, а от других хочется поскорее убежать и никогда не возвращаться? Я занимаюсь UX-дизайном уже более 8 лет и, разрабатывая интерфейсы для сложных систем (ERP, CRM, EAM), нашла ключик к сердцам пользователей — уважение к их времени. Время — самая ценная валюта, имеющаяся у человека. И чем бережнее мы к нему относимся, тем проще получается влюбить пользователей в свой продукт.

Представим, что наш продукт — это человек, стремящийся завоевать сердца максимально широкого круга людей. Обольщение через качественный UX — это своего рода доброжелательные манипуляции, которые заключаются не в ярких визуальных эффектах или пустых обещаниях, а в стремлении упростить жизнь человеку. Чтобы покорить сердца пользователей и пробудить в них желание возвращаться снова и снова, необходимо создавать простые и интуитивно понятные интерфейсы, в которых люди ощущают пользу от каждой потраченной секунды. Для внедрения подобных подходов важно понимать, как думает человек и что им движет при принятии решений. Здесь на помощь приходят базовые психологические принципы, помогающие разрабатывать не только функциональные, но и ориентированные на пользователя интерфейсы.

В этой статье я расскажу, как основные UX-манипуляции (принципы) связаны с фундаментальными аспектами человеческой психики. Также приведу простые примеры, которые бесспорно сразят пользователей наповал — just try it ;)

Примечание: У меня нет образования в психологии. Все, что описываю в этой статье, основано на моем многолетнем опыте в сфере UX и безграничном интересе к человеческому поведению.

Автообновление завтрашнего дня в Тильде. Как добавить +1 день внутри текста в Tilda. Пошаговая инструкция.

Если вы сделали сайт на Tilda и вам требуется добавить дату завтрашнего дня, то эта статья для вас. Данный метод позволяет добавить дату куда угодно в любое место на сайте и с наступлением нового дня будет автоматически добавлять завтрашний день. Код сделан на чистом JavaScript что делает его универсальным и не требует добавления сторонних библиотек.

Эта статья расскажет о том, что такое Дизайн Системы.

Не какая-то конкретная Дизайн Система от конкретной компании, а в общем и целом. Термин не самый простой, и, на мой взгляд, слишком уж абстрактный.

Я же попробую обобщить свой богатый опыт работы с различными Дизайн Системами и представить понимание о том, что же это такое с довольно интересного ракурса: через жизненный цикл и роль в оргструктуре компании.

Всем привет! Меня зовут Паша Стороженко, я продуктовый дизайнер в Купере. С конца 2023 года наша команда отвечала за направление аптек и достигла неплохих показателей. В этом году нам предложили взять еще одно направление — бытовую технику и электронику.

Прежде всего, нам нужно было разобраться, как устроен этот рынок, как клиенты выбирают магазин, товар и способ его получения, какие сложности у них возникают. Другими словами — провести дискавери направления. А так как раскачиваться по полгода не в наших правилах, мы активно взялись за дело.

В этой статье я хочу рассказать зачем AI нужен UX/UI дизайнерам. Как его внедрение может улучшать пользовательские интерфейсы, и как AI инструменты облегчают и ускоряют работу дизайнера. Я расскажу об использовании AI в интерфейсах — о возможностях, ограничениях, проблемах и способах их решения. Покажу несколько примеров, из своей практики. В заключении я попробую предположить чего можно ждать от AI в будущем.

Вы хотите создавать веб-приложения и игры при помощи голосовых сообщений Телеграм боту?

Тогда читайте эту статью и вы можете даже поиграть в игру, созданную ИИ ;)

Привет, это Логомашина. Мы — дизайн-студия полного цикла: редизайним и создаем бренды с нуля.

Подготовили для вас дизайнерский прогноз трендов: что будет актуально в визуальных решениях, шрифтах, логотипах и веб-сайтах. Сделали акцент на IT: какие инструменты помогут выделиться, как создать интерфейсы, которые работают, и что важно для удержания внимания пользователей. 

В процессе разработки UI для игр Forza Horizon 3 и Forza Motorsport 7 я имел возможность поработать с потрясающими акриловыми матовыми элементами дизайна.

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

Сочетания цветов влияют на наше настроение и восприятие, и в маркетинге — тоже. Определённые оттенки воздействуют на поведение клиентов и их решения о покупке.

Меня зовут Аня Дружинина, я Lead Designer WIM.Agency. В этой статье я собрала ключевые выводы из исследований о значении цвета в маркетинге и рекомендации для дизайнеров.

Если в 90-е годы вам приходилось пользоваться интернетом, возможно, вы помните сайты на домене GeoCities. Это популярный веб-хостинг, действовавший в США с 1994 по 2009 год включительно. В Японии он и вовсе продержался вплоть до 2019 года. На пике популярности хостинг GeoCities обслуживал десятки миллионов персональных сайтов. В сегодняшней статье мы кратко пройдемся по истории компании и в заключение посмотрим на наиболее «характерные» сайты ушедшей эпохи 90-х.

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

Привет! Обещала опубликовать вторую часть рецензии через неделю, а получилось...через полтора месяца. Если вы не понимаете, о какой рецензии речь, вам сюда. В первой части я рассказала о SUS, MVP, концепциях Personas и JTBD, разнице между MVT и A/B-тестированием, об API, как о факторе, формирующем UX, и многом другом.

Сегодня поговорим о слоях UX. Мы углубимся в Business Model Canvas и его деривативы, затронем Dual-track agile, а еще поймем, что такое CJM. Плюс, конечно, по касательной затронем Z/F-паттерны и диаграмму Гутенберга.