Piece of Interface


Channel's geo and language: Russia, Russian
Category: Design


Сборник разных материалов по интерфейсам

Related channels

Channel's geo and language
Russia, Russian
Category
Design
Statistics
Posts filter


Video is unavailable for watching
Show in Telegram
Слоты в Figma

Figma выкатили функцию Slots в открытую бету.

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

🔗 Ссылка на статью / Ссылка на видео


Video is unavailable for watching
Show in Telegram
Веб аналитика превращенная в эпизод сериала Severance

Страницы сайта - департаменты, ну а пользователи - это инни.

🔗 Ссылка на сайт / Пост автора


Организация Figma файлов

Итак, после долгого перерыва мне снова есть чем поделиться с вами :)

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

🔗 Ссылка на ютуб или сайт автора или канал фигмы


Организация страниц в Figma

Небольшое обновление, где добавили разделители и перетаскивание нескольких страничек.

Наконец-то можно избавиться от пустых страниц и --------- 🫣

Источник (twitter/x)


Video is unavailable for watching
Show in Telegram
Ну и еще пример использования.

Источник


Video is unavailable for watching
Show in Telegram
Multi-edit

Figma выкатила мультиредактирование.

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

Ссылка на песочницу и плейлист с примерами


Forward from: dui
Дизайнеры из Adobe рассказали в статье на Medium, как они вывели формулу для новых иллюстраций в продуктах Adobe Document Cloud.

Все иллюстрации они решили строить через три элемента: линия, рука, значок.

Читать статью (в РФ под VPN)


Forward from: настенька и графики
Уже, думаю, все видели, что в твиттере поменяли логотип. И мне очень нравится история от одного из его дизайнеров – Martin Grasser о том, как они редизайнили знаменитую птичку. Их фокус был сделать логотип, который просто распознается, запоминается и хорошо смотрится в разных размерах.

Раньше тоже была птичка, но немного другая, а в 2012 утвердили ту милую, кругленькую и идеально сбалансированную синюю пташку.


Video is unavailable for watching
Show in Telegram
И еще немного из красивого — как показать процесс шифрования файлов.

🔗 Ссылка


Video is unavailable for watching
Show in Telegram
Анимированный тултип

Интересное взаимодействие с графиком от команды Linear. Напоминает прокрутку времени в IOS.

🔗 Tweet


Forward from: Href
🔗 Href →


Супер быстро вас стало так много! Спасибо что подписались и читаете мои заметки❤️


Duolingo и GPT-4

Новость уже не самая свежая, но Duolingo встраивают GPT-4 для разбора ошибок в заданиях и для практики общения в рамках новой подписки Duolingo Max, что на мой взгляд является удачным решением.

Например сейчас разбор ошибок заключается в просмотре комментариев от людей, где:

1) Ответ приходится искать среди комментариев, а вот найдется ответ и будет ли он исчерпывающим — это большой вопрос
2) Если хочется получить более подробную информацию и примеры, то приходится идти на другие ресурсы

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

Надеюсь когда-нибудь эти функции распространятся и на пользователей без подписки (хотя бы разбор ошибок).

🔗 Ссылка на новость


Графики

Я собирал разные полезные ссылки чтобы облегчить проектирование графиков для страницы аналитики. Некоторые из них вы наверняка видели, но почему бы не закрепить их еще раз :)

Для ответа на вопрос «Какой тип графика мне выбрать?» это каталоги с различными видами графиков, описанием и примерами:

1. diagrammm.com

2. lightningdesignsystem.com/guidelines/charts/

3. datylon.com/blog/types-of-charts-graphs-examples-data-visualization

4. datavizproject.com

5. developer.semrush.com/intergalactic/data-display/area-chart/


Для ответа на вопрос «Как это работает вживую?», чтобы продумать взаимодействие с графиком и показать разработчику:

1. echarts.apache.org/examples/en/index.html

2. patternfly.org/v4/charts/about

3. https://charts.carbondesignsystem.com/svelte/?path=/story/intro--welcome

Картинка для обложки
Monty Hayton


Forward from: Антон Черногоров, работяги
Video is unavailable for watching
Show in Telegram
Ох, как я кайфую от таких находок!

У Attio регистрация совмещена с онбордингом. Справа подсвечивается секция, где будет инфа, которую вводишь. Для входа в сложную систему самое то.

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

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

Короче, прям классный паттерн. Внутри админки еще куча нетривиальных паттернов, все скушаю!

Зацените, они в первом экране на сайте пишут Customer
relationship magic, сокращенно CRM. Ну гении же))
attio.com


***

💫 Ребятаааа, канал дизайн-комьюнити бурно развивается. Мы придумали новый формат — крутаны из студий и продуктов будут приходить к нам и показывать case study своих проектов. Будет обсуждение ошибок, сложностей, приколов с клиентами. Темы будут очень разные: создание шоурила в продукте, создание корпоративного мерча, коммерческие проекты. Запрыгивайте в канальчик, там классно

🙏 Запрыгнуть в дизайн-комьюнити


Forward from: Growth Marketing Insights 🇺🇸🇬🇧
Интересная механика геймификации онбординга в B2B SaaS продукте.

Дефолтный триал длится 7 дней, но к ним можно добавить еще дни (максимиум +20), если выполнять пункты из чек-листа онбординга (и где-то по пути словить a-ha moment).

Ссылка на продукт: Deputy


Video is unavailable for watching
Show in Telegram
Стикер в Figma Jam

Занимательная история, как дизайнеры переделали уголок стикера в Figma Jam, чтобы он был более физически достоверным :)

Ссылка на тред

17 last posts shown.

202

subscribers
Channel statistics