Обновить
123.36

Дизайн

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

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

Как пробить баннерную слепоту? Иногда хватит двух полосок

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

Помните, в детстве была шутка: «Дочка, запомни, две полосы это ж*па»? Но я расскажу классный пример, как привлечь внимание с помощью двух красных полосок.

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

Читать далее

Ваш отзыв поможет другим — сила альтруизма в интерфейсах

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

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

Поведение альтруистичное (сделай что-то, чтобы кому-то было полезнее) используют довольно мало, и обычно душеспасительные сервисы вроде википедии или волонтерских проектов. 

Мне кажется просоциальные сообщения недооценены, и я нашла несколько исследований, которые это подтверждают.

Читать далее

Мегатренды в дизайне интерфейсов. Часть 1. Культура и общество

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

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

Как постмодерн и метамодерн влияют на визуальные решения? Почему «ирония», «новая этика» и «необрутализм» становятся не просто стилями, а инструментами коммуникации?

Мы собрали более 50 источников — от Awwwards и Behance до академических публикаций — чтобы выделить ключевые мегатренды и показать, как они формируют язык современного UX/UI.

Это не короткий лонгрид, а полноценная исследовательская статья — на чашку кофе (или даже две). Запасайтесь вкусными напитками — будет объёмно, живо и очень интересно.

Читать далее

Проводники спирального типа

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

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

Спиральные проводники представляют собой металлические дорожки, выполненные в форме спирали или меандра на поверхности или внутри слоёв печатной платы. Их конструкция может быть:

- Плоской спиралью (planar spiral) – дорожка закручена по окружности или квадрату.

- Меандровой линией (meander line) – зигзагообразная структура, увеличивающая эффективную длину проводника.

- Многослойной спиралью – когда витки распределены между разными слоями печатной платы.

1. Конструкция и особенности

Форма таких проводников представляет собой плоскую спираль, которая может иметь круглую, квадратную, шестиугольную или любую другую геометрию витков в зависимости от требований к индуктивности и занимаемой площадки.

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

Читать далее

Как интерфейс PostHog поможет продактам и аналитикам в решении задач

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

Меня зовут Витя, в Selectel я работаю проектировщиком интерфейсов. В нашей команде анализом решений, связанных с пользовательским образом, занимается дизайнер. Такой подход позволяет быть ближе к пользователям и проектировать сценарии взаимодействия, продумывая метрики, на которые мы будем смотреть в перспективе, и оценивать их эффективность. Возможно, вы читали мои статьи и знаете, как мы используем PostHog в работе.

За долгую практику работы с сервисом накопилось большое количество кейсов, когда PostHog помогал мне получать и обрабатывать данные. Хочу поделиться знаниями с начинающими дизайнерами, аналитиками и продактами.

Читать далее

Сгенерировано ИИ: прятать или показывать у себя в продукте

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

За последние пару лет в интерфейсах появился новый паттерн — ✨. Магическая искорка сигналит, что здесь работает ИИ. Но с маркировкой сгенерированного контента всё сложнее. Нет единого стандарта: кто-то прячет информацию, кто-то показывает крупный дисклеймер, кто-то вообще не маркирует. Я столкнулась с подобной задачей в Контуре.

Читать далее

Битва за уникальный сайт: где искать редкие фото и картинки, которых нет у конкурентов

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

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

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

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

Читать далее

Как разработать дизайн мобильной операционной системы с нуля: кейс РОСА и 65apps

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

У нас был парк из 50 смартфонов разных производителей, 2 года на разработку, 5 дизайнеров, 1 арт-директор, исследовательские и стратегические сессии, целое море идей, разноцветных прототипов и эскизов, пачка шрифтов, а также литры кофе, чая и немного пива по пятницам. Не то, чтобы все это было категорически необходимо для создания дизайна операционной системы, но если уж мы взялись, то к делу надо подходить серьезно.

Читать далее

Незаметно сделали лучший Рунет: подборка дизайнеров от лида Garage Eight

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

О тех, кто повлиял на культуру, кто создавал сервисы, которыми мы до сих пор пользуемся, и чьи идеи остаются актуальными сегодня.

Зачем это нужно? Во-первых, чтобы вы развивали насмотренность. Во-вторых, чтобы понимать, какие люди формировали среду, в которой мы сегодня работаем. И, наконец, чтобы видеть, как строятся карьеры тех, кто уже прошел этот путь, — это помогает понять, куда можно расти самому.

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

Читать далее

Первые 40 часов UX/UI‑дизайна: как я собираю вводные и формирую основу интерфейса

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

