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

Рыбный дождь

Спорт, Симуляторы, Рыбалка

Играть

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

  • AlexKud AlexKud 40 постов
  • unimas unimas 13 постов
  • hapaevilya hapaevilya 2 поста
Посмотреть весь топ

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

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

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

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

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

UI/UX Создание эффекта стекла в Figma⁠⁠

UI/UX Создание эффекта стекла в Figma Ui, Ux, Uiux, Веб-дизайн, Интерфейс, Лайфхак, Мастер-класс, Все для людей, Длиннопост

Здравствуйте уважаемые пользователи пикабу, как быстро и легко создать эффект стекла в инструменте Figma


Если вам лень читать, то полностью проиллюстрированный пост есть у меня в инстаграме


И так начнёмс:


1. Нарисуйте фигуру

Создайте прямоугольник, зажав клавишу "R" и растянув его по нужной площади, а после  закруглите у него края, как желаете


2. Создание градиента

Создаём градиент, нажимаем на наш цвет и в появившемся окне вверху слева выбираем вместо "Solid" "Linear", а после ставим параметры как внизу

Цвет 1: FFFFFF (прозрачность 40%)

Цвет 2: FFFFFF (прозрачность 10%)


3. Блюр заднего фона

Создаём эффект background blur и ставим его интенсивность на 20


4. Добавляем окантовку для объёма

При помощи инструмента stroke, создаём обводку, делая её градиентовой по аналогии со 2-ым пунктом, а также выставляем направление градиента по диагонали и ставим другие цвета

Цвет 1: FFFFFF (прозрачность 60%)

Цвет 2: FFFFFF (прозрачность 0%)

Цвет 3: FFFFFF (прозрачность 0%)

Цвет 4: FF9C00 (прозрачность 90%)


5. Добавляем тень (если есть фон)

Создаём эффект Drop shadow и вводим параметры снизу

X: 3

Y: -2

Blur: 25


По желанию добавляем текст, присваиваем ему цвет FFFFFF и прозрачность 70%


Наше стекло готово, можете поиграться с параметрами блюра и цветами.

Подписывайтесь на мой инстаграм @step.ui , там куда больше лайфхаков и полезной информации 

Показать полностью 1
[моё] Ui Ux Uiux Веб-дизайн Интерфейс Лайфхак Мастер-класс Все для людей Длиннопост
6
21
mr.svezhiy
3 года назад
Лига фотожоперов

Как подготовить PSD макет сайта для анимации в After Effects⁠⁠

В этом видео я показываю процесс подготовки готовой PSD страницы сайта для работы в After Effects.

[моё] Компьютерная графика Photoshop Adobe After Effects Анимация 2D анимация Ui Uiux Веб-дизайн Видео
0
0
Garichuchello
3 года назад

А можно ли на React?⁠⁠

Всем привет!

Реализовал такую фичу на native JavaScript , может кто то знает как можно получить похожий эффект в React?

Заранее спасибо!

[моё] Javascript React Программирование HTML CSS Web Web-программирование Ui Помощь Видео Вертикальное видео
22
11
znams
3 года назад
MS, Libreoffice & Google docs

Выделение строк и столбцов ячейки при работе⁠⁠

Всем привет! Искал, но дельного ничего не нашел. Можно ли в excel отображать столбец и строку выбранной ячейки всегда? Это даже не конкретная таблица, а настройки интрейфейса получаются. По логике очень удобно-видно все данные в строке при работе с длинной таблицей, не надо тыкать на номер строки или столбца для выделения всего ряда.


P.S. Решение найдено - надстройка Follow Cell Pointer с jkp-ads.com/download.asp

Microsoft Excel Ui Текст
6
counter0osint
counter0osint
3 года назад

Root - официально, window - понятно⁠⁠

Root - официально, window - понятно IT юмор, Python, Ui, Выбор
Показать полностью 1
[моё] IT юмор Python Ui Выбор
3
863
tproger.official
tproger.official
3 года назад
Типичный программист

