Обновить
108.13

Дизайн

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

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

Как это сделано: процесс проектирования Figma-плагина Mirage для быстрой генерации тестовых данных в таблицах

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

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

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

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

Так родился на свет плагин Mirage, который помогает быстро генерировать тестовые данные в таблицы и текстовые блоки.

Читать далее

Новости

Отдел Технического Контроля на заводе по производству печатных плат «ЭЛЕКТРОконнект»

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

Отдел технического контроля (ОТК) играет ключевую роль в производстве печатных плат так как даже незначительные дефекты могут привести к отказу электронных устройств. ОТК на производстве гарантирует качество, надежность и соответствие продукции требованиям стандарта ГОСТ. В этой статье делимся, как это происходит у нас, в «ЭЛЕКТРОконнект». Мы со всей ответственностью относиться к качеству продукции и постоянно совершенствуется.

Каким образом организован процесс технического контроля на производстве «ЭЛЕКТРОконнект»?

В процессе производства на заводе осуществляются 3 этапа проверки качества печатных плат:
- Автоматическая оптическая инспекция (AOI).
- Электроконтроль на тестерах с летающими щупами (FPT).
- Визуальный ручной контроль (MVI).

Автоматизированный оптический контроль (AOI) 

Читать далее

Из дизайнера интерфейсов в разработчики за 4 недели: как я делаю AI-плагин для дизайн-ревью

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

Время релиза. Открываешь Figma, берёшь скриншот из прода и начинаешь сравнивать с макетом:
— Цвета совпадают?
— Отступы правильные?
— Шрифты те?

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

Я подумал, что если создать AI-плагин для Figma, который будет делать дизайн-ревью автоматически?
Но ведь я дизайнер, а не разработчик. Решение скрывалось в Claude, Cursor и 4 неделях упорства.

Сегодня плагин:

✅ Находит расхождения в цветах
✅ Ловит ошибки в тексте
✅ Показывает информацию на превью

Я не стал разработчиком за месяц, но получилось создать работающий инструмент.

Читать далее

Большие деньги. В самом прямом смысле этого слова

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

Среди денег есть рекордсмены по весу и по размерам. Некоторые из них были в обороте в далеком прошлом, а другие выпущены совсем недавно. Есть среди них как экзотические варианты платёжных средств, которые даже трудно признать деньгами, так и обычные монеты и банкноты — только очень большие.

Читать далее

Рекомендации по монтажу печатных плат с покрытием иммерсионным оловом ImSn (Immersion Tin)

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

Иммерсионное олово (Immersion Tin, ImSn) — альтернатива HASL-процессам. Популярность ImmSn растёт за счёт обеспечения хорошей смачиваемости припоем и демонстрирует беспроблемную и лучшую паяемость, чем иммерсионное золото ENIG (Electroless Nickel / Immersion Gold).

Читать далее

Алфавитная идеология и буквенный символизм

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

Мне попался в руки тематический выпуск «Социолингвистика правописания» (2015) журнала Written Language and Literacy. Проблемы политизации орфографии хорошо знакомы на постсоветском пространстве — Таллин или Таллинн (а в 1930 он и вовсе был Талин!), Чимкент или Шымкент? — но аналогичные противостояния возникали по всему миру, во все времена. Интереснее всего, когда политизированные прения возникают по поводу состава алфавита.

Так, испанцы, владевшие Филиппинами с 1521, перевели тагальский — основной язык Филиппин — на латиницу без использования ⟨k⟩: как и в испанской орфографии, звук [k] обозначался при помощи ⟨c⟩ или ⟨qu⟩. В 1892 филиппинские революционеры назвали свою подпольную организацию KKK (Kataastaasang Kagalang-galang na Katipunan, «высочайшая и самая почётная организация»): символом борьбы против испанской власти они избрали тройную «анти-испанскую» букву. В 1898 в войну за независимость Филиппин включились США, испанцы были разгромлены, филиппинский флаг украсился буквами KKK, а орфография повстанцев стала официальной: алфавит (abakada) принял вид ⟨a, b, k, d, e…⟩ — тогда как «колониальные» буквы ⟨c⟩ и ⟨q⟩ из него были исключены. В 1987, когда антиколониальная борьба осталась далеко позади, филиппинский алфавит вновь гармонизировали с испанским: поставили ⟨k⟩ на привычное место перед ⟨l⟩, и разрешили использовать ⟨c, f, j, ñ, q, v, x, z⟩ в собственных именах и заимствованиях.

