Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр Перетаскивайте деревянные блоки и убирайте их в ворота того же цвета! Успокаивающая логическая игра без времени и ограничений.

Wood Blocks Jam

Головоломки, Казуальные, Логическая

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • Animalrescueed Animalrescueed 36 постов
  • Oskanov Oskanov 7 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
9
Johan.foreva
Johan.foreva
3 года назад

Что главное в музыке?⁠⁠

Вообще, конечно, для хорошо оформленного поста тут нужна бы была вводная часть с упоминанием умных слов вроде UI/UX, фреймворки, адаптивность и вот это всё... Но я не буду. Просто вставлю картинки. Итак — Яндекс.Музыка в минимальном размере.

Что главное в музыке? Яндекс, Музыка, Ui, Ux, Интерфейс, Дизайн, Длиннопост

Сделаем пошире. Интерфейс адаптируется для тех, кто плохо попадает в кнопки, замечательно!

Что главное в музыке? Яндекс, Музыка, Ui, Ux, Интерфейс, Дизайн, Длиннопост

А так, видимо, для тех, кто с первого раза не может прочитать название композиции?

Что главное в музыке? Яндекс, Музыка, Ui, Ux, Интерфейс, Дизайн, Длиннопост

Продолжаем эксперимент, и вот, НАКОНЕЦ-ТО, регулятор громкости! Да, при меньшей ширине окна его в интерфейсе в принципе нет даже «под тремя точечками».

Что главное в музыке? Яндекс, Музыка, Ui, Ux, Интерфейс, Дизайн, Длиннопост

...А вы говорите «пользовательский опыт». 80% неиспользуемой площади окна только ради того, чтобы можно было громкость подкрутить. У меня всё.

Показать полностью 4
Яндекс Музыка Ui Ux Интерфейс Дизайн Длиннопост
22
2
Baskovsky
Baskovsky
3 года назад
Подкасты
Серия Айтишники

Как стать хорошим UX/UI дизайнером и не выгореть⁠⁠

Современный мир не мыслим без удобных приложений. За графическую часть отвечает специалист UX/UI дизайнер. Именно он определяет конечный облик сайта или приложения.

Как стать таким специалистом и какие инструменты следует изучать для этого? Об этом и немного больше мы узнаем видео.

[моё] Интервью Дизайн Веб-дизайн IT Подкаст Ux Ui Собеседование Figma Uxui Видео YouTube
2
24
barsemil
barsemil
3 года назад
Графический и Веб-дизайн

Figma ресайзит большие картинки⁠⁠

Добрый день, пикабутяне!


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

Я в начале своей карьеры и следую советам, которые дают опытные дизайн-ребята. Поэтому сейчас я копирую дизайн чужих реализованных работ. Для удобства пользуюсь расширением в браузере, которое разом делает скриншот всей страницы. Но вот при добавлении скриншота в Фигму я недоумевал, почему картинка шириной не 1920, а 800-900пх. Это продолжалось пока я не заметил надпись "image resized"

Figma ресайзит большие картинки Веб-дизайн, Figma, Ux, Ui, Дизайн, Uiux, Длиннопост, Лайфхак

Оказалось, что у Фигмы есть такое ограничение, которое не даёт вставлять картинки размером более 4096пх. Вроде и логично, ведь редко такие картинки встретишь, но мы попали в то самое "редко".


Единственно верный способ на данный момент таков:

1) Скачиваем плагин "insert big image" в community

2) Запускаем этот плагин внутри своего проекта

3) Перетаскиваем необходимую картинку в него


Через 5 секунд вы получите группу, в которой объединены порезанные части исходного фото.

Профит: вы потратили минимум времени и не потеряли качество исходной фотографии.

Figma ресайзит большие картинки Веб-дизайн, Figma, Ux, Ui, Дизайн, Uiux, Длиннопост, Лайфхак
Показать полностью 1
[моё] Веб-дизайн Figma Ux Ui Дизайн Uiux Длиннопост Лайфхак
3
6
kuruReligion
kuruReligion
3 года назад
Поиск по описанию

Ищу простые макеты для Figma⁠⁠

Добрый день! Ищу простые макеты сайтов любой тематики в формате .fig. Перерыл кучу тематических сайтов и телеграм-каналов, макетов, конечно, много, но большинство из них слишком сложные и с большим количеством элементов. Нужны эти макеты для студентов, в качестве заданий для лабораторных работ - набить немного руку в вёрстке и прототипировании юзер интерфейсов.
Буду очень рад, если у кого-нибудь есть на примете сайты или группы в соц. сетях, где такое можно найти.

Без рейтинга Figma Дизайн Прототипирование Ui Поиск Текст
1
4
KoTulhu
3 года назад

Пикабу выручай!⁠⁠

Пикабу выручай! Ui, Ux, Дизайн, Ux-дизайн, Uiux, Помощь, Дизайнер, Веб-дизайн, Онлайн-курсы

Отзовитесь добрые дизайнеры!
Ищу хорошие платные курсы по UX/UI дизайну. Сама графический дизайнер, но сил моих больше нет делать фирменные стили, логотипчики и разной степени паршивости полиграфию. Душа тянется к чему-то более технологичному.
На всех курсах отзывы невнятные, воды целые океаны, программы размазаные, а ценники кусачие. Может кто, чего проходил и поделится своим опытом.

Ui Ux Дизайн Ux-дизайн Uiux Помощь Дизайнер Веб-дизайн Онлайн-курсы
17
9
itmakesense
3 года назад