Ещё один «удобный» UI для выбора имени:⁠⁠

IT Ui IT юмор Интерфейс Видео
90
PlayArcher
3 года назад

Что по онлайн курсам?⁠⁠

В феврале этого года я принял решение начать обучаться дизайну интерфейсов, с целью чего приобрёл курс у скиллбокса -- "Профессия ux/ui дизайнер с ноля до PRO". Курс рассчитан на 1 год, поэтому я решил поделиться дальнейшими планами и текущим прогрессом.

Мой прогресс на данный момент выглядит следующим образом, из заданий по модулям остались домашние задания по подготовке презентаций и поиске работы, которые я решил отложить так как не считаю их сколько либо важными и работа в данный момент у меня есть. Небольшой модуль Сервисного дизайна и диплом, в котором я для себя не вижу необходимости. Остальные примерно 200 уроков это доп., материалы куда входят курсы фотошопу, анимация в Digital, анимация в Principle.

Что по онлайн курсам? Ux, Ui, Skillbox, Курсы, Дизайн, Веб-дизайн, Видео, Длиннопост

Что хочется рассказать об опыте онлайн обучения. Опыт был не первый, поэтому я примерно понимал чего стоит ждать и как выстроен сам процесс обучения. В целом, каких-то критических замечаний у меня нет, добротные кураторы (при желании их можно поменять, если вас не устраивает проверка ваших дз), старые модули периодически заменяются новыми, если непонятно, всегда можно задать вопрос куратору или написать в чат курса в телеге. Конечно, присутствует определенная неконсистентность подачи, так как я брал курс профессии целиком, некоторые прописные истины хотелось бы узнать уже в блоке веб-дизайна, а не UX дизайнера, но это для меня мелочи.


Чаты курса в телеге -- это бомба, потому что считаю, что при погружении в тему очень важно общаться с людьми с общими целями и взглядами. К счастью, у меня есть знакомые дизайнеры, которые направляют на истинный путь, но остальным уверен, что будет очень полезно пообщаться с коллегами и теми людьми, кто уже давно в профессии.


Как и обещалось, по завершении курса вы оформляете 2 работы в виде кейса на беханс, на самом деле практических заданий и редизайнов хватает, рисовать придётся много. Ниже креплю ссылку на свои 2 работы. Работы свои считаю довольно средними для начального уровня, в целом всё зависит от вашего желания/времени, у некоторых студентов работы выглядят гораздо сильнее и профессиональнее))


https://www.behance.net/Igorcrazyp


Теперь к главному, цена, конечно, совсем немаленькая и  я уверен, что можно найти курсы в 2 раза дешевле и без такого количества "доп" материалов, часть из которых мне не пригодится никогда, но к ним есть доступ и в целом пускай будут.

Занимался я по 1-3 часа в день, 5 дней в неделю. После чего занимался основной работой.

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

Мой коллега, который занимается непосредственно ux/ui посмотрев мои работы сказал, что в целом, если я выполню 3 его задания, то можно будет меня отправлять на позицию джуна, чем я и планирую заняться после отдыха. :)


Для тех, кто планируется начать обучаться ux/ui дизайну очень рекомендую видео, которое вы можете посмотреть с субтитрами, в нём очень подробно и по полкам рассказывают как должен выглядеть ваш путь в ux/ui с ноля:


https://www.youtube.com/watch?v=t0aCoqXKFOU

Всех обнял-приподнял, надеюсь, что пост окажется полезным для тех, кто раздумывает попробовать себя в чём-то новом.

@Likestea @leviiiafan
Показать полностью 1 1
[моё] Ux Ui Skillbox Курсы Дизайн Веб-дизайн Видео Длиннопост
7
1
MistyInfo
3 года назад

Проба пера в UX/UI дизайне⁠⁠

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

Буду очень признателен критике, это пойдет для разбора ошибок и обучения.

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

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