Дизайн печь 🔥
591
@Design_fire
Заметки о дизайне, работе и жизненных наблюдениях. Пишет Иван Емелюшкин @Nordicus, дизайнер интерфейсов из True Engineering.
-
Дизайн печь 🔥
Шрифтотека — годнота недели Бесплатная кириллица для коммерческого использования. Самый кайф в фильтре «Характер»: неряшливый, романтичный, славянский и т.д. Ведь это самая боль — найти шрифт под настроение дизайна. Единственно, что лицензии меняются. Надеюсь, проект будет развиваться. Мне пока не хватило и ссылок на лицензии для успокоения, хотя в их канале @shriftoteka они есть https://myskotom.ru/ 
-
Дизайн печь 🔥
Надеть шкуру Вот нарисовал дизайн приложение для работников склада, сделал прототип, показал коллегам в корридоре — огонь, всё работает, дизайнер молодец. Первый же кладовщик запускает прилож и слепнет на пару минут: яркий экран не даёт смотреть на товары. А всё потому, что дизайнер не побывал в шкуре своего пользователя. Как залезть в шкуру: 1. Опросите будущих клиентов про их условия работы. Нет возможности? Почитайте форумы и группы в ВК, там жалоб немеряно. 2. Создайте себе такие условия Делаете приложение для работников склада? Выйдите к гаражам зимой вечером, попробуйте работать с прототип полчаса. Скорее всего, после этого в приложении появится тёмная тема, а кнопки станут больше Сделали крутое приложение для спортсменов? Попробуйте побегать или потренироваться с ним. Посмотрите как удобно нажимать кнопки и различать информацию Для Альфастрахования я проектировал приложение, в котором страховым агентам нужно было фотографировать автомобиль со всех сторон. Слева — схема, по которой им предлагали двигаться. Справа — после того, как я побывал в шкуре и сам отфотал автомобиль. В Welltory мы делали приложение для часов. Первый вариант был красивый на макетах, но в жизни было сложно понять в какой кардиологе сейчас человек. Мы выбрали второй вариант, когда побывали в шкуре спортсмена. 
-
Дизайн печь 🔥
Годнота недели — ProductSense Новая рубрика «Годнота недели». Теперь буду каждую неделю делиться чем, с чего кайфанул. Только то, что повлияло на работу так, что хочется орать чайкой в чат дизайнеров и совать всем в закладки. На этой неделе — статьи на ProductSense. Мясная лавка контента про исследования: как проводить, задавать вопросы, обплывать подводные камни. Статьи на голову выше типичных «Топ 10 советов как какать», от того и советую. https://sense23.com/post 
-
Реклама
-
Дизайн печь 🔥
Визуальный приём «Свечение» Вспомнил ещё приём. Если вместо тени сделать цветное свечение, то дизайн будет выглядеть эффектнее. Особенно в тёмной теме, там любой чистый цвет хорош. В светлой хорошо смотрятся оттенки синего и красного, с остальными может выйти грязно. Любое свечение на фоне добавляет объёма и глубины. Кажется, что объект завис в пустом пространстве. Это всегда эффектно. Если вы хотите, чтобы я рассказал о чём-то ещё — пишите в комментарии, сделаю отдельным постом 
-
Дизайн печь 🔥
Визуальный приём «Добавить динамики» Самый простой способ добавить жизни и движения — наклонить. Вот у нас был статичный баннер... Хоба и он полон динамики. Для примера нашел ещё отличный пример баннеров, которые стоят на одном сайте: 1. Дисней+ статичный и спокойны 2. Lionsgate+ добавили динамики 3. Paramount+ ещё и вышли за рамки, тем самым добавили глубины С вами была неделя простых визуальных приёмов) Если вы знаете ещё хорошие приёмы — пишите в комментариях) 
-
Дизайн печь 🔥
Визуальный приём «Выйти за рамки» Ещё один простой приём добавить дизайну эффектности и глубины — вытащить основной объект за границу рамки. Даже если эти рамки были добавлены искуственно втнутри баннера. Обрезаем фон и вот у вас уже объёмная глубокая картинка. 
-
Дизайн печь 🔥
Визуальный приём «Глубина» Довольно простой приём, но редко встречаю его в реальности. Чтобы добавить дизайну эффектности достаточно создать глубину. Есть 2 способа: 1. Добавить размытия дальним объектам. Так основной объект будет в фокусе, а остальные объекты будут казаться дальше. Дальше объект — сильнее размытие 2. Сделать дальние объекты прозрачнее или добавить им немного заливки цвета фона. Чем дальше объект, тем сильнее заливка. Это создаст эффект воздушной перспективы. В реальном мире, чем дальше объект, тем он ближе к цвету окружения. Как это работает на эффекте баннера 
-
Дизайн печь 🔥
Инсайт из Египта, от которого я в шоке Я работаю в InDrive Мастера и у нас есть 2 роли: заказчик и исполнитель. Недавно мы проверяли наше приложение в Египте. Во время интерьвю с одним из исполнителей мы обнаружили, что он не умеет читать! Т.е. человек успешно берёт заказы, общается с заказчиком голосовыми в Вотсаппе и делает свою работу! И у него чуть ли не самый идеальный профиль исполнителя. Когда нужна помощь с чтением — просит друзей. В Египте около 25% взрослого населения не грамотны. При этом они пользуются картами, заказывают такси и даже ищут работу с помощью приложений. Про VoiceOver они не знают, откуда бы? Для меня это было откровением и новым вызовом: как сделать продукт так, чтобы малограмотные люди смогли им пользоваться? Если у вас тоже были неожиданные инсайты в исследованиях — расскажите о них в комментариях 
-
Дизайн печь 🔥
Кем ты вдохновляешься? Отличный вопрос, чтобы узнать о вкусах дизайнера и узнать насколько он следит за профессией. Однажды мне задали такой вопрос на собеседовании и я был готов. Вот мой список дизайнера интерфейсов. Если у вас нет такого — вот старт. Сохраните себе, покажете на собесе. Fanatsy Студия делает интерфейсы будущего. Для меня это пример куда расти Собака Павлова Каждый кейс расписан: как придумали решения, какие сложности были в процессе. Собака из тех редких студий, которая решает проблемы и доказывает это, а не кичится красивым UI Кирилл Беляев Каждый его интерфейс рвёт мне мозг. Они ужасны и прекрасны, но главное — все крепко свёрстаны. Когда мне кажется, что мой дизайн пресный — я иду сюда Студия Лебедева Интересна своими уникальными проектами: интерфейс для аналитики завода, построения лётных маршрутов, системы управления заказов для официантов. Встречаются уникальные решения Geex arts Часто встречаются уникальные идеи навигации и элементов. Cuberto, Metalab Чистенько, красивенько Ramotion, Tubik, AWSMD Чистенько, красивенько, но с крутыми UI решениями Делитесь тем, что вас вдохновляет в комментариях. Буду рад расширить подборку =) -
Дизайн печь 🔥
Оформил пост в статью. Если вы ещё не читали пост, то лучше начните со статьи, там мысль раскрыта лучше. Но, конечно же, всё ради мемов dsgners.ru/ui/865-…o-ui-kit 
-
Дизайн печь 🔥
Дизайн интерфейсов — это когда удалил все скриншоты, а через месяц ими снова завалило. 
-
Дизайн печь 🔥
AirBNB: слайдер из 2010, книжка и объёмная анимация Очень красиво. Ребята не побоялись и сделали эмоциональный дизайн. 1. Слайдер сочный, прямиком из сквеморфизма 2010 года. Да, он выбивается из общего дизайна, но превращает настройки в игрушку. Ты не ожидаешь увидеть такое, удивляешься, эмоция строит новые нейронные связи. 2. Книжечка. Сквеморфичная, но ровно настолько, чтобы привлечь внимание и не сломать стиль. Как раз такие элементы добавляют человечности и открытости в дизайн. 3. Просто красивая анимация в фильтрах. Обязательно было так делать? Нет. Запоминается? Однозначно. -
Дизайн печь 🔥
Расти зубы, вызывай эмоции В 2023 дизайнеры боятся делать такие смелые решения, как у AirBNB. Оно и понятно: 1. Рисуешь необычую крутилку 2. Доказываешь дизайнерам из дизайн-системы как она необходима 3. Получаешь дикую оценку от разработчиков 4. Защищаешь перед продактами Проще нарисовать стандартный слайдер и переть сквозь корпоративный ад. Но тогда и продукт получается беззубым. Будь как AirBNB, расти зубы, вызывай эмоции. -
Дизайн печь 🔥
Chat GPT для поиска конкурентов Ещё одна фишка, которая экономит время. Например, вы работаете над сервисом по поиску репетиторов и хотите запускаться в Латинской Америке. — Чат, дай мне список самых популярных сервисов по поиску репетиторов в Латинской Америке! — Пожалуйста Интересно, что на английском список уже другой и есть описание каждого сервиса. Совет: спрашивайте чат на двух языках, т.к. он может давать совсем разные ответы 
-
Дизайн печь 🔥
Дизайн интерфейсов — это когда закончились рабочие столы в телефоне. -
Реклама
-
Дизайн печь 🔥
Ребята хорошо рассказали кто же такой Продуктовый дизайнер. Весело и не душно https://t.me/ozondesign/1764 Ozøn Design Штош, погнали! Я решил сразу зайти с козырей и поговорить с вами про продуктовый дизайн и продуктовых дизайнеров. Вообще термин «продуктовый дизайнер» — поистине адский. Начать с того, что никто не понимает, чем продуктовый дизайнер отличается от обычного дизайнера. Все трактуют этот термин по-своему, и чаще всего подразумевают, что это такой модный и клёвый дизайнер, который работает в продукте, и ладно. Я придерживаюсь мнения, что продуктовый дизайнер — это дизайнер, который способен органично дополнить и обогатить продуктового менеджера и сделать вместе с ним классный продукт. Продуктовый дизайнер — не отдельный человек, сидящий по пятницам в особом углу на табуретке, а полноценный участник команды, который помогает всем вокруг взаимодействовать между собой во имя UX. И еще важно понимать, что продуктовым дизайном занимается и сам менеджер, пусть он и не всегда отдаёт себе в этом отчёт. Короче, давайте разбираться, как это устроено.
-
Дизайн печь 🔥
Ору с этой картинки. 
-
Дизайн печь 🔥
Красота субъективна и это прекрасно. Кто-то восхитится гармонией, кто-то контрастом, а кто-то продуманностью. Для себя же я вывел правило: прежде, чем оценивать красоту, задумайся почему что-то выглядит именно так. Мусорки или автобусные остановки заслуживают не меньшего восхищения, чем новые айфоны, как по мне. Я лично кайфую с трёх каналов в ТГ про красоту и один веду сам: Это красиво, а это нет Канал, про то, почему вещи красивые https://t.me/thisisfinethisisnot Это знак Какие логотипы красивые и почему https://t.me/thatsasign Табличный дизайн Автор любит таблицы, находит некрасивые и наводит красоту. Объясняет почему красиво. https://t.me/thisisnotatable Галерея Мой второй канал, где я делюсь красивым скриншотами и красотой, которая меня откружает https://t.me/uigallery Это красиво, а это нет Важен не вердикт, а попытка объяснения. Никто не просил оценивать этот дизайн. Если мы тебя обидели: прости, забей, мы тебя любим, ты важен, а мы нет. Отстань, короче. Читать ещё: https://intuition.news/ru/book