Angle Mockups (обзор плагинов для Figma ч.2)⁠⁠

Это серия обзоров на самые интересные и полезные плагины для редактора Figma, главного инструмента web-дизайнера. Плагины в фигме появились относительно недавно и расплодились в невероятном количестве, попытаемся разобраться хоть в части из них.


Angle Mockups – плагин позволяет повернуть макет под нужным углом в перспективе.

Angle Mockups (обзор плагинов для Figma ч.2) Figma, Плагин, Дизайн, Веб-дизайн, Ui, Инструкция, Длиннопост, Линейная перспектива

В фотошопе с этим не было проблем. Дизайнеры создавали или использовали готовые mock-up файлы в связке со смарт объектами, чтобы выгодно показать свои поделки. 




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


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

Angle Mockups (обзор плагинов для Figma ч.2) Figma, Плагин, Дизайн, Веб-дизайн, Ui, Инструкция, Длиннопост, Линейная перспектива

Требуется нарисовать шэйп в том месте куда будем вставлять готовый макет И шэйп и макет должны находиться рядом, ну то бишь в одном файле.

Angle Mockups (обзор плагинов для Figma ч.2) Figma, Плагин, Дизайн, Веб-дизайн, Ui, Инструкция, Длиннопост, Линейная перспектива

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

Angle Mockups (обзор плагинов для Figma ч.2) Figma, Плагин, Дизайн, Веб-дизайн, Ui, Инструкция, Длиннопост, Линейная перспектива

Готово, вы восхитительны!

Angle Mockups (обзор плагинов для Figma ч.2) Figma, Плагин, Дизайн, Веб-дизайн, Ui, Инструкция, Длиннопост, Линейная перспектива

Предыдущие обзоры:

Themer – плагин для свапа между темами дизайна (светлая/темная)


Ставь плюс, подписывайся!

Показать полностью 4
[моё] Figma Плагин Дизайн Веб-дизайн Ui Инструкция Длиннопост Линейная перспектива
0
11
itmakesense
3 года назад

Themer (обзор плагинов для Figma ч.1)⁠⁠

Кто-то должен был это сделать. В главном инструменте современного web-дизайнера, не так уж  давно появились плагины и тут же расплодились в совершенно невероятном количества. Хотелось бы запилить подборку с обзорами самых интересных и нужных.

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

Themer – плагин позволяет вам создать и менять темы из ваших опубликованных стилей в библиотеке. Если по простому вы сможете менять дизайн со светлой темы на темную в один клик.

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Звучит заманчиво, но чтоб он заработал, как нужно, требуется проделать ряд манипуляций. Объясняю по шагам на примере с палитрой.

Шаг 1.

Создайте две палитры для светлой темы и темной. Обычно это делается в двух разных файлах. Важно! Названия цветов которые должны взаимозаменяться должны быть одинаковыми.

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Шаг 2.


Вам нужно пройти и зарегистрироваться на сайте https://jsonbin.io/


Благо там ничего особенного не нужно, можно авторизоваться через любую соцсеть, тот же аккаунт гугл подойдёт. 

Нам с этого сайта нужна API-ключ, чтоб плагин заработал. Он генерируется автоматически. Как найти ключ вы видите на картинке ниже.


Если совсем лень, вот вам мой, который используется, как пример в данном посте.
$2b$10$Ahm5DVrFsprWGG3YJ3sLQOgeSokwBKKMKrPAxqI.BYDO3UMIOXBr6

(будем надеяться он будет работать)

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Шаг 3.


Всё, идём в сам плагин. 

В файле с одной из созданных палитр запустите плагин (предварительно найдя его в community и установив естественно)
.

В нем нам во вкладке Admin нужно сперва вставить наш API Key.
На вторую строку не обращайте внимания, она будет пустая, но после первого сохранения ссылка сама прорастёт в поле и зачем она нужна информация для нас бесполезная.

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Теперь нам нужно добавить палитры. Сперва в файле с первой палитрой, нажимаем "Create a theme", пишем название нашей темы и сохраняем. Проделываем то же самое, во втором файле со второй палитрой. По итогу получаем две темы, которые можно использовать.

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Шаг 4.


Для того что бы применить плагин выделите Frame со своим дизайном выполненный палитрой из какой то одной темы. Запустите плагин, выберите в нем тему на которую хотите переключить цвета, нажмите Apply. Если вы сделали всё НЕ верно - ничего не произойдёт, а если верно то все цвета заменятся и вы молодец!

Themer (обзор плагинов для Figma ч.1) Figma, Плагин, Дизайн, Веб-дизайн, Theme, Палитра, Ui, API, Длиннопост, Инструкция

Ставьте плюс, подписывайтесь.

Показать полностью 6
[моё] Figma Плагин Дизайн Веб-дизайн Theme Палитра Ui API Длиннопост Инструкция
1
vladimirmalyavko
vladimirmalyavko
3 года назад

Носите маски⁠⁠

Из проекта "Фотонегативки":
по мотивам новостей об отмене масочного режима в Беларуси был запущен флешмоб, где блогеры и медийные личности делали пост с похожим текстом:

"Мы возвращаем обязательное ношение масок в общественных местах".

Носите маски Коронавирус, Медицина, Россия, Республика Беларусь, Дизайн, Протест, Фотография, Плакат, Ui, Ux, Политика
Показать полностью 1
[моё] Коронавирус Медицина Россия Республика Беларусь Дизайн Протест Фотография Плакат Ui Ux Политика
21
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии