Обновить
107.89

Дизайн

Дизайн спасёт мир

Сначала показывать
Порог рейтинга
Уровень сложности

Сборка тревел-гитары из запчастей с Aliexpress

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров7.8K

Привет, Хабр! Мне давно хотелось иметь электрогитару со следующими свойствами:

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

Все эти пункты воплотились в одной самоделке прошедшего лета, которую теперь можно всесторонне рассмотреть, послушать и покритиковать.

Читать далее

Как создавать удобные интерфейсы с помощью фреймворка STAR: опыт продуктовых дизайнеров Mindbox

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров3.3K

Фреймворк STAR (Situation, Task, Action, Result) лет 20 применяют в найме: кандидаты с его помощью структурируют кейсы, чтобы наглядно показать свой опыт. Мы в Mindbox применили его в дизайне: научились анализировать пользовательские сценарии и проектировать интерфейсы.

Меня зовут Антон Черный, я лид продуктовой дизайн-драйвер команды. В этой статье я расскажу, как и для чего применять STAR в дизайне интерфейсов. А еще на реальных фейлах Mindbox покажу, что бывает, если игнорировать части этого подхода.

Читать далее

Не промптом единым: как миксовать нейросети и ручную работу

Уровень сложностиСредний
Время на прочтение4 мин
Количество просмотров4.4K

Привет, на связи Маша из Клайбера. Поговорим про нейросети в дизайне и о том, как ими пользоваться, чтобы было быстро, удобно, эффективно и незаметно.

Читать далее

Вдохновляясь детской иллюстрацией: интернет-ресурсы для дизайнеров

Время на прочтение2 мин
Количество просмотров2.3K

Буквально на днях я опубликовал статью о дизайне обложек детских книг в России. Изучая эту тему, а также прочитав ваши комментарии, я обнаружил запрос на ресурсы, где подобные книги были бы собраны в единые коллекции. На самом деле такие ресурсы уже существуют. В принципе проекты по оцифровке книг существуют по всему миру. Пожалуй, самый известный из них - Google Книги (Google Print), который работает (?) с 2005 года. Правда, этому проекту пришлось пройти через огромное количество сложностей и судебных тяжб, связанных с авторским правом. Более 10 лет шли разбирательства в американском суде, но в конце концов закон встал на сторону корпорации. Однако, за годы темпы оцифровки были существенно снижены, и на момент 2023 года в принципе неизвестно, продолжается ли она. К 2019 году было оцифровано около 40.000.000 печатных изданий. В России оцифровкой книг занимаются государственные библиотеки и архивы. Например, Национальная электронная библиотека насчитывает 1.700.000 оцифрованных изданий (ссылка в конце статьи). Однако, помимо книг оцифровке подлежат также каталоги, нотные издания, диссертации, картографические издания и пр. Возвращаясь к теме данной статьи, конечно же, оцифровке подлежат и детские издания. Особое внимание в данном вопросе занимают иллюстрации детских книг. Для того, чтобы познакомиться с художественным наследием нашей страны, вы можете воспользоваться следующими ресурсами.

Читать далее

Книжный шкаф — секретная дверь

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров11K

Кто же не мечтал в детстве о книжном шкафе с потайной дверью? В нашей гостиной есть одно место, которое я планировал скрыть такой конструкцией целых 10 лет. Однако проект постоянно откладывался. Причина — подобные вещи нужно делать на совесть.

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

Руководство получилось довольно подробным. Оно охватывает не только сборку самого шкафа, но и некоторые другие особенности. Получился уникальный запорный механизм, основанный на сдвигающейся книге. Несколько тайников внутри, спрятанная большая комната… Кроме того, шкаф оснащен электроникой, которая создает забавные световые и звуковые эффекты в гиковском стиле.

Читать далее →

Фигма глазами новичка и дизайнера: лучшие практики для всей команды

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров4.6K

Каждый раз новый сотрудник приходит к вам с одними и теми же вопросами по Фигме? Или впервые видите макет в Фигме и не знаете, куда нажимать?

