Как стать автором
Обновить
53.58

Дизайн

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

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

33 оттенка зелёного. Как мы проектировали темизированные палитры для внутренних интерфейсов Х5

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

У нас было 24 компонента кнопок, 4 типа селектов, 10 стилей типографики, палитра Google Material и три запроса на темизацию интерфейсов от «Перекрёстка», «Пятёрочки» и Х5.

Меня зовут Георгий, работаю в Х5 с 2019 года. Проектировал UX/UI для b2b веб-сервисов с высокой насыщенностью данных: таблицы, карточки, формы, дашборды. А с 2021 года занимаюсь дизайн-менеджментом.

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

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 5

Новости

Подборка: 7 плагинов Figma для оптимизации дизайн-процессов

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

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

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 0

Какого цвета интернет: история смены окраски веб-страницами

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

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

Читать далее
Всего голосов 59: ↑59 и ↓0 +59
Комментарии 43

Барометр из детства — мой прекрасный магический артефакт. Чего не хватает в программах и приложениях

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

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

Читать далее
Всего голосов 33: ↑31 и ↓2 +29
Комментарии 28

Истории

Как сделать UI тестируемым и легкоизменяемым?

Время на прочтение 14 мин
Количество просмотров 3.6K
Мнение

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

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

Читать далее
Всего голосов 13: ↑13 и ↓0 +13
Комментарии 2

Как устроен онбординг в больших компаниях: личный опыт

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

Привет! Меня зовут Маша Сафронова, и я уже почти 3 месяца работаю младшим продуктовым дизайнером в Lamoda Tech. За последний год я успела пройти стажировку и поработать в двух других крупных IT-компаниях, а еще раньше я переучилась и пришла в дизайн из другой профессии. 

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

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

Читать далее
Всего голосов 20: ↑17 и ↓3 +14
Комментарии 5

Нам надо серьезно поговорить про UX

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

Существует популярное мнение, что UI — это про то, как выглядит интерфейс, а UX — про то, как он работает и как с ним взаимодействует пользователь. Есть разные интерпретации этой парадигмы. В образовательных учреждениях, у кого-то они более удачные, у кого-то менее, но даже в корректных трактовках, когда разбираешься с начинкой курса, все сводится к тому, что UI/UX-дизайнер — это проектировщик интерфейсов, а не «буквально всего», как завещал Дон Норман. 

Три примера UX Youtube, которые вообще не про UI.

Читать далее
Всего голосов 8: ↑6 и ↓2 +4
Комментарии 26

Принципы хорошего дизайна интерфейсов. И причем здесь программисты?

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

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

Читать далее
Всего голосов 9: ↑9 и ↓0 +9
Комментарии 11

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

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 2.3K
Ретроспектива
В июне этого года ростовский суд признал эмодзи с поднятым вверх пальцем, отправленный в мессенджере, эквивалентом подписи под юридически обязывающим документом. Знаковое событие.

И началось оно ровно 41 год назад, 19 сентября 1982… Или раньше… Или позже… Сегодня мы празднуем день рождения смайлика, отца эмодзи, стикеров и того странного баклажана из телеграмм, однако его история оказалась куда сложнее его незамысловатого внешнего вида.

image
Читать дальше →
Всего голосов 24: ↑22 и ↓2 +20
Комментарии 9

Как использовать нейросети веб-студиям и вымрут ли дизайнеры. Бесплатная нейросеть онлайн и как пользоваться Midjourney

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

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

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

Как использовать нейросеть
Всего голосов 11: ↑9 и ↓2 +7
Комментарии 14

Чтение на выходные: «Искусство цвета» Иоханнеса Иттена

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

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

Читать далее
Всего голосов 10: ↑7 и ↓3 +4
Комментарии 1

Что не так с дизайнерами интерфейсов. Есть ли разница между UX/UI и продуктовым дизайнером?

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

