«Текст в интерфейсе»
Александра Вельянинова
#dgm_interface
Интерактивный онлайн-сборник советов по работе с текстом в интерфейсах от дизайн-команды Райффайзен банка (тот самый, куда перешел из Mail Юрий Ветров).
Всего в сборнике 3 главы: про смысл, тон и непосредственно текстовые формулировки в интерфейсе – как писать, зачем, почему и почему это правильно.
Все примеры поданы в формате — так плохо, так хорошо и вот почему…
💎 Читать советы в фигме
Александра Вельянинова
#dgm_interface
Интерактивный онлайн-сборник советов по работе с текстом в интерфейсах от дизайн-команды Райффайзен банка (тот самый, куда перешел из Mail Юрий Ветров).
Всего в сборнике 3 главы: про смысл, тон и непосредственно текстовые формулировки в интерфейсе – как писать, зачем, почему и почему это правильно.
Все примеры поданы в формате — так плохо, так хорошо и вот почему…
💎 Читать советы в фигме
Unipaste — панель с символами и глифами для Figma с возможностью поиска и добавления в избранное. Проверил, удобно и работает. Особенно актуально когда у вас клавиатура без панели цифр.
#dgm_figma #dgm_plugins
⬇️ Установить из Community
#dgm_figma #dgm_plugins
⬇️ Установить из Community
Media is too big
VIEW IN TELEGRAM
Universal everything выпустили новый case study с работой для Hyundai.
Run forever – это набор визуализаций, которые иллюстрируют видение Hyundai касательно водородного транспорта и “зелёных” технологий.
По ссылке больше красивых рендеров и описание Hyundai Motorstudio – нового пространства, в котором будет проектироваться дизайн для будущих проектов автопроизводителей.
universaleverything.com/projects/run-forever
Run forever – это набор визуализаций, которые иллюстрируют видение Hyundai касательно водородного транспорта и “зелёных” технологий.
По ссылке больше красивых рендеров и описание Hyundai Motorstudio – нового пространства, в котором будет проектироваться дизайн для будущих проектов автопроизводителей.
universaleverything.com/projects/run-forever
30 мини-обновлений в Figma
1) Новая панель настроек обводки
2) Математические операции в полях с mixed
3) Копировать PNG теперь можно в браузере
4) Зажимай Cmd или Ctrl для быстрого кропа картинок
5) Экспортируй текст по
форме или по рамке
6) Настраивай цвет и линию карандаша
6.1) Перо запоминает свойства обводки
7) Курсор руки теперь меньше и умеет хватать
8) Настройки синхронизируются между вкладками
9) Вторая заливка — цвет вместо градиента
10) Улучшен отклик слайдеров настроек изображения
11) Окно перемещения файла закрывается по Esc / кликом
12) Текст с недоступным шрифтом сразу показывает A?
13) Со стикеров легко скопировать только текст
14) Улучшено окно недоступных шрифтов
15) Увеличена область нажатия стрелки в верхней панели
16) Клик средней кнопкой по ссылке открывает её сразу
17) Кнопки выравнивания доступны во время редактирования текста
18) Всплывающее окно ссылки не мешает перемещению
19) Текст в поле имени файла имеет нормальный размер
20) Изображения можно вставлять при редактировании текста
21) Иконки в слоях быстрее обновляются
22) Можно быстро менять стиль текста с mixed заливкой
23) Инструмент Zoom теперь не отображается в мультиплеере
24) Alt + перетягивание в инпутах исправлено в Safari
25) При наведении пресеты фреймов подсвечиваются
26) Порядок сеток можно менять
27) Контекстное меню не закрывается в самом Safari
28) Созданная направляющая автоматически выделяется
29) Что-то починили в тулбаре для доступа View only
30) Панель слоёв скроллится по нажатию на Tab, Enter
1) Новая панель настроек обводки
2) Математические операции в полях с mixed
3) Копировать PNG теперь можно в браузере
4) Зажимай Cmd или Ctrl для быстрого кропа картинок
5) Экспортируй текст по
форме или по рамке
6) Настраивай цвет и линию карандаша
6.1) Перо запоминает свойства обводки
7) Курсор руки теперь меньше и умеет хватать
8) Настройки синхронизируются между вкладками
9) Вторая заливка — цвет вместо градиента
10) Улучшен отклик слайдеров настроек изображения
11) Окно перемещения файла закрывается по Esc / кликом
12) Текст с недоступным шрифтом сразу показывает A?
13) Со стикеров легко скопировать только текст
14) Улучшено окно недоступных шрифтов
15) Увеличена область нажатия стрелки в верхней панели
16) Клик средней кнопкой по ссылке открывает её сразу
17) Кнопки выравнивания доступны во время редактирования текста
18) Всплывающее окно ссылки не мешает перемещению
19) Текст в поле имени файла имеет нормальный размер
20) Изображения можно вставлять при редактировании текста
21) Иконки в слоях быстрее обновляются
22) Можно быстро менять стиль текста с mixed заливкой
23) Инструмент Zoom теперь не отображается в мультиплеере
24) Alt + перетягивание в инпутах исправлено в Safari
25) При наведении пресеты фреймов подсвечиваются
26) Порядок сеток можно менять
27) Контекстное меню не закрывается в самом Safari
28) Созданная направляющая автоматически выделяется
29) Что-то починили в тулбаре для доступа View only
30) Панель слоёв скроллится по нажатию на Tab, Enter
Twitter
Figma
1/30 First up: a redesigned stroke panel for easier customization of vector objects. Now you can: → Adjust end caps to easily create arrows → Fine-tune the stroke properties of connectors copied and pasted from FigJam
This media is not supported in your browser
VIEW IN TELEGRAM
Thrshold — плагин добовляет к изображению Threshold эффект, который можно использовать с альфа-масками. Думаю можно круто применять его для драфтовой графики, чтобы стилистика сохранялась.
Скачать тут
Скачать тут
Понравился прием, как создавать бесшовную текстуру в ФШ. Часто применимо будет.
Видосик
Видосик
YouTube
Как сделать бесшовную текстуру стекла в Фотошопе? Паттерн для крутой ошибки 404 страницы в Photoshop
#alexeybychkov #ityoutubersru #webdesign
Как сделать бесшовную текстуру стекла в Фотошопе? Паттерн для крутой ошибки 404 страницы в Photoshop. Сделал в подарок 404 страницу для заказчика и показал процесс!
Наши чатики в дискорде — https://discord.gg/7Rc5sjnxP4…
Как сделать бесшовную текстуру стекла в Фотошопе? Паттерн для крутой ошибки 404 страницы в Photoshop. Сделал в подарок 404 страницу для заказчика и показал процесс!
Наши чатики в дискорде — https://discord.gg/7Rc5sjnxP4…
Ребята! Открыт набор на БЕСПЛАТНЫЙ полноценный курс дизайнеров UX/UI в GameDev в рамках Wargaming Forge! ТОРОПИТЕСЬ! Набор открыт до 12 сентября 21 года. Загруженность до 8 часов в неделю. Будет очень много клевых менторов, которые расскажут про все нюансы UX в геймдеве и много новых интересных тем. И я сам тоже буду вам рассказывать про то, как мы используем Figma в GameDev фичах. Приходите! Самые крутые ребята попадут к нам в команду!
Записаться по ссылочке:
https://wgforge.wargaming.com/ru/course/ux-ui-design-2021
Записаться по ссылочке:
https://wgforge.wargaming.com/ru/course/ux-ui-design-2021
This media is not supported in your browser
VIEW IN TELEGRAM
Easing Gradients — плагин для фигмы, позволяет создавать градиенты используя кривую безье. Позволит быстро создавать прикольные эффекты.
Установить из комьюнити
Установить из комьюнити
В фигме релизнулись интерактивные варианты. Я лично не понимаю что можно было так долго там делать. Я ожидал построение более сложных компонентов, влияние одних компонентов на другие, а получили ховеры на кнопки и активацию чекбоксов. Да, безусловно, можно придумать ради прикола какой-нибудь редактор пиксель арта или компонент который будет менять цвет от кликов. Но предыдущий апдейт с копипастой был полезнее великой фичи, которую все ждали с весны :( Особенно смешно смотреть пример где показали 500 стейтов для переключения 10 чекбоксов, а кто и зачем делает в прототипах такие кейсы — не уточнили. Может я чего-то не понял? Делитесь в чате вашими идеями по применению.
https://www.youtube.com/watch?v=ReNbXhaL3Xk
https://www.youtube.com/watch?v=ReNbXhaL3Xk
YouTube
Figma tutorial: Interactive components
Figma is free to use. Sign up here: https://bit.ly/3msp0OV
Interactive Components is a powerful feature that allows you to define prototyping connections between variants in a component set. In this video, we'll show you the basics of how to create interactive…
Interactive Components is a powerful feature that allows you to define prototyping connections between variants in a component set. In this video, we'll show you the basics of how to create interactive…
Мы делали, делали и, наконец, доделали! Очень скоро в игре стартует Новогоднее наступление 2022! Посмотрите короткий тизер с Арни, чтобы проникнуться новогодним настроением!
С Наступающим! :)
#worldoftanks #gamedev
https://youtu.be/LC1YMIqT31s
С Наступающим! :)
#worldoftanks #gamedev
https://youtu.be/LC1YMIqT31s
YouTube
Готовьтесь к Новогоднему наступлению с Арнольдом Шварценеггером [Мир танков]
Новогоднее наступление 2022 в Мир танков приближается! А вместе с ним и новогоднее чудо. В эту волшебную пору сбываются самые заветные желания, даже если они были загаданы в детстве. Отправляйтесь вместе с нашим новым гостем Арнольдом Шварценеггером в новогоднее…
This media is not supported in your browser
VIEW IN TELEGRAM
TinyImage Compressor — плагин сжимает и сохраняет изображения прямо в Figma. Можно выбирать степень сжатия по процентам и по финальному размеру. Опробовал, посжимал — работает. Не очень удобно только то что ты не можешь увидеть сразу результат пока не сохранишь и не видно какой размер дает конкретный процент сжатия. Но работает, только перезагрузите фигму :)
📎 Скачать в Community
📎 Скачать в Community
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
UX из будущего: бесконтактное считывание содержимого корзины, и такая же оплата. 29 секунд. 😮
Uniqlo. Amsterdam.
Uniqlo. Amsterdam.
🤩6👍1
Ребят, приходите!
Команда World of Tanks зовёт тебя на митап «UX in Game Development» с возможностью устроиться на работу и получить welcome-bonus в размере 3000$ 🔥
Расскажем о специфике работы UX-команды в гейм-индустрии а также ответим на все интересующие вопросы.
Если ты дизайнер и хочешь найти работу в игровой индустрии — это твой шанс!
🗓 Когда: 9 марта 2022 года
📌 Регистрация: https://insde.co/aed4
✅ Ждём специалистов из Беларуси, Украины, России и Литвы с опытом работы от 3 лет в сфере UX/UI Design.
Удачи и до встречи на митапе 😉
Команда World of Tanks зовёт тебя на митап «UX in Game Development» с возможностью устроиться на работу и получить welcome-bonus в размере 3000$ 🔥
Расскажем о специфике работы UX-команды в гейм-индустрии а также ответим на все интересующие вопросы.
Если ты дизайнер и хочешь найти работу в игровой индустрии — это твой шанс!
🗓 Когда: 9 марта 2022 года
📌 Регистрация: https://insde.co/aed4
✅ Ждём специалистов из Беларуси, Украины, России и Литвы с опытом работы от 3 лет в сфере UX/UI Design.
Удачи и до встречи на митапе 😉
🔥2
Как понизить уровень тревоги от неизвестности?
🔸 Уменьшить количество новостей, ограничить их вход. Много где вбросы и недостоверная информация, поэтому постоянное чтение новостей вряд ли приведет к чему-то кроме еще большей тревоги.
🔸 Дышать, глубоко. Вдох. Выдох.
🔸 Стараться не принимать решения из страха/паники.
🔸 Разделять то, что под вашим контролем и что нет.
🔸 Сфокусироваться на том, что можно контролировать.
🔸 Продолжать делать то, что важно. Или найти то, что важно, и начать делать это.
🔸 Поговорить с близкими и любимыми, выступить для них кем-то, с кем можно поговорить (по возможности).
🔸 Пройти через медитацию с ведущим или телесную практику. Кажется, это очень хорошие начинания.
Очень сложное время, и конечно, хотелось бы, чтобы такого не было, но работаем с тем, что есть. Кажется, очень важно быть здесь и сейчас, не теряя голову и не вовлекаться в панику. Всем любви.
🔸 Уменьшить количество новостей, ограничить их вход. Много где вбросы и недостоверная информация, поэтому постоянное чтение новостей вряд ли приведет к чему-то кроме еще большей тревоги.
🔸 Дышать, глубоко. Вдох. Выдох.
🔸 Стараться не принимать решения из страха/паники.
🔸 Разделять то, что под вашим контролем и что нет.
🔸 Сфокусироваться на том, что можно контролировать.
🔸 Продолжать делать то, что важно. Или найти то, что важно, и начать делать это.
🔸 Поговорить с близкими и любимыми, выступить для них кем-то, с кем можно поговорить (по возможности).
🔸 Пройти через медитацию с ведущим или телесную практику. Кажется, это очень хорошие начинания.
Очень сложное время, и конечно, хотелось бы, чтобы такого не было, но работаем с тем, что есть. Кажется, очень важно быть здесь и сейчас, не теряя голову и не вовлекаться в панику. Всем любви.
😢2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
В новом обновлении на вкладках теперь отображаются иконки проекта Figma или FigJam.
Если перед названием поставить эмодзи, то иконка будет автоматически заменена на него.
Если перед названием поставить эмодзи, то иконка будет автоматически заменена на него.
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь в фигме можно отделять вкладки! Не знаю как вы, но я с самого начала пытаюсь их разделить)))
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь можно будет закрепить юай кит!
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Наконец что-то заметное изменилось в фигме! Из того, что бросается в глаза это темная тема и обновление автолейаута: судя по всему наконец можно будет выставлять отрицательные значения расстояния между элементами. Для нас особенно важно, когда асеты имеют очень разные фактические и визуальные размеры. Буду завтра изучать подробности уже, а пока можно почитать про изменения вот тут: https://www.figma.com/whats-new
Обратите внимание особенно сюда: https://youtu.be/floQKLsWAy4
Обратите внимание особенно сюда: https://youtu.be/floQKLsWAy4
🔥1