Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Курсы
Войти
Войти
Забыли пароль?
Создать аккаунт
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
Восстановление пароля
Восстановление пароля
Получить код в Telegram
или продолжите с
Google VK Facebook Twitter
Создать сообщество
У вас есть вопрос?
Задайте его на Пикабу и получите ответ от наших пользователей. Или помогите с ответом другим пикабушникам.
Помочь с ответом

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

Топ авторов

  • Ugin0242 Ugin0242 56 постов
  • Wildwildworld Wildwildworld 55 постов
  • VerhovniyMemolog VerhovniyMemolog 71 пост

Топ комментаторов

  • Aequitas21 Aequitas21 261 комментарий
  • PannonopT PannonopT 432 комментария
  • btwlines btwlines 69 комментариев
Посмотреть весь топ
Новости Пикабу Помощь Кодекс Пикабу Реклама
Верификации Награды Контакты О проекте
Промокоды Скидки
Курсы Блоги
Android iOS

Ui

Теги
С этим тегом используют:
Дизайн Ux Интерфейс Веб-дизайн Пикабу Figma Ux-дизайн
Все теги
Рейтинг
Автор
Сообщество
Тип постов
любые текстовые картинка видео [мое] NSFW
Период времени
за все время неделя месяц интервал
47 постов сначала свежее
195
jopselmopsel
2 месяца назад
Лига фотожоперов

Нейросети в помощь дизайнеру⁠⁠

Сейчас идет расцвет нейросетей и в статье ниже я расскажу как их можно использовать в прикладном дизайне

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Есть несколько самых крупных нейросеточек: StableDiffusion с открытым исходным кодом, Dalle-2 полностью закрытый, но очень долгожданный и MidJorney в виде бота Discord. Есть еще куча более мелких, но я предпочитаю стейблдифьюжн и миджорней.

Этого чертика я делал в Midjorney

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

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

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Мои первые варианты были такими:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Это не подошло т.к. не отображало сути. Чертик должен быть хитрым ботаном фиолетового цвета. К этому я пришел итерационно вот они:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост
Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Спустя несколько десятков генераций, я нашел то что мне понравилось:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Увеличил нажав сюда:

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Дальше сохраняем и идем в иллюстратор допиливать.

Копируем несколько раз изображение и делаем трассировку чб логотип и еще одну на 16 цветов

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Потом берем чб, оставляем силует

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

Потом просто закрашиваем подкладывая фигуры под этот слой.

А все детали которых здесь не хватает берем из трассировки по 16 цветов.

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

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

Нейросети в помощь дизайнеру Midjourney, Stable Diffusion, Графика, Дизайн, Flat design, Логотип, Ui, Uiux, Нейронные сети, Искусственный интеллект, Digital, Иллюстрации, Компьютерная графика, Цифровой рисунок, Персонажи, Длиннопост

На этом все. Спасибо за внимание.

Ссылочки:

https://t.me/prouxui Мой канал про продуктовый UI/UX дизайн

https://t.me/weirdneuro Мой канал с упоротыми генерациями из интернета

Показать полностью 11
[моё] Midjourney Stable Diffusion Графика Дизайн Flat design Логотип Ui Uiux Нейронные сети Искусственный интеллект Digital Иллюстрации Компьютерная графика Цифровой рисунок Персонажи Длиннопост
30
Эмоции
73
starpony
starpony
3 месяца назад
IT-юмор

Первый пост на тему IT-юмора⁠⁠

Программирование IT юмор Ui Ux Backend Аниме Chainsaw Man Denji Aki Hayakawa Видео Power (Chainsaw Man)
2
Поддержать
Эмоции
29
MY.GAMES
MY.GAMES
3 месяца назад
Лига Разработчиков Видеоигр

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца⁠⁠