Читать далее

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

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

Привет! Я — Лёша, принципал дизайнер, решаю бизнес-задачи с помощью дизайна уже больше 15-ти лет. Это моя вторая статья из серии посвященной дизайн-процессам, и в ней мы поговорим о втором ромбе системы Double Diamond и о том как же нам теперь закрыть выясненную боль пользователя, и превратить наши идеи в живой, простой, понятный и удобный продукт. Поехали!

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

Теперь пора перейти от проблем к решениям. Если первый ромб был про "Что?" и "Почему?", то второй — про "Как?".

Второй ромб так же состоит из двух, потенциально бесконечно повторяющихся внутри до нахождения нужного решения, фаз: Develop(Разработка) и Deliver (Доставка/Внедрение)).

Читать далее

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

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

Привет! Мы Наташа и Ксюша, работаем коммуникационными дизайнерами в ЮMoney. С прошлого года начали активно использовать для рабочих задач нейросети. В статье мы расскажем, почему предпочитаем сгенерированные изображения стоковым и сколько нейронок нужно для создания одной иллюстрации. А ещё поделимся реальными кейсами использования AI-инструментов.

Читать далее

Ликбез по стоковым лицензиям: как легально использовать картинки и избежать штрафов

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

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

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

Читать далее

Соединение земляной шины в виде «звезды» при проектировании печатной платы

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

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

Давайте подробнее рассмотрим некоторые аспекты.

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

Читать далее

Пользовательский опыт остается заложником предубеждений. MAX и Telegram

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

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

Читать далее

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

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

Привет! Я — Лёша, принципал дизайнер, решаю бизнес-задачи с помощью дизайна уже больше 15-ти лет. Это моя первая статья из небольшой, но насыщенной серии, и она полностью посвящена дизайн-процессам и взрослому, результативному подходу к работе. Я постараюсь рассказать все очень кратко, насколько это возможно чтобы не потерять суть, но емко. Сделаю это так, чтобы все процессы стали понятны даже новичку.

Думаю большинство читателей уже знакомы с известной системой «Double diamond» (двойной ромб), разработанной Британским Советом по дизайну еще в далеком 2005-м году. Называть его в русском варианте «Двойной алмаз» некорректно. Алмаз многогранен, а суть подхода именно в двух, при необходимости бесконечно повторяющихся этапах дивергенции и конвергенции внутри каждого ромба.

Если говорить простыми словами, то суть заключается в том, что сначала мы расширяем наш поиск во все возможные стороны, и только потом приступаем к поиску решений, объединяя все полученные знания, при этом сужая фокус внимания. Мы делаем какие-то выводы из полученных данных и оставляем только самое важное из того что мы смогли выяснить. У каждого ромба в этой системе есть два этапа (расширение и последующее объединение):

Читать далее

Гибкие печатные платы на полиимиде или на FR-4 толщиной 0.1 — 02 мм? Что выбрать?

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

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

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

Гибкие печатные платы (FPC, Flexible Printed Circuits) на основе полиимида и FR4 толщиной 0.1 - 0.2 мм используются в компактных и высоконадежных электронных устройствах. Рассмотрим их особенности, сравнение и применение.

Но помимо полиимида, есть также материал FR4, который также тонок, но значительно дешевле?

О сильных и слабых сторонах 2х материалов ниже.

Читать далее

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

Нажал кнопку – художник? Как нейросети меняют законы об авторском праве

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

