Дизайн

Статья рассчитана на людей, которые планируют ремонт самостоятельно, и дизайнеров, которым приходится размещать сетевые розетки вместе с мебелью и бытовой техникой. Глубокие знания компьютерных сетей не понадобятся. Все основные термины и подключения постараюсь объяснить по ходу статьи.

Всем привет! Меня зовут Кирилл, я сетевой инженер и автор технических статей. Остальные мои материалы можно найти в профиле @ProstoKirReal.

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

Да вообще не сталкивался.

Проект локальной сети я взял на себя. Здесь хотя бы был опыт проектирования и знакомая территория.

Когда речь заходит о печатных платах, FR-4 упоминают чуть ли не в каждом втором разговоре. Это стандарт, основа, база, с которой начинается почти любая электроника. Но за привычным названием скрывается гораздо больше, чем просто «стеклотекстолит». И если копнуть чуть глубже, оказывается, что FR-4 — это целая вселенная материалов со своими нюансами, подводными камнями и неочевидными особенностями.

Быть визионером — здорово, но не всегда полезно. Особенно не полезно для инвесторов, которые порой тратят золотые горы на то, что обречено остаться на обочине истории. Сегодня мы поговорим о таких странных проектах, которые казались феерическим «хайпом», но часто даже не доходили до прилавка.

В предыдущей части мы сшивали разрезанные спрайты в анимации для ассетов вручную. Теперь попробуем сделать это же, но с помощью нейросети Seedance 2.0. Я выбрал несколько спрайтов в случайном порядке и использовал промт:

Вы закончили задачу, отдали результат заказчику — а что произошло с ним дальше?

Взяли ли рекомендации исследователя в работу? Использовали ли макет дизайнера? Пригодилась ли аналитика? Или результат тихо отправился в стол?

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

В статье рассказываем об экспериментах Бюро над универсальной метрикой бизнес-пользы и о том, что из этого получилось 🔥

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

На связи Андрей, продуктовый дизайнер Garage Eight.

В августе было много обновлений: у Instagram обновился логотип, у Uber — система иконок, Figma осваивала скиллы и ластик, а бренды выкатывали свежие айдентики и спецпроекты. Остальные находки месяца — ниже.

1. Новый логотип Instagram

2. Система иконок Uber

3. Айдентика Берлинского музея

4. Skills внутри Figma

5. Фигластик

6. Ребрендинг и новая упаковка для Индилайта

7. Cifrovoy rubel

8. Big Walk

9. ЦвеТ-очки

10. Mac Mini + Mac Studio Update

Каждый раз, когда верстаешь новый проект, лендинг или дэшборд, Дизайнер просит поставить на плашки ссылки со свежими логотипами сервисов, соцсетей или технологического стека. Начинается отдельная каста разработки и дизайна: найди официальный брендбук, вытащи оттуда SVG (Не факт что он там будет) или иди на сторонние агрегаторы, где половина файлов кривые, а скачивание запрятано за скрытой рекламой "Скачать Яндекс". Когда мне это полностью надоело я создал свой сервис - ГдеИконка (GdeIkonka)

Все знают историю великого новатора Стива Джобса, создателя легендарных компьютеров и гаджетов. Но он вряд ли стал бы миллиардером, если бы не патентовал свои изобретения. Мы решили пройтись по самым знаменитым патентам основателя Apple. 

После экспорта из Figma иконка 24×24 может оказаться в браузере крошечной, огромной или размытой. Обычно файл при этом исправен — просто разные части цепочки смотрят на разные параметры. Разбираем систему координат, viewBox, контракты и ловушки в React.

Два месяца назад мы взялись перенести в веб мою настольную игру. «Release любой ценой» — карточная игра про хаос IT‑разработки: собираешь релиз из Backend, Frontend и Database, соперники его валят, ты отбиваешься. Про саму настолку я здесь уже писал.

Нас в проекте трое: разработчик (ditayler), я (dimbo‑design, дизайнер) и Claude Code, через которого работаем оба. Ему досталась реализация логики игры и фундамент: монорепо, сеть, движок. Мне видимая часть: интерфейс, анимации, поведение карт, UX. Прочитать код я, в общем‑то, могу, а вот понять нет: моё ревью проходит на экране, как дизайн‑ревью.