В 2023 году слово «дизайнер» трактуется по-разному. Для одних — это специалист, который создает графику или работает с 3D, для других — человек, который занимается изучением клиентского опыта и созданием пользовательских сценариев, а для третьих — художник и деятель искусства. Работа звучит абсолютно по-разному, хотя и те и другие являются дизайнерами. Какие дизайнеры на IT-рынке бывают на сегодняшний день:

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 13

Страница iPhone 15 / эволюция и микро-революции в UI / как apple переизобрела CTA и при чем тут бизнес-культура?

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

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

Что мы получим в 2023 году, если возьмем обычных исполнителей и окунем их в бизнес-культуру эппла? Предлагаю посмотреть на эволюцию и микрореволюции в коммуникации и интерфейсах посадочной / продуктовой страницы iPhone 15.

Читать далее
Всего голосов 6: ↑3 и ↓3 0
Комментарии 0

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

Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
PG Boot Camp Russia 2023
Дата 5 октября
Время 10:00 – 17:00
Место Москва Онлайн
Joker
Дата 9 – 14 октября
Время 16:00 – 19:30
Место Санкт-Петербург Онлайн
Открытый урок «Kafka Streams»
Дата 16 октября
Время 10:00
Место Онлайн
Питч-сессия pravo (tech) impulse
Дата 19 октября
Время 15:45 – 17:30
Место Москва
Russia Risk Conference 2023 — 19-я конференция по риск-менеджменту
Дата 25 – 26 октября
Время 10:00 – 19:00
Место Москва Онлайн
IT Recruiting – HR Forum 2023
Дата 8 – 10 ноября
Время 9:00 – 18:00
Место Москва
Онлайн IT HR-конференция HR42
Дата 17 – 18 ноября
Время 10:00 – 14:00
Место Онлайн
HighLoad++ 2023
Дата 27 – 28 ноября
Время 9:00 – 20:00
Место Москва Онлайн

Выходим на глобальный рынок: адаптация интерфейса под RTL

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

Представьте: тексты во всех ваших любимых приложениях — мессенджерах, доставках еды, фоторедакторах — написаны в обратном порядке. То есть, справа налево.

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

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

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Комментарии 0

Как изменить оформление и логику большого сервиса и не сойти с ума

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

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

Читать далее
Всего голосов 17: ↑16 и ↓1 +15
Комментарии 0

Манипуляции дизайном, часть 1: Прайминг

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

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

Погрузиться
Всего голосов 4: ↑3 и ↓1 +2
Комментарии 0

Как мы сломали стену между разработкой и дизайном

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

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

В этом посте как раз о подобных сложностях я и хочу поговорить, а именно — о проблеме в коммуникациях между разработчиками и дизайнерами. Я очень люблю делать личные кабинеты, поэтому и в качестве примера буду говорить именно о разработке ЛК в билайне за последние три года. О том, какие именно трудности возникали и как мы упростили работу на UI-китом, под катом.

Представьте ситуацию.

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

Читать далее
Всего голосов 17: ↑17 и ↓0 +17
Комментарии 2

Как оценивать дизайн: метод 3К, ч. 2

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

Продолжаем гайд по формулировке вопросов для проверки своих дизайн решений.

В прошлой части мы разобрали две К: понимание (К)онтекста и качество (К)онтента в проекте. А сегодня поговорим о последней К — (К)онтрасте, который дробится на две части — Контраст Глобальный и Контраст Локальный.

Погрузиться
Всего голосов 1: ↑1 и ↓0 +1
Комментарии 4

Как атомарный дизайн облегчает жизнь дизайнерам и делает счастливее заказчика?

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

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

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

Читать далее
Всего голосов 7: ↑5 и ↓2 +3
Комментарии 3

Где обитают тренды или искусство как компас для предпринимателей, №2

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

Меня зовут Анна Кольт и добро пожаловать на Yankees' avenue. Авеню для предпринимателей, стартапов, специалистов и профессионалов-креаторов. 

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

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

Э-эволюция, выживают наиболее приспособленные.

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

Нужна глобальная потребность.

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

Читать далее: где искать тренды в целом
Всего голосов 8: ↑4 и ↓4 0
Комментарии 0

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

Работа

Веб дизайнер
35 вакансий