Я работаю по схеме Time & Materials (T&M) над проектами с высокой степенью неопределённости, где на старте часто только общее представление о продукте, его структуре или задачах. В этой статье я покажу, как проходит первый ключевой этап работы — от сбора вводных материалов до набора проектных артефактов, которые формируются в первый блок часов.

Читать далее

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

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

Привет, Хабр! Это команда бренда работодателя НИИ «МосТрансПроект». Когда-то корпоративный мерч ассоциировался с кружками и футболками с логотипом, которые пылились на полке. Сегодня всё изменилось: мерч перестал быть сувениром – он стал языком коммуникации, на котором компания говорит со своими сотрудниками, соискателями. Он про идентичность, эмоции, приверженность и комьюнити. Мы решили проверить: а что если мерч станет не просто сувениром, а точкой входа в бренд работодателя? Так появилась идея создать продукт, который будет нести смысл и эмоцию, а не просто логотип на футболке.

Читать далее

От Вебмониторэкс к WMX: Как обновить корпоративный стиль и не получить два унитаза

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

Привет, Хабр! На связи команда маркетинга ИБ-вендора WMX (aka Вебмониторэкс). Обычно мы рассказываем о веб-угрозах, вредоносном трафике, особенностях WAF и API-firewall, и прочих тонкостях защиты веб-приложений. Но сегодняшний пост - исключение. Мы хотим поделиться опытом ребрендинга.

За последние пару лет имидж поменяли многие компании, но как известно - «существовать – значит, меняться». И вот мы тоже посмотрели на наш старый дизайн, лого, название и поняли, что пора нам все это освежить, сделать лаконичным и современным. Мы не планировали революцию, а только легкую модернизацию: обновиться, сохранив преемственность. «Operation Cannot Possibly Fail» - решили мы, но все, естественно, пошло не по плану и оказалось намного сложнее, чем нам казалось.

Читать далее

Дизайнить или не дизайнить: разбор айдентики IT-компаний

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

Стоит ли IT-компании вкладываться в дизайн, или сайта на конструкторе будет достаточно?

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

В процессе собрали коллекцию интересных находок и наблюдений. Хочу поделиться с вами главным выводом: за внешней простотой и лаконичностью успешных digital-продуктов стоит огромная работа, которая не всегда измеряется прямыми метриками. Речь о доверии к бренду, его узнаваемости и том самом «ощущении» профессионализма.

Читать далее

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

С толикой «крипоты» — откуда пришло понятие feature creep и как «ползучее расширение функциональности» вредит проектам

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

Мы в Beeline Cloud недавно писали о ретрософте, который живет и поддерживается вот уже не первое десятилетие. Сила этих программ кроется в отказе от лишнего.

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

Читать далее

Прагматичное руководство по современным цветам в CSS — часть первая

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

Перевод первой части статьи A pragmatic guide to modern CSS colours - part one».

Автор: Kevin Powell, 07 октября 2025

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

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

Читать далее

UX vs CX: кто кого включает

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

Небольшой гайд для продуктовых команд, руководителей и всех, кто принимает решения об опыте пользователей и клиентов.

Читать далее

Зависит ли скорость сигнала от длины проводника на печатной плате?

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

После публикации статьи «Электромагнитная совместимость при проектировании печатных плат» у некоторых читателей возник вопрос: зависит ли скорость сигнала от длины проводника на печатной плате.

Скорость сигнала не зависит от длины проводника, но зависит время задержки сигнала. Подробнее об этом в нашей статье.

Давайте разберем подробнее.

Читать далее

Мне жаль, но вы используете подсветку кода неправильно

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

Подсветка синтаксиса - это инструмент. Она помогает быстрее читать код. Быстрее находить нужную информацию. Ориентироваться в большом файле.

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

Читать далее

Ошибки в трассировке печатной платы

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

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

В процессе обработки файлов клиентов наши инженеры-конструкторы часто сталкиваются с ошибками трассировки печатной платы. Устранение этих ошибок на этапе проектирования печатной платы, сделает производство печатной платы проще, быстрее и дешевле.

Читать далее

Не обновляйтесь до MacOS Tahoe

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

Я обновился на новую версию MacOS Tahoe (26.0.1). Вот что из этого получилось.
Если вы сповадились нажать заветную кнопочку "Обновить сейчас", остановитесь и почитайте мой опыт.

Мне хватило менее 20 минут, чтобы обнаружить все перечисленные здесь баги и недоработки. Ещё около часа, чтобы решиться на откат системы.
Добро пожаловать на урок по чужим ошибкам.

Читать далее

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