Из этой конфигурации торчит неудобный вопрос. С моей стороны в проект постоянно едет код. Как убедиться, что туда не едет мусор, если прочитать его я не в состоянии? Ответ, на котором стоит проект: нестыковки должны всплывать сами — между договорённостью и кодом, между докой и реальностью. И сразу честно, чтобы не выглядело героическим строительством по ходу: большую часть этого фундамента разработчик задал ещё на старте, и именно фундамент работает. Что‑то доросло позже в моей зоне, за что‑то пришлось повоевать. Дальше эта система по частям, в порядке появления в проекте.

Знакомая ситуация: продукт написан за выходные, гипотеза подтвердилась, кто‑то уже платит. Приходит дизайнер и просит файл.

Файла нет. 

Есть интерфейс, который существует только в виде кода. Кнопка там называется.btn‑primary,.btn‑add и.button‑save — три класса, одна кнопка, паддинги отличаются на пиксель. Серый цвет записан тремя способами, и один из них, судя по всему, опечатка. Отдать это дизайнеру нельзя. Нарисовать заново — значит выбросить полгода работы и начать спорить про радиусы. 

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

В статье — что из этого вышло, с цифрами и с местами, где всё сломалось.

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

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

Привет! Меня зовут Анастасия, работаю продуктовым дизайнером в Ticketland. Я подготовила гайд о том, как собрать такой процесс на локальном компьютере с помощью Cursor, который включает семь шагов.

Сразу скажу что именно чтобы тем кому надо знать только итог не тратили свое время на чтение. Сайт лежит в виде виртуальной машине убунта без морды на арендованном довольно шустром хосте с 64 Озу 12 ядер 500 ССД и канал 1G. Хост крутит тоже убунта без морды.

Ну и для сайта выделено было пару ядер и пару гигабайт памяти.

Что делает сам сайт — он подключен ко всем буквально источникам новостей об ИИ как к лидерам рынка, так к вендорам и агрегаторам. Суммарно 100 источников. Он собирает все новости что найдет и те что не на английском переводит на английский. Затем чистит от дубликатов. То что осталось раскладывает на рубрики, переводит на 15 языков и выкладывает себе в ленту, выкладывает в Канал в телеге на русском только и все новости на всех языках пихает в ленту RSS.

Чтобы все это делать он пользуется несколькими ИИ подключаясь к ним по API. То есть сайт чисто текстовый. Никаких вычислений тяжелых нет. Нет рендеров и нет картинок даже.

И вдруг выясняется что сайт на этой машине буквально еле ползает. Сайту неделя. Я там единственный пользователь. И чтобы ему нормально было работать оказалось что надо до 6G ему добавить память и выделить еще два ядра. Провел я расследование и вот что оказалось

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

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

Гибкие печатные платы ценятся за способность изгибаться и принимать нужную форму внутри корпуса устройства. Но эта же гибкость становится недостатком в тех местах, где плата должна оставаться жёсткой — например, в зоне установки компонентов или подключения разъёма. Для решения этой задачи применяются платы жесткости (stiffener).

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

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

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

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

3 июля состоялась седьмая ежегодная конференция от UX-исследователей Контура — KUB | Kontur UX Base. Рассказываем, как это было, и делимся записями докладов ✨

История ныне всемирно известной транснациональной корпорации началась в 1866 году, когда фармацевт Генри Нестле разработал продукт для искусственного вскармливания грудных детей. Он получил название Farine Lactee Henry Nestle — «Молочная мука Генри Нестле». Фирма по производству и продаже товара была учреждена уже в 1867 году.

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

Позже предприниматель адаптировал логотип, добавив трех птенцов, которых кормила мать. Так он хотел показать визуальную связь между его именем и продуктами компании. К логотипу он добавил надпись Nestle. Интересно, что тогда в Швейцарии не было национального законодательства по товарным знакам, поэтому логотип был зарегистрирован в Гонконге (на тот момент территории Британской империи) в 1874 году. Только в 1890 году Нестле смог зарегистрировать его в качестве швейцарской торговой марки. Товарный знак до сих пор является действующим. А в России у него еще статус общеизвестного.