Всем привет, меня зовут Александр Никитин, я дизайнер интерфейсов в Pixonic. За время работы я вывел для себя несколько общих советов, которые могут пригодиться другим UI/UX-дизайнерам. В этой статье я расскажу, как берусь за задачу, на какие этапы делю свой рабочий процесс, и как справляюсь с возникающими проблемами.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

Сначала я хочу представить свое видение UI/UX-дизайна. Если вбить в Google запрос: «Что такое UI/UX?», поисковик выдаст много картинок, суть которых сводится к тому, что: UI — это в первую очередь красивые элементы и макеты, а UX — это архитектура приложения и планирование пользовательского опыта.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

На самом деле это не совсем так. Если взглянуть глубже, то окажется, что UI входит в UX-дизайн. При этом UX затрагивает еще и бизнес сторону игры, так как его обычно разрабатывают под конкретную аудиторию с определенным запросом.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

Рабочий процесс UX-дизайнера можно разделить на три ключевых этапа. На начальном этапе нужно правильно исследовать вводные данные и сформулировать гипотезы, потом создать подходящий UI, а в конце нужно подготовить макеты для разработчиков, пообщаться с QA и задуматься о масштабировании фичи. И если о рисовании красивых макетов есть огромное количество статей и выступлений, то обо всем остальном говорят слишком мало — хотя это не менее важная часть работы.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

Этап пре-UI

Первый этап — это исследование вводных данных. Многих ошибок можно избежать, если внимательно читать ТЗ и уточнять непонятные детали. Допустим, если планируется ивент про Новый год, лучше заранее подойти к гейм-дизайнеру и сразу обсудить все нюансы. Также желательно посмотреть, как с этой задачей справились конкуренты.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

После этого можно сделать первые эскизы — подготовить несколько гипотез, показать их коллегам, гейм-дизайнеру и другим заинтересованным лицам. Нужно собрать обратную связь и спросить их про ощущения. А на основе ответов выбрать один вариант.


Еще на этапе подготовки стоит использовать свою гипотезу для проработки user flow — нужно текстово описать, как пользователь будет переходить между экранами и нажимать на кнопки. И только после этого стоит приступать к визуальной части.

Этап UI

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


Раскладывайте макеты по user flow, потому что ими будут пользоваться и другие члены команды — это нужно для разработчиков, тестировщиков, дизайнеров, которые потом будут работать над фичей. Все они должны легко понять вашу задумку и общую концепцию.


В графических редакторах особенно полезны компоненты (они есть, например, в Figma) — с их помощью можно легко собирать экраны. Если потом будут какие-то правки или доработки, то вам будет проще вносить изменения в компонент, а не вручную перерабатывать каждый экран. Также можно создать библиотеку из компонентов — можно будет через поиск подключать необходимые кнопки, иконки и так далее.


Еще отдельно хочу отметить создание прототипа — некоторые компании пренебрегают этим этапом или у них просто не хватает на это времени. Прототип не требует какой-то верстки от программистов, но при этом в Figma можно проставить связи и запустить его на телефоне. В итоге получается, что можно практически не тратить деньги на дорогих верстальщиков и разработчиков, но все равно увидеть, как ваша фича будет выглядеть на телефоне.

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

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

Этап пост-UI

После того, как вы сделали макет, собрали из этого UI-библиотеку и прокликали прототипы, можно переходить к этапу пост-UI. К этому моменту может показаться, что вы уже выполнили задачу — ведь все необходимое уже есть. Но вообще-то еще нет: далее нужно передать все это разработчикам, пообщаться с QA и заняться развитием самой фичи.


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

Памятка для UX-дизайнера на все случаи жизни: как взяться за задачу и довести ее до конца Gamedev, Разработка, Ux, Ui, Длиннопост

Потом все это уходит тестировщикам. И они могут прийти к вам и сказать: «Вот тут ты что-то пропустил. А вот тут не хватает макета». И это нормально, потому что невозможно идеально проработать все кейсы. А иногда компании не могут себе позволить QA, поэтому в этой роли придется выступать вам.