Мы посмотрим на Фигму глазами новичка и опытного дизайнера. Тем, кто только сталкивается с Фигмой, постараюсь помочь понять базовую логику работы с файлами, слоями, структурой и совместной работой. А продвинутые пользователи найдут здесь ответы на частые вопросы. Статья в первую очередь будет полезна аналитикам, тестировщикам и другим участникам процесса, которые работают с макетами.

Читать далее

Как создать сложную 2D-анимацию в веб-разработке: пошаговый гайд

Время на прочтение7 мин
Количество просмотров4.1K

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

Меня зовут Маша, я дизайнер в Selectel. В этой статье расскажу, как создать сложную анимацию с использованием Lottie и After Effects. Будет полезно дизайнерам и начинающим разработчикам.

Читать далее

Lottie в интерфейсах: как мы оживляем 2ГИС с помощью анимаций

Уровень сложностиСредний
Время на прочтение10 мин
Количество просмотров4.1K

Анимация уже давно стала стандартным инструментом в дизайне и способна выполнять самые разные задачи: обеспечивает плавность и приятную отзывчивость — как в современных ОС (например, дизайн-система Android Material 3 или Apple, которые используют принципы Springs), транслирует голос бренда и становится частью айдентики (CashMoney, Instagram, Plex), добавляет продуктовым сценариям эмоциональность и значимость. Недавно и перед нашей командой встала задача «оживить» некоторые из них. 

Меня зовут Саша Гончаров, я моушен-дизайнер в 2ГИС. По просьбе продуктовых дизайнеров я подключился к работе над анимацией интерфейсов. В этой статье вместе с разработчиком Сергеем Львовым расскажем, на что стоит обращать внимание при создании интерфейсных анимаций, какие технические нюансы важно учитывать и как мы достигаем желаемых эффектов. Материал будет полезен моушен-дизайнерам, которые хотят работать с интерфейсами, а также разработчикам, интересующимся особенностями рендеринга объектов на карте.

Читать

Чтение на выходные: «Игры: дизайн и игровой опыт. Все об итеративной разработке игр» Коллин Маклин и Джона Шарпа

Время на прочтение3 мин
Количество просмотров2.3K

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

Читать далее

Google Veo 3: как оживить картинку или фото (со звуком)

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров13K

Спустя пару месяцев после релиза, в самом конце июля, разработчики Google Veo 3 добавили ту самую кнопочку Загрузить изображение. Я обожал эту фишку в Veo 2, но в третьей версии нейросеть просто взлетела по качеству. В общем, в этой статье — полный разбор, как оживить со звуком всё что угодно: от вашего кота до стрит‑арта Бэнкси.

Читать далее

Как мы переделали дизайн-ревью: от узкого горлышка к масштабируемой системе

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров3.3K

В Точка Банк нет арт-директоров или лидов, которые принимают финальные решения по дизайну. Мы верим, что сильный дизайн рождается в совместной работе, а не в «указах сверху». Чтобы сохранять консистентность и высокое качество в экосистеме продуктов, нам нужен был процесс: как переопыляться, делиться хорошими решениями и держать планку. Так появилось дизайн-ревью — одни дизайнеры отсматривают макеты других и предлагают идеи по улучшению.

На старте небольшой команде хватало нескольких ревьюеров. Но когда команда выросла до 50+ дизайнеров, процесс начал буксовать. Ревью из помощника превратилось в узкое горлышко: сроки срывались, ревьюеры выгорали, качество проседало.

Мы прошли через это и перестроили процесс так, чтобы он масштабировался на десятки кейсов, прокачивал команду — и при этом не тормозил работу. Рассказываем, как.

Читать далее

Эпоха дизайнеров-ремесленников уходит

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров9K

Современный бизнес-ландшафт в дизайне отличает высокая волатильность и сильное давление рынка. Дизайнерам все чаще приходится доказывать свою ценность как инвестиции. Руководители, в свою очередь, ищут новые формы ценности и стремятся к видимым показателям успеха, пытаются добиваться больших результатов при меньших затратах.

