UX в США и России: как пользовательские интерфейсы отражают культурные различия

Исследование влияния культурных особенностей на цифровые продукты. Как культура отражается в интерфейсах Kindle и ЛитРес? Узнай, как общественные установки влияют на пользовательский опыт

Читать на дизайнерс | #статья

Объемная звезда с помощью градиента.

Anima — плагин преобразует ваш дизайн Figma в код.

Install

Retro Figma

Проверь свои софт скиллы

🗣 «Почему меня никто не понимает?»
💬 «А можно нормально отвечать на вопросы?»
🔥 «Опять правки? Да вы издеваетесь!»

Знакомо? «Дизайн-софт» — это интерактивный тест, который покажет, как ты работаешь с людьми, задачами и обратной связью.
→ Узнай свои сильные и слабые стороны
→ Получи совет, над чем работать и куда развиваться
→ Стань не только хорошим дизайнером, но и приятным коллегой

👉 Перейти в бота

Комбинации клавиш в Figma

Источник #уроки

Figma

Анимация таббара.

Retro Figma

Figma to Elementor

Инструмент для быстрого переноса макетов из Figma в Elementor, позволяющий редактировать их прямо в WordPress

Install

🖼️ Figma Дизайн

Plug-in дня

- Девушка, не подскажете, как пройти до огромной библиотеки с иллюстрациями?
- Humaaans for Figma прямо за углом. Сможете не только менять прически и одежду у людей, но даже добавлять окружение

Retro Figma

Создание анимированной иконки.

Виджет «Advanced Changelog» by Aleksei Sushkov

Виджет для Figma и FigJam, который отслеживает изменения в проекте

🧩Попробовать виджет🧩

#widget

Retro Figma

Блог-платформа для дизайнеров

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

🎙 Дизайнерс — это блог-платформа для дизайнеров. Без маркетинга, без воронок, без давления. Только голос, мысль, контекст.

На платформе уже зарегистрировано >20 000 дизайнеров. Публикаций >5 000. Читателей ежемесячно >100 000.

Веди свой блог или читай единомышленников — dsgners.ru

CreatorPUSH Wallpapers by Násser Yousef Ali

Небольшой набор стильных абстрактных бэкграундов, сгенерированных нейросетью.

⌨️Скачать пак⌨️

#материалы

Vector Drawable — плагин копирует и экспортирует векторный рисованный код из любых слоев, кроме Slice и Image.

Install

Retro Figma

Magicons Iconset — Набор иконок Magicons красиво оформлен, чтобы помочь вам ускорить рабочий процесс дизайна

Install

Figma

Плагин "Google Emojis" by Iconduck

3670 эмодзи от Google, можно бесплатно использовать в личных и коммерческих целях

🗿Скачать плагин🗿

#plugin

Retro Figma

Набор "Abstract Linear shapes" by Thanightplayer

Небольшой набор абстрактных шейпов, выполненных в 3 уникальных стилях. Есть бесплатная версия.

🗿Скачать набор🗿

#материалы

Mercury — улучшенный конструктор иконок приложений для IOS и Android в Figma.

mercury.io

Retro Figma

Только начинаешь путь в дизайне и метишь в бигтех?
Справиться будет проще, если заранее узнаешь:

— какие этапы отбора бывают в крупных продуктах;
— что и как рассказывать о себе;
— за какие скилы реально ценят джунов (спойлер — это не только харды),
— и как не посыпаться на tricky-вопросе: «А что вы делали в этом проекте?..».

Лид-дизайнер Сбера и наставник Яндекс Практикума и поделился, как он сам оценивает начинающих дизайнеров.

➡️ Прочти статью и подготовься к собеседованию.

Читать на Дизайнерс

🪴Достойный аналог Pinterest, сервис для вдохновления дизайнеров SAVEE

⤷Посмотреть сайт

#Вдохновение

Анимация лоадера.

Retro Figma

Туториал "Адаптив в Figma через AutoLayout" by Alexey Bychkov

Адаптив в Figma через AutoLayout: секреты, лайфхаки, компоненты и хорошее настроение.

💻Посмотреть видео💻

#tutorial

Retro Figma

От стажера до мидла: как за год стать классным дизайнером

Стажировка для начинающего дизайнера - шанс развить навыки и заполнить портфолио. Узнай, как стажировка может стать ключом к вашей первой работе в дизайне

Читать на дизайнерс | #статья

Android Resources Export — экспортируйте PNG разных размеров из выбранного фрагмента или экспортируемого слоя с фиксированной структурой папок и корректным названием.

Install

Retro Figma

И наконец - примеры балансов, о которых мы писали выше!

Ассиметрию можно увидеть в логотипе Steam. Разные размеры деталей заметны пользователям, но не отталкивают.

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

Радиальный баланс можно увидеть в третьем креативе, а также в 4 части статьи о балансе. Центральная точка - основная, а лучи из нее словно "вылетают" наружу.

Разбаланс же сейчас довольно сложно встретить в мире дизайна, но здесь вы сможете увидеть сочетание множества фигур, смешение размеров деталей и многое другое.

Retro Figma

Разбираемся в видах гротесков — самых распространенных сегодня шрифтах

#шрифты

Retro Figma

Motiff: Как уничтожили лучшую альтернативу Figma

Motiff - новый инструмент для дизайна, призванный сделать конкуренцию Figma. Стартап из Сингапура с инвестициями из Китая обещает технологическое превосходство

Читать на дизайнерс | #статья

Amplitude Event Planner — позволяет быстро создавать метки событий поверх дизайнов для наглядного отображения, какие действия или события пользователя следует отслеживать.

Install

Retro Figma

Плагин "Arrange hues" by Anvesh Dunna

Плагин который позволяет понять какие оттенки чаще всего используются в проекте.

📱Скачать плагин📱

#plugin

Retro Figma

Баловство в Фигме.

Retro Figma

Figma продолжает допиливать свой интерфейс, в UI3 вернули фиксированные панели.

www.figma.com/blog/our-approach-to-designing-ui3/

Retro Figma

Страницы "404 error" by Md. Masum Rana

Готовый шаблон страницы с ошибкой 404

🍥Скачать страницу🍥

#материалы

Retro Figma

Новая порция вдохновений.

Первый проект — Источник
Второй проект — Источник
Третий проект — Источник

Дайте знать своими реакциями, если вам нравится подобный контент

Retro Figma

MockFlow — импортируйте элементы дизайна из Figma и используйте их как часть UI-блоков.

Install

Retro Figma

Плагины для легкого создания карт

#полезное

Retro Figma

Add numbers to texts — плагин добавляет нумерацию сразу к нескольким текстовым слоям.

Install

Retro Figma

Урок по созданию минималистичных иконок.

Retro Figma

Плагин «Find component» by Wei Lu

Плагин который помогает искать где используются компоненты.

🌀Установить плагин🌀

#plugin

Retro Figma

Анимация карточек.

Retro Figma

Виджет «Progress Bar» by Adam Page

Виджет который позволяет создать шкалу прогресса для отслеживания выполненных задач.

🧩Попробовать виджет🧩

#widget

Retro Figma

Add numbers to texts — плагин добавляет нумерацию сразу к нескольким текстовым слоям.

Install

Retro Figma

Ролик "Figma с нуля за 1 час!"

Урок по Figma с нуля за 1 час. Основы веб дизайн для начинающих.

💻Смотреть видео💻

#tutorial

Retro Figma

AD Compressor — сжимает все изображения в проекте размером более 150кб.

Install

Retro Figma

Создаем абстрактное 3D в Figma.

Retro Figma