Как стать автором
Поиск
Написать публикацию
Обновить
76.93

Веб-дизайн *

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

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

Как мы приземлились лицом об асфальт, пока проектировали интерфейс касс самообслуживания

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

Всем привет! Я Женя Белодед, ex-арт-директор в Студии Райт. К нам пришел клиент — CSI, разработчик IT-решений для автоматизации ритейла. Его запрос — обновить интерфейс касс самообслуживания CSI K, которыми будут пользоваться покупатели в 90 торговых сетях России и СНГ.

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

Читать далее

Типографика в дизайне: как текст может сделать ваш сайт эффективным

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

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

В данной статье разберем:

- Важность подбора правильного шрифта

- Как выбрать шрифты?

- Где искать шрифты?

- Размер и расстояние – основа удобства

- Контраст и цвет текста

- Ошибки, которые портят типографику и как их избежать

Читать далее

Простой веб-сайт

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

Мой веб-сайт — это путешествие по волнам памяти. Я не хочу сказать, что нужно прекратить современную веб-разработку. На моём веб-сайте используются технологии, которые в обсуждаемые на нём времена были ещё недоступны. Он работает на мобильных (протестировано в Firefox для Android), отсутствует только фоновое изображение.

Свой первый веб-сайт я создал где-то в начале 2000-х, и как и большинство веб-сайтов того времени, он был очень простым. Это неудивительно, учитывая то, что большинство (включая и меня) писали такие веб-сайты в Блокноте, что накладывало ограничения на сложность. Можно было выбрать или Блокнот, или какой-то из WYSIWYG-редакторов, которые привязывали к себе тем, что сгенерированный ими HTML было бы совершенно невозможно поддерживать без них, а если вносить изменения вручную, то это вполне могло поломать всё в редакторе.

Тогда не было iPhone, почти не было SEO, а JavaScript, как и CSS, использовать было совсем необязательно.

Цветопередача первых ЖК-экранов была плохой, поэтому лучше было выбирать цветовую схему с высокой контрастностью.

Оптимальным разрешением было 1024×768 (или 1280×1024, если вы могли себе это позволить), однако стоило и обеспечить работоспособность размеров окна и панелей в 800×600. Вам же не нужно, чтобы контент выходил за левый или правый край экрана?

Читать далее

Research Ops в маленькой команде: как наладить процесс без бюджета и отдельной роли

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

Если в команде каждый делает всё, а пользовательские исследования – это «когда-нибудь потом», статья для вас. Я делюсь опытом, как мы наладили процесс discovery в маленькой команде без ресерчера и бюджета. Как шаблоны, хранилище знаний и короткие инсайты на ревью спринта изменили культуру команды. И почему для меня Research Ops – это не должность, а привычка думать вместе с пользователем.

Читать далее

Установка FLUX.1 Kontext для ComfyUI — подробное пошаговое руководство

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

Больше не нужно несколько часов составлять воркфлоу для ComfyUI или Forge, чтобы сгенерировать стиль по промпту и референсу.

Теперь можно настроить одну модель и с помощью текстовой подсказки можно получить то, что ты хочешь!

Открыть руководство

Современные форматы изображений или почему мы до сих пор на JPEG?

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

Формат JPEG появился в 1992 году и стал де-факто стандартом хранения фотографий в интернете. Спустя более 30 лет появляются всё более эффективные и продвинутые альтернативы: WebP, AVIF, JPEG XL и другие. Однако даже в 2025 году JPEG продолжает доминировать. Почему так происходит, несмотря на очевидные преимущества новых форматов? В этой статье мы проведем обзор форматов и разберёмся в причинах.

Читать далее

Как делать много, когда ресурсы ограничены

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

Привет, я Саша Равинская, контент-дизайнер в QIC digital hub. В этой статье я поделюсь опытом того, как в ограниченных условиях успевать делать текучку, работать над редполитиками, внедрять новые инструменты и менять процессы в командах, чтобы  успевать жить после работы. Думаю, это может пригодиться не только коллегам-писателям, но и тем, кто вынужден в условиях ограниченных ресурсов выполнять большие  объемы задач.

Читать далее

Гипотеза про упадок рынка труда в UX/UI-дизайне: почему так сложно найти работу?

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

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

