Figma для разработчика
Дизайнер DS OZI Виктор Теплов подготовил отличный видео гайд для быстрого обучения разработчиков работе с вашими дизайн макетами в Figma.
Объяснения внутри видео:
– Интерфейс Figma в режиме can view;
– Горячие клавиши;
– Панель разработчика;
– Экспорт материалов;
– Как разработчику смотреть макет.
Ссылка на видео
Дизайнер DS OZI Виктор Теплов подготовил отличный видео гайд для быстрого обучения разработчиков работе с вашими дизайн макетами в Figma.
Объяснения внутри видео:
– Интерфейс Figma в режиме can view;
– Горячие клавиши;
– Панель разработчика;
– Экспорт материалов;
– Как разработчику смотреть макет.
Ссылка на видео
🎉5❤1
Как не стать жертвой когнитивных искажений и принять обдуманное решение
Небольшая статья Алёны — UX-исследователя из Landau Interactive, про то, что такое когнитивные искажения, как не попасть под их влияние и научиться принимать рациональные решения.
Внутри статьи:
– Когнитивные искажения — что за зверь;
– Эффект Ресторфф;
– Эффект фрейминга;
– Эвристика доступности;
– Систематическая ошибка выжившего;
– Эффект якоря;
– Боязнь потери;
– Использование когнитивных искажений в бизнесе;
– Как принимать решения.
Ссылка на статью
Небольшая статья Алёны — UX-исследователя из Landau Interactive, про то, что такое когнитивные искажения, как не попасть под их влияние и научиться принимать рациональные решения.
Внутри статьи:
– Когнитивные искажения — что за зверь;
– Эффект Ресторфф;
– Эффект фрейминга;
– Эвристика доступности;
– Систематическая ошибка выжившего;
– Эффект якоря;
– Боязнь потери;
– Использование когнитивных искажений в бизнесе;
– Как принимать решения.
Ссылка на статью
🎉6❤2🔥1
Дока по веб-технологиям
Откопал справочник по веб-технологиям, который написан на человеческом языке. Короче говоря, поймут даже дизайнеры.
Да, материал не совсем для дизайнеров, но индустрия постоянно намекает нам, что мы должны разбираться в основах HTML и CSS, поэтому делюсь.
Обучающие разделы внутри:
– HTML;
– CSS;
– JavaScript;
– Инструменты;
– Рецепты;
– Доступность.
Ссылка на главную
Откопал справочник по веб-технологиям, который написан на человеческом языке. Короче говоря, поймут даже дизайнеры.
Да, материал не совсем для дизайнеров, но индустрия постоянно намекает нам, что мы должны разбираться в основах HTML и CSS, поэтому делюсь.
Обучающие разделы внутри:
– HTML;
– CSS;
– JavaScript;
– Инструменты;
– Рецепты;
– Доступность.
Ссылка на главную
🎉5❤1
Как передавать анимацию в разработку
Дизайнер интерфейсов Кристина Широкова из red_mad_robot рассказывает, как её команда передаёт анимацию в разработку и получает такой же результат, который задумывался в самом начале.
Внутри статьи:
– Как правильно описывать анимацию;
– Список программ с встроенными инструментами для экспорта анимации для разработчиков;
– Список библиотек готовых решений с кодом для разработчиков.
Ссылка на статью
Дизайнер интерфейсов Кристина Широкова из red_mad_robot рассказывает, как её команда передаёт анимацию в разработку и получает такой же результат, который задумывался в самом начале.
Внутри статьи:
– Как правильно описывать анимацию;
– Список программ с встроенными инструментами для экспорта анимации для разработчиков;
– Список библиотек готовых решений с кодом для разработчиков.
Ссылка на статью
🔥7❤2🎉2
Там в студии Лебедева открылась стажировка на дизайнера цифровых продуктов. Новички, дерзайте)
Ссылка на стажировку
Ссылка на стажировку
❤4🎉1🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
Скриншот всей страницы сайта
В одном из чатов увидел быстрый способ сделать скриншот всей страницы сайта в Chrome без использования плагинов.
1. На странице, которую вы хотите заскриншотить, нажимаем ПКМ и выбираем «Просмотреть код»;
2. Откроется панель с вёрсткой страницы, в которой нам нужно будет найти открывающий тег <body> и нажать на него ПКМ;
3. В выпадающем списке выбираем «Capture node screenshot» и ждём пару секунд;
4. Готово! Скриншот автоматический падает в загрузку.
Да, способ не отработает идеально на всех сайтах, но он быстрый и не требует сторонних свистоперделок.
В одном из чатов увидел быстрый способ сделать скриншот всей страницы сайта в Chrome без использования плагинов.
1. На странице, которую вы хотите заскриншотить, нажимаем ПКМ и выбираем «Просмотреть код»;
2. Откроется панель с вёрсткой страницы, в которой нам нужно будет найти открывающий тег <body> и нажать на него ПКМ;
3. В выпадающем списке выбираем «Capture node screenshot» и ждём пару секунд;
4. Готово! Скриншот автоматический падает в загрузку.
Да, способ не отработает идеально на всех сайтах, но он быстрый и не требует сторонних свистоперделок.
🎉7❤2👍2
Коллекция портфелей дизайнеров
Александр Варанцов собрал 100+ лучших портфелей дизайнеров из Apple, Avito, Yandex, Max, Ozon, X5 и других крутых компаний.
Имеются как личные сайты, так и портфели на базе Notion.
Ссылка на коллекцию
Александр Варанцов собрал 100+ лучших портфелей дизайнеров из Apple, Avito, Yandex, Max, Ozon, X5 и других крутых компаний.
Имеются как личные сайты, так и портфели на базе Notion.
Ссылка на коллекцию
❤7🎉3👍2🌭1
Люстра
Коллекция портфелей дизайнеров Александр Варанцов собрал 100+ лучших портфелей дизайнеров из Apple, Avito, Yandex, Max, Ozon, X5 и других крутых компаний. Имеются как личные сайты, так и портфели на базе Notion. Ссылка на коллекцию
Кстати, про Сашу — он крутой и у него есть канал, которым я хочу с вами поделиться.
Чувак в студийке был и в крупных продуктах, а теперь пилит мощную дизайн-систему в команде Ozon. Короче, опыта интересного достаточно, чтобы начать следить за ним.
Ссылка на канал Саши
Чувак в студийке был и в крупных продуктах, а теперь пилит мощную дизайн-систему в команде Ozon. Короче, опыта интересного достаточно, чтобы начать следить за ним.
Ссылка на канал Саши
❤3🎉1
Доклады конференции CXDAY
Недавно прошла конференция для UX/CX специалистов, а также всех, кто занимается продуктовыми исследованиями. Рассказывали о кейсах, процессе проведения исследований и последних тенденциях.
Список лекций:
– Интервью как способ сбора данных (Анна Преображенская);
– Что кроме исследований ещё делает UX исследователь (Кожухова Юлия);
– Как ставить цели в проектировании и получать ощутимый результат (Дмитрий Подлужный);
– Модель Кано: инструкция по применению, тонкости расчета (Розум Сергей);
– Ошибки CJM: почему в нем так много ошибок и что стоит улучшить (Михаил Правдин);
– Как 2022 повлиял на работу исследователей (Ксения Стернина).
Недавно прошла конференция для UX/CX специалистов, а также всех, кто занимается продуктовыми исследованиями. Рассказывали о кейсах, процессе проведения исследований и последних тенденциях.
Список лекций:
– Интервью как способ сбора данных (Анна Преображенская);
– Что кроме исследований ещё делает UX исследователь (Кожухова Юлия);
– Как ставить цели в проектировании и получать ощутимый результат (Дмитрий Подлужный);
– Модель Кано: инструкция по применению, тонкости расчета (Розум Сергей);
– Ошибки CJM: почему в нем так много ошибок и что стоит улучшить (Михаил Правдин);
– Как 2022 повлиял на работу исследователей (Ксения Стернина).
🔥5👍2❤1🎉1
Поддержка портфолио в актуальном состоянии
Статья от NNGroup, помогающая провести чекап вашей карьеры и дающая практические советы, которые помогут поддерживать портфолио в актуальном состоянии круглый год.
Внутри статьи:
– Подготовка к самооценке;
– Проведение самооценки;
– Советы по постоянной актуализации портфолио;
– Примечания про NDA;
– Ретро для дизайн менеджера.
Ссылка на статью
Статья от NNGroup, помогающая провести чекап вашей карьеры и дающая практические советы, которые помогут поддерживать портфолио в актуальном состоянии круглый год.
Внутри статьи:
– Подготовка к самооценке;
– Проведение самооценки;
– Советы по постоянной актуализации портфолио;
– Примечания про NDA;
– Ретро для дизайн менеджера.
Ссылка на статью
👍3🎉2❤1🔥1
Первое место работы
Существует мнение в IT, что своё первое место работы нужно менять где-то уже через год, потому что в большинстве своём эти места используются для набора реального опыта, а экспертизу нужно набирать в других местах покруче.
Мне больно об этом думать, потому что я как пришёл на своё первое место работы, так и остаюсь тут же уже 3 года. Есть куча сомнений по поводу того, какой я сейчас специалист на рынке. Внутри компании рост есть, постоянное обучение — есть, но достаточно ли этого для того, чтобы считать себя крутым специалистом — хз.
Приглашаю поделиться мнениями по этой теме, чтобы успокоить «тепличных» сотрудников или напугать их.
Существует мнение в IT, что своё первое место работы нужно менять где-то уже через год, потому что в большинстве своём эти места используются для набора реального опыта, а экспертизу нужно набирать в других местах покруче.
Мне больно об этом думать, потому что я как пришёл на своё первое место работы, так и остаюсь тут же уже 3 года. Есть куча сомнений по поводу того, какой я сейчас специалист на рынке. Внутри компании рост есть, постоянное обучение — есть, но достаточно ли этого для того, чтобы считать себя крутым специалистом — хз.
Приглашаю поделиться мнениями по этой теме, чтобы успокоить «тепличных» сотрудников или напугать их.
🫡2❤1
Линии в дизайне графиков
В статье рассказывается о выборе толщины линии, сканерах и спредах, финансовых индикаторах и знаменитых японских свечах в графиках.
Внутри статьи:
– Базовое проектирование линейного графика;
– Работа с несколькими наборами данных;
– Внедрение сканеров и спредов;
– Внедрение индикаторов;
– Работа со свечными графиками.
Ссылка на статью
В статье рассказывается о выборе толщины линии, сканерах и спредах, финансовых индикаторах и знаменитых японских свечах в графиках.
Внутри статьи:
– Базовое проектирование линейного графика;
– Работа с несколькими наборами данных;
– Внедрение сканеров и спредов;
– Внедрение индикаторов;
– Работа со свечными графиками.
Ссылка на статью
👍4❤1🎉1
Создание токенов для дизайн-системы с помощью ChatGPT
Интересный эксперимент дизайнера, который решил создать систему токенов для дизайн-системы с помощью нейронки ChatGPT.
Результат не космический, но заход интересный. Похоже, в скором будущем мы сможем снять с себя эту нудную работу, связанную с созданием и поддержкой токенной системы.
Ссылка на статью
Интересный эксперимент дизайнера, который решил создать систему токенов для дизайн-системы с помощью нейронки ChatGPT.
Результат не космический, но заход интересный. Похоже, в скором будущем мы сможем снять с себя эту нудную работу, связанную с созданием и поддержкой токенной системы.
Ссылка на статью
❤2🤔1🎉1
Прототипирование в Figma
Гайд по созданию нелинейных интерактивных прототипов в Figma без использования большого количества фреймов.
Cборки, рассматриваемые в статье:
– Таблица с наведением на элементы и дропдаун меню;
– Таблица с наведением на элементы + изменение статусов через дропдаун меню;
– Таблица с кучей тултипов и выезжающей сайдбар панелью.
Ссылка на статью
Гайд по созданию нелинейных интерактивных прототипов в Figma без использования большого количества фреймов.
Cборки, рассматриваемые в статье:
– Таблица с наведением на элементы и дропдаун меню;
– Таблица с наведением на элементы + изменение статусов через дропдаун меню;
– Таблица с кучей тултипов и выезжающей сайдбар панелью.
Ссылка на статью
❤7👍3🎉2🔥1
Там оказывается Тинькофф начал искать продуктовых и графических дизайнеров на оплачиваемые стажировки. Новички, дерзайте)
Ссылка на старжировку
Ссылка на старжировку
🔥12❤3⚡1🥰1🎉1
Позиции восприятия и их применение в дизайне
Размышления Александра Аникеева, старшего дизайнера X5 Tech, вокруг теории «Позиции восприятия», которая приземляется на работу дизайнера.
Предполагается, что статья поможет начать объёмно смотреть на продукт и избегать одностороннего подхода к задачам.
Ссылка на статью
Размышления Александра Аникеева, старшего дизайнера X5 Tech, вокруг теории «Позиции восприятия», которая приземляется на работу дизайнера.
Предполагается, что статья поможет начать объёмно смотреть на продукт и избегать одностороннего подхода к задачам.
Ссылка на статью
🎉4❤2
Теперь и в LinkedIn 🎉
Решил вещать не только в тележке, но и в LinkedIn. Есть гипотеза, что с этим каналом связи получится побыстрее вырасти, потому что в него вшита рекомендательная система.
Короче, подписываемся, ставим лайки)
Ссылка на LinkedIn
Решил вещать не только в тележке, но и в LinkedIn. Есть гипотеза, что с этим каналом связи получится побыстрее вырасти, потому что в него вшита рекомендательная система.
Короче, подписываемся, ставим лайки)
Ссылка на LinkedIn
🎉6❤1
YaC 2022
Сел вчера ночью и взахлёб просмотрел все серии сериала о сервисах и продуктах Яндекса.
Это разъёб, ребята делают невероятные вещи. Больше всего поражает, как они систематически успешно дизраптят новые рынки.
Большинство уже ознакомилось с сериалом, но тем, кто этого не сделал, очень рекомендую просмотр.
Список серий:
– Городские сервисы;
– Машинное обучение;
– Маркетплейс с роботами и нейросетями;
– Карты нового поколения;
– Квартиры через интернет;
– По ту сторону экрана;
– Зачем миру опенсорс;
– Научить учиться;
– Помощь в три клика.
Сел вчера ночью и взахлёб просмотрел все серии сериала о сервисах и продуктах Яндекса.
Это разъёб, ребята делают невероятные вещи. Больше всего поражает, как они систематически успешно дизраптят новые рынки.
Большинство уже ознакомилось с сериалом, но тем, кто этого не сделал, очень рекомендую просмотр.
Список серий:
– Городские сервисы;
– Машинное обучение;
– Маркетплейс с роботами и нейросетями;
– Карты нового поколения;
– Квартиры через интернет;
– По ту сторону экрана;
– Зачем миру опенсорс;
– Научить учиться;
– Помощь в три клика.
❤7🎉2
Почему курсор мыши наклонён на 45°
Кто-то решил поинтересоваться, почему курсоры имеют небольшой наклон, на что был получен интересный ответ от эксперта, хорошо знакомого с историей компьютерной техники.
Спойлер: во всём виноваты технические ограничения мониторов 30 летней давности.
Ссылка на статью
Кто-то решил поинтересоваться, почему курсоры имеют небольшой наклон, на что был получен интересный ответ от эксперта, хорошо знакомого с историей компьютерной техники.
Спойлер: во всём виноваты технические ограничения мониторов 30 летней давности.
Ссылка на статью
❤5🎉1
Как автоматизировать создание баннеров
Филипп Белов, руководитель продуктового дизайна в AliExpress Россия, рассказал про подходы к автоматизации и генерации коммуникационных материалов. Что делают в продуктах AliExpress, чтобы меньше времени тратить на рутину.
Содержание доклада:
– Ситуация с коммуникационными материалами год назад;
– Опыт других компаний;
– Концепты новых коммуникационных материалов;
– Реализация генерации коммуникации на проде;
– Планы по оптимизации на будущее.
Ссылка на видео
Филипп Белов, руководитель продуктового дизайна в AliExpress Россия, рассказал про подходы к автоматизации и генерации коммуникационных материалов. Что делают в продуктах AliExpress, чтобы меньше времени тратить на рутину.
Содержание доклада:
– Ситуация с коммуникационными материалами год назад;
– Опыт других компаний;
– Концепты новых коммуникационных материалов;
– Реализация генерации коммуникации на проде;
– Планы по оптимизации на будущее.
Ссылка на видео
❤3🎉2