В 2022 году случился «нейросетевой бум» – генеративные модели вроде Midjourney вышли из лабораторий и стали доступны широкому кругу людей. Уже несколько лет нейросети являются одной из самых популярных тем для обсуждения в арт-сообществе, вызывая волну споров, страхов и мифов.

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

Я старалась углубиться в проблему и разобрать позиции всех сторон, чтобы статья вышла объективной насколько это возможно ^^

Читать далее

Жизнь как коробка с печеньками: что скрывают cookie-баннеры

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

Вы точно их видели — и не один раз. Баннеры с cookie за последние годы стали обычным делом. Разберём, что такое cookie-баннер, как он работает и почему часто мешает пользователю. Если вы маркетолог или управляете сайтом и не понимаете, зачем на нём нужен баннер с cookie — эта статья всё объяснит. Детали под катом.

Читать далее

Дизайн за 5 минут. Дайджест октября 2025

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

Привет, Хабр! Разбавляю хэллоуинский инфоповод подборкой не страшных, а просто интересных новостей из мира дизайна. С вами Андрей, продуктовый дизайнер Garage Eight, и девять новостей, которые зацепили мое внимание: 

1) Обновленные иконки Microsoft Office
2) Новый визуальный стиль «Яндекс Пэй»
3) Победители Illustration Awards 2025
4) Ребрендинг сети магазинов «Магнит» от Студии Лебедева
5) Интеграции популярных приложений в ChatGPT
6) Брендинг и упаковка для Bonne Nuit от +Stüdyo
7) Интерактивный 3D color picker Volume для OKLCH
8) Образовательная библиотека Design Hub
9) Новый сервис SCRN Gallery — российский аналог Mobbin

Погнали!

Проект по Air Quality sensor, дальнейшее развитие проекта

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

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

Проще говоря, основной сценарий, от которого мы будем отталкиваться, это необходимость вовремя проветривать помещение: с помощью рук и ног открыв окно. Или с помощью автоматического открывания окна, или включения вентиляции.

Делать это нужно дома и на работе, допустим, в офисе. Поэтому желательно, чтобы устройство можно было брать с собой.....

Читать далее

Мой сын не собирает LEGO замки. Урок UX

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

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

Читать далее

Как мы обучали дизайнеров VK проводить немодерируемые тесты. Сказ о разработке программы

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

Привет, Хабр! 

Нас зовут Анастасия Пушкарева и Полина Адрианова и мы — старшие аналитики-исследователи в компании VK. 

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

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

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

Читать далее

Особенности проектирования гибко-жестких печатных плат

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

Первое, что нужно знать о гибко-жестких печатных платах (ГЖПП) — это дорого. И использовать рекомендуется в технически обоснованных случаях.

Иногда ГЖПП можно заменить просто гибкими (многократно гибкими) или тонкими (0,1 мм) стеклотекстолитовыми (гибкими однократно). Главные положительные свойства гибко-жестких печатных плат — уменьшение габаритных размеров и массы, повышение надежности изделия за счет исключения промежуточных разъёмов и в части вибростойкости. В частности, возможны фантастические пространственные конструкции по сравнению с обычными платами.

Коротко о конструкции гибко-жестких печатных плат. На нашем производстве используются следующие варианты: Две (или более) двусторонние «жесткие» платы из стеклотекстолита и между ними размещается двухсторонняя «гибкая» полиимидная плата (шлейф) толщиной 0,05 мм с проводящим рисунком, спрессованная в жесткой части «малотекучим» препрегом. Над гибкой частью препрег удаляется. Рисунок (проводники) гибкой части обычно покрываются «покровной пленкой» для предотвращения замыканий и для защиты проводников от внешних факторов. Проводники должны размещаться на наружных слоях платы и как минимум на одном гибком слое. Можно изготовить платы и с несколькими гибкими полиимидными слоями. Полиимидный гибкий слой является общим объединяющим элементом ГЖПП.

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

Читать далее
1
23 ...

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