Кроме всего этого, нужно думать о будущем фичи — ее поддержке и масштабировании. Например, если вы делаете голосовые сообщения, рано или поздно столкнетесь с тем, что не все люди могут их слушать. И было бы неплохо добавить туда расшифровку — прикрутить нейросеть, которая расшифровывает аудио в текст. Но в самом начале все это сложно спланировать. Поэтому приходится делать user flow еще больше, чтобы предугадать будущие потребности.

***

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


А когда нет четкого процесса, работа становится сумбурной. Нет понимания, в какой момент возникла проблема. И увеличивается риск что-то упустить.

Показать полностью 6
[моё] Gamedev Разработка Ux Ui Длиннопост
3
Эмоции
Партнёрский материал Реклама
specials
specials

Попробуйте не только потратить, но и заработать⁠⁠

Мы сделали виртуальный магазин, в котором у вас есть:

  • 8000 рублей;

  • 60 секунд;

  • возможность заработать 1200 рублей кешбэка.

Задача — добежать до кассы, ни во что не врезаться и получить все бонусы. Справитесь?

Погнали!

Игры Магазин
132
Archangel78
Archangel78
3 месяца назад
Отзывы и предложения по Пикабу

Что? Опять?⁠⁠

Что? Опять? Пикабу, Интерфейс, Обновление на Пикабу, Бунт, Кнопка поделиться, Ui, Ux-дизайн

Пикабу! Это что такое?

Нафига вы это выдумали? Верните дискетку!!!

Я читаю пост целиком. Допустим, этот пост не такая коротенькая хрень, как на скрине, а простынь: рецепт или МК. И вот я его хочу сохранить:  догадайся куда спрятали, отмотай шесть экранов вверх, нажми одно из двух многоточий, бинго!

А новенький вообще не догадается, что такая функция есть.

Что? Опять? Пикабу, Интерфейс, Обновление на Пикабу, Бунт, Кнопка поделиться, Ui, Ux-дизайн
Пикабу Интерфейс Обновление на Пикабу Бунт Кнопка поделиться Ui Ux-дизайн
5
Эмоции
2785
echo0x00
echo0x00
10 месяцев назад
Программисты шутят

Интуитивно понятно⁠⁠

Интуитивно понятно IT юмор, Картинка с текстом, Ui, Интерфейс, Программист, Юмор

Программисты шутят

IT юмор Картинка с текстом Ui Интерфейс Программист Юмор
63
Эмоции
70
behappyz
behappyz
10 месяцев назад

"User experience", говорили они. "Тебе должно быть удобно", говорили они⁠⁠

Посвящается удобству жадного выделения текста в андроидах.

[моё] Вертикальное видео Мат Ux Баттхёрт Удобство Android Смартфон Ui Видео Комментарии на Пикабу
26
Эмоции
1578
echo0x00
echo0x00
10 месяцев назад
Программисты шутят

UI vs UX⁠⁠

UI vs UX Картинка с текстом, Ux, Ui, Программирование, Тротуар, IT юмор, Юмор

Программисты шутят

Картинка с текстом Ux Ui Программирование Тротуар IT юмор Юмор
126
Эмоции
1894
k3ybo
k3ybo
11 месяцев назад
IT-юмор

Любовь повернулась ко мне...⁠⁠

Любовь повернулась ко мне... IT, Ui, Заказчики, Пользователи, Попа

Заказчики пользовательского интерфейса: "Я в восторге! Я тоже!"

Пользователи: ...

IT Ui Заказчики Пользователи Попа
26
Эмоции
Посты не найдены
123456Далее
О Пикабу
О проекте
Контакты
Реклама
Сообщить об ошибке
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Верификации
Бан-лист
Конфиденциальность
Правила соцсети
Mobile
Android
iOS
Партнёры
Fornex.com
Промокоды