Читать далее

Невидимая рука интерфейса: как ИИ меняет дизайн и дизайнеров

Время на прочтение11 мин
Количество просмотров4.9K

Что я понял о будущем дизайна, пока наблюдал, как искусственный интеллект отбирает у человечества мышки

Читать далее

Ближайшие события

Куб рабочего стола и прочие эффекты на Fedora 42: Liquid Glass от Apple отдыхает

Время на прочтение7 мин
Количество просмотров11K

Пару дней назад я поймал себя на мысли: «раньше было лучше». Но когда я попытался сформулировать причину, вывод был однозначен. Мне не хватает давно забытого чувства, когда операционная система выглядит футуристично, а эффекты рабочего стола разительно отличаются от привычных для пользователей интерфейсов Windows и macOS.

В то время как Apple с невероятным апломбом заявляет об уникальности своего Liquid Glass, я вспомнил о Compiz Fusion и Emerald, дающих широкие возможности кастомизации рабочего стола. Эта замечательная пара приложений, на мой взгляд, была незаслуженно забыта. Мне захотелось посмотреть, насколько будет хорошо смотреться современная Fedora Linux, если вернуть ей эффекты из далекого прошлого.

Читать далее

От сессии до релиза: как совмещать учебу и работу в IT-компании

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров4.5K

В команде НИЦ ЦТ много студентов, которые успевают и учиться, и работать.  В честь начала учебного года мы попросили рассказать, как им это удается, что дает ранний карьерный старт и как вуз относится к такому совмещению.  

Всем, кто сегодня сел на ученическую скамью,  расскажем живой опыт и истории о том, как искать работу и практику, как не уронить успеваемость и почему работа во время учебы важна.

Читать далее

От визуала к прибыли

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров750

Как рождается по-настоящему эффективный дизайн, который решает реальные бизнес-задачи, а не просто радует глаз.

Читать далее

Как мы серфим на финансовых волнах: кейс HR-мерча и стендов Ozon Банка на IT-конференциях 2025 года

Время на прочтение3 мин
Количество просмотров670

Привет, меня зовут Саша и я старший дизайнер коммуникаций HR-бренда Ozon Банка. Сегодня расскажу, как мы нашли запоминающуюся концепцию для линейки мерча — «Сёрфим на финансовых волнах».

Поймать волну

Улучшаю UX во Flipper Zero

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров3.8K

Показываю 7 приемов по улучшению UX для Flipper Zero, чтобы понизить порог входа для новых пользователей и повысить интерес к последующему исследованию устройства для уже существующих.

Читать далее

Активация важнее ретеншена: почему нельзя оставлять пользователя один на один с интерфейсом

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров666

Привет! Меня зовут Богдан, я дизайн-директор в ВТБ и вот тут уже не первый раз натыкаюсь на материал про метрику Активации — и это очень хорошо, что дизайнеры начали про нее говорить.

Часто дизайнеры путают активацию с ретеншеном. Начинают проектировать пуши, скидки или «ежедневные задания», хотя пользователь в первой сессии так и не понял, зачем ему продукт.

Давайте разберемся как проектировать интерфейс от ценности и войти в топ самых эффективных продуктовых дизайнеров в Росиии.

Перед этим подпишитесь на мой тг-канал https://t.me/designfintech — тут я делюсь полезными материалами по дизайн-менеджменту, коомуникации и продуктовым кейсам. 

Читать далее

Киоск самообслуживания McDonald's: машина на $2 миллиарда

Время на прочтение11 мин
Количество просмотров19K

Кажется, что установленные в ресторанах быстрого питания сенсорные экраны — просто удобный инструмент для быстрого заказа бургеров? Вот только на деле это — хитро просчитанная система, которая с момента внедрения в 2015 году увеличила средний чек на 30% и принесла компании миллиарды долларов. 

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

Читать далее

Вклад авторов