Читать далее

Личные границы в корпорации: когда «мы ж команда» становится угрозой

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

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

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

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

Читать далее

Оживляем данные Strava: от парсинга GPX до интерактивной карты на Python и JS

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

Привет, Хабр! Меня зовут Александр, я разработчик и, как многие в IT, стараюсь уравновешивать сидячую работу спортом — в моем случае, это велосипед и бег. И, как многие спортсмены-любители, я пользуюсь Strava.

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

Читать далее

Часть 2: Создание пользовательского интерфейса на дисплее Guition с ESPHome и библиотекой LVGL

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

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

Читать далее

Законы простоты

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

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

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

Читать далее

Дизайн, который продаёт: всё, что нужно знать про UX/UI

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

В 2024 году, когда пользователи проводят в интернете в среднем 6,5 часов в день, конкуренция за их внимание стала жестче, чем когда-либо. Каждый клик, каждый скролл, каждая микросекунда загрузки — это битва, где побеждает тот, кто предлагает не просто функциональный, а безупречный цифровой опыт.

Именно здесь на сцену выходят UX (User Experience) и UI (User Interface) — два фундаментальных направления дизайна, которые, как инь и ян, дополняют друг друга, но решают принципиально разные задачи.

В данной статье разберем:

- UX-дизайн = логика, удобство и функциональность

- Тепловая карта (heatmap) — цифровой детектор лжи для вашего сайта

- Современные тренды UX-дизайна

- UI-дизайн: визуальная магия цифровых продуктов

- Современные тренды UI - дизайна

- Как UX и UI дизайн дополняют друг друга

Читать далее

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

Доступность как архитектура UI

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

Использование WAI-ARIA как основы архитектуры UI-компонентов даёт неожиданные преимущества:

Ускоряет разработку — у вас есть готовые паттерны для большинства случаев

Упрощает рефакторинг — чёткая структура кода позволяет легко вносить изменения

Улучшает коммуникацию — единая терминология помогает в общении с дизайнерами

Повышает качество — вы не забудете про важные детали вроде focus management

Повышает конкурентноспособность - продукт не столкнется с государственным или иным регулированием

Читать далее

Замесы с охранниками, анализ в 4 странах — как мы проводили исследования, чтобы сделать UX касс самообслуживания

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

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

Читать далее

UX-аппендикс, 1 часть

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

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

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

Читать далее

Как внедрить AI CHAT в существующий бизнес: пошаговый план для роста среднего чека и лояльности

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

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

Читать далее

Гид по выбору идеальной палитры для сайта

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

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

В этой статье разберем:

- Как цвета управляют нашим подсознанием.

- По каким правилам сочетать оттенки, чтобы сайт выглядел гармонично.

- Где брать готовые палитры и как проверить, что цвета «не конфликтуют».

Читать далее

Как стать дизайнером в IT и сохранить баланс между креативом и технологиями

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

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

Меня зовут Яна и я Тeam Lead Designer в компании «Оптимакрос». Я начинала как дизайнер в рекламных агентствах и типографиях, занималась графикой, брендингом и оформлением различных объектов, работая с каждым клиентом индивидуально. Со временем мне захотелось более масштабных и технологичных задач, поэтому я решила попробовать себя в IT.

Читать далее

Больше никаких правок! Или как я сдаю прототипы с первого раза

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

— Отличная работа, Егор! Я вам на почту правочки прислал по прототипу. Взгляните.

У меня от этой фразы что-то внутри ёкнуло. Захожу в почту, к письму прикреплён вордовский документ (на дворе 2009 год). Открываю… 55 комментариев. Пронумерованных. На четыре страницы.

Пробегаюсь по списку. Часть из них вносятся буквально за пять минут. А часть — перечёркивают мою двухнедельную работу.

Я откинулся в кресле, посмотрел в потолок. «Что не так с этим клиентом?». Нет, неправильный вопрос. «Что я делаю не так?». И, главное, как мне не оказываться в таких ситуациях в будущем?

Сегодня, спустя 15 лет, я знаю ответ на эти вопросы. И сейчас попробую уместить в одну статью почти всё необходимое для того, чтобы клиенты, начальники и коллеги принимали результат работы проектировщика (или дизайнера) с первого раза.

Читать далее

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